/*@import url("https://at.alicdn.com/t/font_1593865_sywpc37bnjg.css");*/

@font-face {font-family: "Formular"; src: url('../fonts/Formular-Light.ttf')}
@font-face {font-family: "Formular Black"; src: url('../fonts/Formular-Black.ttf')}
@font-face {font-family: "Formular Italic"; src: url('../fonts/Formular-Italic.ttf');}
body{font:14px "Microsoft YaHei", "Formular", Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;background:#111}
.none{display:none}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.flex-top{-webkit-box-align:inherit;-webkit-align-items:inherit;align-items:inherit}
.flex-bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}
.text-c{text-align:center}
.text-r{text-align:right}
*,:after,:before{box-sizing:inherit}
*{margin:0;padding:0;outline:none}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.pace-inactive{display:none}
.pace .pace-progress{z-index:900;background:#f84018;width:100%;height:4px;position:fixed;top:0;right:100%}
.oldie .pace{display:none}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:800;height:100vh;width:100%;overflow:hidden}
.no-js #preloader,.oldie #preloader{display:none}
#loader{position:absolute;left:50%;top:50%;width:6px;height:6px;padding:0;display:inline-block;-webkit-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
#loader>div{content:"";background:#f84018;width:6px;height:6px;position:absolute;top:0;left:0;border-radius:50%}
#loader>div:nth-of-type(1){left:15px}
#loader>div:nth-of-type(3){left:-15px}
.dots-jump>div{-webkit-animation:dots-jump 1.2s infinite ease;animation:dots-jump 1.2s infinite ease;animation-delay:.2s}
.dots-jump>div:nth-of-type(1){animation-delay:.4s}
.dots-jump>div:nth-of-type(3){animation-delay:0s}
@-webkit-keyframes dots-jump{0%{top:0}
40%{top:-6px}
80%{top:0}
}
@keyframes dots-jump{0%{top:0}
40%{top:-6px}
80%{top:0}
}
a:hover{color:#f84018}
*{margin:0;padding:0}
html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
article,aside,details,figcaption,figure,footer,header,nav,section{display:block}
li{list-style:none}
table{border-collapse:separate;border-spacing:0}
img{border:none}
input[type=submit],input[type=text]{-webkit-appearance:none}
button,input[type=submit]{cursor:pointer}
button:focus,input[type=submit]:focus{outline:0}
.m15px{margin-top:15px;margin-bottom:15px}
.m-b20px{margin-bottom:20px}
.m-b40px{margin-bottom:40px}
.m-t15px{margin-top:15px}
.color-red{color:#ff0000}
.header-wrap{position:relative;height:78px}
.header-box{z-index:600;width:100%;height:78px;background-color:#000;position:fixed;top:0;border-bottom:#222 1px solid}
.logo{position:absolute;left:0;top:33px}
.logo img{height:22px}

.header-box .layui-nav{position:absolute;right:50px;top:0;padding:0;background:0 0}
.layui-nav{margin-top:28px}
.layui-nav .layui-nav-item a span.point{display:inline-block;width:5px;height:5px;background:#f84018;border-radius:50%;margin:0 8px;vertical-align:middle}
.layui-nav .layui-this:after,.layui-nav-bar{height:3px;background:#f84018}
.layui-nav .layui-nav-item{line-height:36px;margin:0 10px}
.layui-nav .layui-nav-item a{font-weight:600;color:#fff;padding:0 10px;font-size:14px}

.layui-nav .layui-nav-item .layui-nav-child{top:40px;left:-5px}
.layui-nav .layui-nav-item .layui-nav-child a{color:#000;font-weight:400;font-size:13px;padding:0 20px}
.layui-nav .layui-nav-item .layui-nav-child a:hover{background:rgba(183,209,207,.25)}
.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background:rgba(183,209,207,.25);color:#000}
.layui-nav .layui-nav-more{display:none}
.left-line{border-left:#333 1px solid;display:inline-block;height:36px;width:10px;vertical-align:middle}
.layui-nav a.js-tab{font-weight:400;padding:0}
.header-box a.language{border-radius:5px;display:inline-block;float:right;color:#f84018;line-height:24px;padding:0 10px;margin-top:34px;font-size:12px;font-weight:bold}
.header-box a.language:hover{color:#fff}
.box-lightbox.open{visibility:visible;opacity:1}
.box-lightbox{display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;position:fixed;bottom:0;left:0;right:0;top:0;min-height:100%;height:auto;padding:70px 0;overflow-y:auto;background-color:rgba(0,0,0,.75);z-index:990;transition:all .3s}
.box-lightbox .bt-close{position:absolute;top:0;right:0;width:66px;height:70px;background-color:#fcfcfc;cursor:pointer;z-index:1;transition:all .3s ease-in-out}
.box-lightbox .bt-close:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}
.box-lightbox .bt-close:after,.box-lightbox .bt-close:before{content:'';display:block;position:absolute;top:50%;left:50%;width:20px;height:2px;background-color:#202121}
.box-lightbox .bt-close:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
.box-lightbox .box-content-login{width:600px}
.box-lightbox [class*=box-content-]{display:inline-block;max-width:100%;padding:50px;background-color:#f4f7f6;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .3s;margin:auto 0;display:none}
.box-login .tab-form.active{display:block}
.box-login .tab-form{display:none;text-align:center}
.box-login .box-section{margin-bottom:40px;text-align:left}
.box-login .header{display:flex;justify-content:space-between;margin-bottom:25px}
.box-login h3{margin-bottom:0;font-size:17px}
.text-green{color:#f84018;cursor:pointer}
.box-login .layui-form-label{width:120px;font-size:16px;line-height:30px}
.box-login .layui-form-item .layui-input-inline{width:250px}
.box-login .layui-input{height:46px;font-size:16px;line-height:46px}
.box-login .layui-input-block{margin-left:120px}
.box-login .layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top:0}
.box-login .layui-btn{width:250px;height:48px;line-height:48px;font-size:16px;background:#f84018}
.box-login .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#999}
.box-login .layui-form-checked[lay-skin=primary] i{border-color:#f84018!important;background:#f84018}
a.forget{display:inline-block;margin-left:90px;vertical-align:bottom;line-height:20px;margin-top:10px}
.login-code img{display:block;width:200px;margin:20px auto}
.login-code p{text-align:center;font-size:14px;line-height:30px}
.button-next,.button-prev{transition:.5s;outline:0;position:absolute;width:140px;z-index:10;top:65vh;transform:translateY(-34px);cursor:pointer}
.button-prev{left:4vw}
.button-next{right:4vw}
.button.disabled{opacity:.2;cursor:default}
#arrow-svg-home{transform:translateY(353px)}
.button-next #arrow-svg-home{transform:translateY(353px) rotateY(180deg);transform-origin:80px 0 0}
svg{transition:.5s}
.cls-1{transition:.5s;opacity:.4;transform-origin:-20px 40px;opacity:1}
.cls-4{transition:.5s;stroke-width:2px;stroke:#fff;fill:none;stroke-dasharray:1;stroke-dashoffset:1;opacity:.4;transform-origin:0 0 0}
#arrow-trg{transition:.5s;fill:#fff;transform:rotateY(180deg) translate(-53px,39px)}
#line{transition:.5s;stroke:#fff;transform:translate(50px,42px)}
.button-prev:not(.disabled):hover svg{transform:translateX(-25px)}
.button-next:not(.disabled):hover svg{transform:translateX(25px)}
.button:not(.disabled):hover .cls-1{transform:scale(1.1)}
.button:not(.disabled):hover .cls-4{stroke-dasharray:2px;stroke-dashoffset:2px;opacity:1}
.button:not(.disabled):hover #arrow-trg{transform:rotateY(180deg) translate(-37px,39px)}
.button:not(.disabled):hover #line{transform:translate(35px,42px) scaleX(.33)}
.index-footer{text-align:center;font-size:12px;line-height:40px;position:fixed;z-index:500;width:100%;bottom:0;color:#999}
.index-footer a{color:#fff;display:inline-block;margin-left:50px;line-height:40px;color:#666}
.index-footer a:hover{color:#f84018}
.footer{text-align:center;font-size:12px;line-height:40px;width:100%;color:#999;padding:10px 0}
.footer a{color:#fff;display:inline-block;margin-left:50px;line-height:40px;color:#666}
.footer a:hover{color:#f84018}
.index-swiper .swiper-container{width:100%;height:100%;overflow:hidden}
.index-swiper .swiper-slide{position:relative;text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-button-next,.swiper-button-prev{color:#f84018}
.title{transition-delay:1s;z-index:10}
.title h3{font-weight:700;color:#fff;font-size:74px}
.img-box{width:100%;height:100%;position:absolute;bottom:0;left:0;overflow:hidden}
.img-box img{min-width:100%;min-height:100%}
.box-lightbox.open{visibility:visible;opacity:1}
.box-lightbox{display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;position:fixed;bottom:0;left:0;right:0;top:0;min-height:100%;height:auto;padding:70px 0;overflow-y:auto;background-color:rgba(0,0,0,0.75);z-index:990;transition:all 0.3s}
.box-lightbox .bt-close{position:absolute;top:0;right:0;width:66px;height:70px;background-color:#fcfcfc;cursor:pointer;z-index:1;transition:all 0.3s ease-in-out}
.box-lightbox .bt-close:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}
.box-lightbox .bt-close:before,.box-lightbox .bt-close:after{content:'';display:block;position:absolute;top:50%;left:50%;width:20px;height:2px;background-color:#202121}
.box-lightbox .bt-close:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
.box-lightbox .box-content-login{width:600px}
.box-lightbox [class*=box-content-]{display:inline-block;max-width:100%;padding:50px;background-color:#f4f7f6;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all 0.3s;margin:auto 0;display:none}
.box-login .tab-form.active{display:block}
.box-login .tab-form{display:none;text-align:center}
.box-login .box-section{margin-bottom:40px;text-align:left}
.box-login .header{display:flex;justify-content:space-between;margin-bottom:25px}
.box-login h3{margin-bottom:0;font-size:14px}
.text-green{color:#f84018;cursor:pointer}
.box-login .layui-form-label{width:120px;font-size:15px;line-height:30px}
.box-login .layui-form-item .layui-input-inline{width:250px}
.box-login .layui-input{height:46px;font-size:15px;line-height:46px}
.box-login .layui-input-block{margin-left:120px}
.box-login .layui-btn{width:250px;height:48px;line-height:48px;font-size:16px;background:#f84018}
.box-login .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#999}
.box-login .layui-form-checked[lay-skin=primary] i{border-color:#f84018 !important;background:#f84018}
a.forget{display:inline-block;margin-left:90px;vertical-align:bottom;line-height:20px;margin-top:10px}
.login-code img{display:block;width:200px;margin:20px auto}
.login-code p{text-align:center;font-size:14px;line-height:30px}
.docs-container{padding:20px}
.docs-title{margin-bottom:10px;padding-bottom:10px;color:#000;border-bottom:1px solid #e6e6e6}
.docs-container .md-text{padding:20px 0}
.md-text{line-height:24px}
.layui-text{font-size:14px;color:#666}
.md-text blockquote{margin:10px 0;padding:15px;line-height:22px;border-left:5px solid #f84018;border-radius:0 2px 2px 0;background-color:#f2f2f2}
.md-text h2{margin:35px 0 20px}
.header-user{display:inline-block;line-height:36px;margin:0 10px;vertical-align:middle}
.header-user img{width:30px;height:30px;border-radius:50%;vertical-align:middle;margin-right:10px}
.header-user span{color:#f84018}
.user-wrap{padding:30px 0}
.w1200{width:1200px;margin:0 auto}
.clearfix{zoom:1}
.clearfix:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden}
.fl{float:left}
.fr{float:right}
.user-left{width:180px;background:#fff;border-radius:4px}
.user-left .t{font-size:18px;color:#f84018;height:54px;line-height:54px;text-align:center}
.user-left .l{padding:15px 20px;border-top:1px solid #eee}
.user-left a.fir{display:block;font-weight:bold;color:#333;line-height:28px;height:28px}
.user-left a.sec{display:block;color:#666;line-height:28px;height:28px;margin-left:10px}
.user-left a.sec:hover,.user-left a.sec.on{color:#f84018}
.user-left a.sec span{float:right;background:#f84018;color:#fff;padding:0 10px;border-radius:10px;height:16px;line-height:16px;margin-top:6px}
.user-right{width:1000px}
.user-right .t{background:#fff;padding:20px 30px;border-radius:4px}
.user-right .t .avatar{margin-right:30px}
.user-right .t .avatar img{width:90px;height:90px;border-radius:50%}
.user-right .t .t2{}
.user-right .t .t2 .d1{overflow:hidden;margin:10px 0 15px 0}
.user-right .t .t2 .d1 .i{float:left;font-size:18px;margin-right:15px}
.user-right .t .t2 .d1 .tag{float:left}
.user-right .t .t2 .d1 .tag span{display:inline-block;color:#fff;height:22px;line-height:22px;text-align:center;font-size:12px;margin-right:5px;padding:0 10px}
.user-right .t .t2 .d1 .tag span.color1{background:#e9af00}
.user-right .t .t2 .d1 .tag span.color2{background:#00aae9}
.user-right .t .t2 .d1 .tag span.color3{background:#e96300}
.user-right .t .t2 .d2{margin-top:20px}
.user-right .t .t2 .d2 a{display:inline-block;width:80px;height:26px;line-height:26px;text-align:center;color:#fff;border-radius:100px;margin-right:15px}
.user-right .t .t2 .d2 a.btn1{background:#f84018}
.user-right .t .t2 .d2 a.btn2{background:#ddd}
.user-right .t .tool{}
.user-right .t .tool .i{text-align:center;display:inline-block;margin:0 30px}
.user-right .t .tool .i .p1{font-size:24px}
.user-right .t .tool .i .p2{color:#888;margin:10px 0}
.user-right .t .tool .i a{font-size:12px;border:1px solid #ddd;color:#666;display:inline-block;height:20px;width:60px;line-height:18px;border-radius:100px}
.user-right .t .tool .i a:hover{border:#f84018 1px solid;color:#f84018}
.u-tit{padding:15px 30px;height:25px;line-height:25px}
.u-tit .fl{font-size:18px;color:#333}
.u-tit .fr{color:#666}
.u-tit .fr:hover{color:#f84018}
.user-right .c{margin-top:15px}
.user-right .order{width:680px;background:#fff;min-height:535px;border-radius:4px}
.user-right .order .o-l{padding:20px 80px;border-bottom:1px solid #eee;font-size:0}
.user-right .order .o-l a{display:inline-block;color:#666;width:25%;text-align:center;position:relative}
.user-right .order .o-l a img{width:40px;margin:10px auto}
.user-right .order .o-l a p{font-size:14px}
.user-right .order .o-l a .layui-badge{position:absolute;right:40px;top:0px;border-radius:15px}
.user-right .empty{text-align:center;padding-top:80px}
.user-right .empty img{width:120px}
.user-right .empty p{color:#666;margin-top:15px}
.user-right .empty p a{color:#f84018}
.user-right .order .uo-l{padding:15px 0}
.user-right .like{width:300px;background:#fff;position:relative;min-height:535px;border-radius:4px}
.user-right .like .slider{margin:0 30px 40px 30px}
.user-right .like .slider img{width:240px;height:240px}
.user-right .like .slider .p{font-size:24px;text-align:center;margin:30px 0 30px 0}
.user-right .like .slider .p span{font-size:12px;color:#f84018}
.user-right .like .slider .n{font-size:16px;color:#333;text-align:center}
.user-right .like .slider .cancle{width:84px;height:30px;border:1px solid #009A98;color:#009A98;margin:30px auto;text-align:center;line-height:30px}
.user-right .like .slider .swiper-pagination{left:30px;right:30px}
.user-right .like .slider .swiper-pagination-bullet{margin:0 10px}
.user-right .like .slider .swiper-pagination-bullet-active{background:#f84018}
.user-right .foot{background:#fff;margin-top:15px;border-radius:4px}
.user-right .foot ul{padding:15px 30px 30px 30px}
.user-right .foot li{float:left;text-align:center;margin:0 32px}
.user-right .foot li img{width:170px;height:170px}
.user-right .foot li .p{margin:15px 0;font-size:18px;color:#333}
.user-right .foot li .p span{font-size:18px;color:#333;font-size:12px;color:#009A98;margin-right:5px}
.user-right .foot li .n{color:#333}
.user-right .foot .empty{padding:0 0 30px 0}
.order_list{padding:15px}
.order_list li{width:100%;margin-bottom:20px;border-radius:4px;border:#f6f6f6 1px solid}
.order_list li:last-child{margin:0;border-bottom:0}
.order_list .order_title{background:#f2f2f2;font-size:14px;line-height:24px;font-weight:bold;padding:8px 10px}
.order_list .order_title i{display:inline-block;background:#f84018;width:24px;height:24px;border-radius:50%;text-align:center;line-height:24px;margin-right:5px}
.order_list .order_title i img{width:24px;height:24px;vertical-align:middle}
.order_list .order_title span{color:#f84018;float:right;display:inline-block;padding:0 10px}
.order_list .por_list{margin-left:20px;margin-right:10px}
.order_list .flex{padding:15px;border-bottom:#ddd 1px dotted}
.order_list .flex:last-child{border-bottom:0}
.order_list .flex .flex-hd{padding-right:15px}
.order_list .flex .flex-hd img{width:60px;height:60px}
.order_list .flex .flex-bd h1{font-size:16px;line-height:24px}
.order_list .flex .flex-bd p{font-size:12px;line-height:18px;color:#999}
.order_list .flex .flex-fd{text-align:right;font-size:14px;color:#999}
.order_list .flex .flex-fd.color-red{color:#f84018}
.order_list .flex:hover .flex-bd h1{color:#333}
.order_list .flex:hover .flex-bd p{text-decoration:underline}
.order_list .all{font-weight:normal;margin-left:20px;line-height:30px;padding:10px;border-top:#eee 1px solid}
.order_list .all b{margin-left:15px;font-weight:normal;font-size:14px;color:#000}
.order_list .btn{display:block;margin:0 auto;border:#000 1px solid;color:#000;font-size:14px;line-height:24px;width:80px;text-align:center;float:right}
.order_list .btn:hover{color:#f84018;border:#f84018 1px solid}
.order_list li:hover{border:#ddd 1px solid;box-shadow:#ddd 2px 2px 3px}
.order_detail .flex{padding:15px;border-bottom:#ddd 1px dotted}
.order_detail .flex:last-child{border-bottom:0}
.order_detail .flex .flex-hd{padding-right:15px}
.order_detail .flex .flex-hd img{width:60px;height:60px}
.order_detail .flex .flex-bd h1{font-size:16px;line-height:24px}
.order_detail .flex .flex-bd p{font-size:12px;line-height:18px;color:#999}
.order_detail .flex .flex-fd{text-align:right;font-size:14px;color:#999;padding:0 20px}
.order_detail .flex .flex-fd.color-red{color:#f84018}
.order_detail .flex:hover .flex-bd h1{color:#333}
.order_detail .flex:hover .flex-bd p{text-decoration:underline}
.order_detail .sub{margin-left:40px}
.order_detail .all{text-align:right;font-weight:normal;line-height:30px;padding:10px;border-top:#eee 1px solid}
.order_detail .all b{margin-right:20px;font-weight:normal;font-size:14px;color:#000}
.order_detail .sub .flex .flex-hd img{width:40px;height:40px}
.uo-good-list .tt{overflow:hidden;height:36px;line-height:36px;background:#f6f6f6}
.uo-good-list .t1{float:left;width:800px}
.uo-good-list .t2{float:left;width:140px}
.un-list{min-height:400px}
.un-list li{margin-top:20px;background:#f9f9f9;border-radius:8px;padding:16px 24px 20px;position:relative;margin-bottom:16px;position:relative;cursor:pointer}
.un-list li .tit{line-height:21px;margin-bottom:10px;overflow:hidden}
.un-list li .tit h1{font-size:16px;max-width:738px;float:left;color:#333}
.un-list li .tit .record-time{color:#999;font-size:12px;padding:0 20px;float:left}
.un-list li .record-detail{color:#666;font-size:14px;display:block;margin-top:10px}
.un-list li .layui-badge-dot{position:absolute;left:10px ;top:10px}
.like .un-list{padding:15px}
.like .un-list li{padding:10px 15px}
.like .un-list li .tit{margin-bottom:0}
.like .un-list li .tit h1{font-size:14px;float:none}
.like .un-list li .tit .record-time{padding:0;float:none}
.un-list li:hover{background:rgba(183,209,207,.25)}
.like .un-list li .layui-badge-dot{position:absolute;left:6px ;top:6px}
.u-oinfo{background:#fff;padding:30px;border-radius:4px;min-height:600px}
.u-oinfo .timeline{position:relative;font-size:0;overflow:hidden;width:900px;margin:50px auto}
.u-oinfo .timeline .i{text-align:center;width:180px;float:left;position:relative;z-index:1}
.u-oinfo .timeline .line{position:absolute;height:1px;background:#ddd;left:90px;right:90px;top:43px}
.u-oinfo .timeline .i .p1{height:20px;line-height:20px;margin-bottom:15px;font-size:14px}
.u-oinfo .timeline .i .dot{width:18px;height:18px;background:url(../images/oinfochecko.png) no-repeat;margin:0 auto}
.u-oinfo .timeline .i:last-child .dot{background:url(../images/oinfocheckol.png) no-repeat}
.u-oinfo .timeline .i .p2{font-size:14px;height:45px;line-height:1.4;color:#999;margin-top:15px}
.u-oinfo .timeline .i.on .dot{background:url(../images/oinfocheck.png) no-repeat}
.u-oinfo .uo-tit{font-size:16px;color:#444;padding-bottom:10px;border-bottom:1px solid #eee;font-weight:bold}
.u-oinfo .his .table .tt{overflow:hidden;height:36px;line-height:36px;background:#f6f6f6}
.u-oinfo .his .table .t1{float:left;width:180px}
.u-oinfo .his .table .t2{float:left;width:760px}
.u-oinfo .his .table .b{margin:20px 0}
.u-oinfo .his .table .b .i{overflow:hidden;padding-bottom:20px;position:relative;line-height:24px}
.u-oinfo .his .table .b .i .contact{width:88px;height:26px;line-height:26px;text-align:center;background:#f84018;color:#fff;display:inline-block;border-radius:8px;margin-left:10px}
.u-oinfo .his .table .b .t1{width:200px;padding-left:30px}
.u-oinfo .his .table .b .t2{float:left;width:710px}
.u-oinfo .his .table .b .t2 ul{width:300px;margin-left:20px}
.u-oinfo .his .table .b .t2 ul li{color:#666;font-size:13px;line-height:26px}
.u-oinfo .his .table .b .t2 ul li span{float:right}
.u-oinfo .his .table .b .t2 p span{display:inline-block}
.u-oinfo .his .table .b .t2 p span+span{margin-left:15px}
.u-oinfo .his .table .b .i:before{content:"";width:10px;height:10px;border-radius:50%;background:#ddd;position:absolute;top:5px;left:6px;z-index:2}
.u-oinfo .his .table .b .i:after{content:"";width:1px;position:absolute;left:11px;background:#ddd;bottom:0;top:0}
.u-oinfo .his .table .b .i:first-child:after{top:5px}
.u-oinfo .his .table .b .i:last-child:after{bottom:30px}
.u-oinfo .his .table .b .i.active{color:#f84018}
.u-oinfo .his .table .b .i.active:before{background:#f84018}
.u-oinfo .addr-info{margin-bottom:50px}
.u-oinfo .addr-info .uo-tit{margin-bottom:15px}
.u-oinfo .addr-info .t1{padding-top:10px;color:#666}
.u-oinfo .addr-info .t1 span{margin-right:50px}
.big-t{font-size:20px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #eee}
.un-detail .tt{text-align:center;font-size:24px;margin:30px 0 15px}
.un-detail .time{text-align:center;font-size:16px;color:#999}
.un-detail .con{line-height:2;padding:30px;min-height:500px}
.un-detail .con img{max-width:100%}
.pagenav{text-align:center;margin:50px 0}
.pagenav a{height:36px;line-height:34px;text-align:center;padding:0 12px;font-size:14px;display:inline-block;border:1px solid #eee;color:#000;margin:0 10px;cursor:pointer}
.pagenav a:hover,.pagenav a.on{border:1px solid #f84018;color:#fff;background:#f84018}
.pagenav2 a{height:32px;line-height:32px;font-size:14px;border:1px solid #ddd;margin:0 2px}
.u-oinfo .layui-form{margin-top:20px}
.u-oinfo .layui-form .layui-inline{width:450px}
.u-oinfo .layui-form .layui-form-label{width:100px;text-align:justify;padding-left:20px;position:relative}
.u-oinfo .layui-form-label span{color:#f84018;position:absolute;left:0}
.u-oinfo .layui-form .layui-form-label:after{display:inline-block;content:'';overflow:hidden;width:100%;height:0}
.u-oinfo .layui-form-item .layui-input-inline{width:240px}
.layui-form-select dl dd.layui-this{background:#f84018}
.layui-btn{background:#f84018}
.layui-btn-primary{background:#fff}
.layui-btn-primary:hover{border:#f84018 1px solid}
.u-oinfo .layui-input-inline textarea{width:710px}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#f84018}
.layui-form-checked[lay-skin=primary] i{border-color:#f84018 !important;background:#f84018}
.layui-form-radio>i:hover,.layui-form-radioed>i{color:#f84018}
.u-addr .list{padding:30px 0}
.u-addr .list table{width:100%;border-collapse:collapse;border-spacing:0}
.u-addr .list th{color:#666;font-weight:normal;background:#f6f6f6;padding:8px 0;text-align:center}
.u-addr .list td .default{width:38px;height:20px;line-height:20px;text-align:center;background:#009A98;color:#fff;display:inline-block;margin-right:5px}
.u-addr .list td{color:#666;padding:10px 0;border-bottom:1px solid #eee;font-size:13px}
.u-addr .list td p{font-size:13px;line-height:24px}
.u-addr .list td.action a{display:inline-block;color:#666;margin:0 5px;cursor:pointer}
.u-addr .list td.action a.active{color:#f84018}
.u-addr .list tr:last-child td{border-bottom:0}
.u-addr .list td.action a.btn_edit,.u-addr .list td.action a.btn_del{width:23px;height:23px}
.u-addr .list td.action a.btn_edit{background:url(../images/addr-edit.png)}
.u-addr .list td.action a.btn_del{background:url(../images/addr-del.png)}
.u-addr .list td.action a.btn_edit:hover{background:url(../images/addr-edit-on.png)}
.u-addr .list td.action a.btn_del:hover{background:url(../images/addr-del-on.png)}
.product_search_list{display:block;line-height:34px;margin-top:20px}
.product_search_list a{display:inline-block;color:#999;font-size:12px;padding:0 15px;border:#666 1px solid;margin-right:20px;border-radius:3px}
.product_search_list a i{font-size:15px;margin-right:10px}
.product_search_list a:hover{border:#f84018 1px solid;color:#fff;background:#f84018}
.product_list_tit{text-align:left;color:#f84018;font-size:16px;line-height:50px;position:relative;margin-top:20px}
.product_list_tit:after{content:"";display:block;width:100px;position:absolute;height:3px;bottom:0;left:0;background:#f84018}
.product_search_list a.on{border:#f84018 1px solid;color:#fff;background:#f84018}
.search-bot ul{overflow:hidden}
.search-bot li{text-align:center;list-style-type:none;font-size:14px;margin:20px 20px 0 0;width:360px;height:340px;display:inline-block}
.search-bot li:nth-child(3n){margin-right:0}
.search-bot li a{display:block;color:#333;height:310px;position:relative;text-align:center;background:url(../images/p_bg.jpg) no-repeat;background-size:cover;border-radius:5px;line-height:310px}
.search-bot li img{width:150px;vertical-align:middle;margin-top:-40px;transition:all 0.6s}
.search-bot li p{font-size:14px;position:absolute;bottom:25px;left:25px;text-align:left;max-width:200px;line-height:24px}
.search-bot li p span{color:#f84018;display:block;font-size:12px;border-top:#999 1px solid}
.search-bot li a:hover{opacity:0.8}
.search-bot li a:hover img{transform:scale(1.2)}
.product_list_tit2{color:#ddd;font-size:20px;line-height:60px}
.layui-fixbar li{position:relative}
.layui-fixbar li .layui-badge{border-radius:50%;background:#f84018;right:-5px;top:-5px;position:absolute}
.layui-breadcrumb{font-size:12px;margin-top:20px;display:block}
.layui-breadcrumb a{color:#666 !important}
.layui-breadcrumb a:hover{color:#f84018 !important}
.layui-breadcrumb a cite{color:#f84018 !important}
.layui-breadcrumb span[lay-separator]{display:inline-block;width:40px;position:relative;height:1px;margin:0 20px}
.layui-breadcrumb span:before{position:absolute;width:100%;border-top:#444 1px solid;display:block;content:"";top:-5px}
.product_list_select{margin:10px 0 20px 0}
.product_list_select .layui-form-label{color:#999;padding:9px 0;font-size:16px;text-align:left}
.product_list_select .layui-form-item{margin:0}
.pro_top{margin-top:20px;background:url(../images/pro_bg.png) no-repeat;background-size:cover;border-radius:5px;padding-right:50px}
.pro_top .flex-hd{width:300px;height:250px;position:relative;text-align:center;border-radius:5px;line-height:250px;margin-right:50px}
.pro_top .flex-hd img{width:200px;vertical-align:middle}
.pro_top .flex-bd h1{font-size:24px;font-weight:bold;color:#000;line-height:60px}
.pro_top .flex-bd{font-size:14px;color:#666;line-height:24px}
.box{background:#fff;border-radius:4px}
.pic-list{overflow:hidden;padding:15px}
.pic-list li{width:16.666%;float:left;list-style-type:none;border:1px solid #eee;box-sizing:border-box;margin-left:-1px;margin-top:-1px}
.pic-list li a{display:block;margin:0px;padding:5px;box-sizing:border-box}
.pic-list li .img{overflow:hidden;text-align:center;height:160px;line-height:160px}
.pic-list li .img img{vertical-align:middle;transition:all 0.6s;width:80px}
.pic-list li:hover .img img{transform:scale(2);/*transform:scale(1.5)*/}
/*.pic-list li:hover{background:rgba(183,209,207,.25)}*/
.pic-list li p{text-align:center}
.list-type{display:inline-block}
.list-type li{display:inline-block;width:40px;height:40px;text-align:center;line-height:36px;background:#333;color:#999;font-size:20px;border-radius:50%;margin:60px 5px 0 5px;cursor:pointer}
.list-type li.on{color:#f84018}
.pro-list{padding:15px}
.pro-list li{border-bottom:#ddd 1px dotted;height:100px;line-height:60px;padding:10px}
.pro-list li:last-child{border:0}
.pro-list .flex-hd{width:80px;height:80px;line-height:80px}
.pro-list .flex-hd img{width:60px;height:60px;vertical-align:middle}
.pro-list li:hover{background:rgba(183,209,207,.25)}
.layui-anim.layui-icon{margin-top:20px}
.list-end{display:block;width:180px;margin:0px auto;position:relative;font-size:12px;color:#999;line-height:80px;height:80px;text-align:center}
.list-end:before,.list-end:after{display:block;content:"";width:200px;border-bottom:#eee 1px solid;position:absolute;top:40px;height:1px}
.list-end:before{left:-200px}
.list-end:after{right:-200px}
.s-detail{margin-top:20px;margin-bottom:15px}
.s-detail .swiper-button-next,.s-detail .swiper-button-prev{color:#000;zoom:0.8}
.s-detail .img{width:380px;height:340px;display:inline-block;padding:10px 20px}
.s-detail .swiper-container{width:100%;height:260px;margin-left:auto;margin-right:auto}
.s-detail .swiper-slide{background-size:60%;background-position:center;background-repeat:no-repeat}
.s-detail .gallery-top{height:75%;width:100%}
.s-detail .gallery-thumbs{height:25%;box-sizing:border-box;padding:0;margin-top:-20px}
.s-detail .gallery-thumbs .swiper-slide{width: 70px;height:70px;opacity:0.4;cursor:pointer;box-sizing: border-box;}
.s-detail .gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.s-detail .con{width:700px;position:relative;display:inline-block;padding:20px;vertical-align:top}
.s-detail .con .ncode{font-size:16px;color:#999;margin:25px 0 15px 0}
.s-detail .con .ncode span{margin-right:10px}
.s-detail .con .t{font-size:20px;font-weight:bold;color:#333;padding-right:70px;padding:20px 0;border-bottom:#eee 1px solid;margin-bottom:40px}
.s-detail .con .t .layui-badge{font-size:14px;margin-left:20px;padding:3px 10px;line-height:26px;height:auto}
.layui-btn.bg-black{background:#000}
.layui-btn-primary:hover{border:#000 1px solid;color:#000}
.layui-tab-title{height:46px}
.layui-tab-title li{font-size:16px;line-height:46px;padding:0 30px}
.layui-tab-brief .layui-tab-title{padding-left:30px}
.layui-tab-brief>.layui-tab-title .layui-this{color:#000}
.layui-tab-title .layui-this:after{height:46px}
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border:0;border-bottom:#000 4px solid}
.data{padding:10px 20px}
.data li{padding:2px 5px}
.data .flex{align-items:flex-start;line-height:36px}
.data .flex-hd{font-size:14px;width:100px;color:#666;vertical-align:text-top}
.data .flex-bd{font-size:14px}
.por-detail{line-height:30px}
.por-detail dl{border-bottom:#ddd 1px solid;padding:5px 0}
.por-detail dl:last-child{border:0}
.por-detail dl dd{display:block;margin-top:5px}
.por-detail dl dt{font-size:16px;position:relative;line-height:30px;padding-left:10px}
.por-detail dl dt:after{content:" ";display:none;height:8px;width:8px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;-webkit-transform:matrix(0.71,0.71,-0.71,0.71,0,0);transform:matrix(0.71,0.71,-0.71,0.71,0,0);position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-4px;z-index:100}
.por-detail dl dt span{display:inline-block;font-size:14px;color:#666;margin-left:10px}
.por-detail dl.cur dt:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.por-detail dl.no_list{background:#eee}
.por-detail dl.no_list dt:after{display:none}
.por-detail ul{padding:15px}
.por-detail ul li{line-height:36px}
.por-detail .img{width:20px;margin-right:5px}
.por-detail .type{font-size:13px;margin-right:5px}
.por-detail .img img{width:100%}
.por-detail .name{font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-right:5px;color:#666;word-break:break-all}
.por-detail .num{font-size:13px;color:#999;padding-right:5px}
.por-detail ul li:hover .name{color:#f84018}
a.down_btn{background:url(../images/down.png);display:inline-block;width:23px;height:23px;margin-right:20px}
a.down_btn:hover{background:url(../images/down-on.png)}
.related_list{margin-top:0;font-size:14px}
.related_list:before,.related_list:after{display:none}
.related_list .weui-cell{padding:10px 5px}
.related_list .weui-cell__bd{font-size:14px;color:#999;margin:0}
.related_list .weui-cell__ft{font-size:13px;color:#999}
.related_list .weui-cell__ft span{display:inline-block;width:60px}
.related_list .weui-cell__ft a{display:inline-block;width:25px;height:25px;position:relative;vertical-align:middle;margin-left:10px}
.related_list .weui-cell__ft a.addcar:before{display:block;content:"";width:14px;border-bottom:#bbb 2px solid;position:absolute;top:9px;left:4px}
.related_list .weui-cell__ft a.addcar:after{display:block;content:"";height:14px;border-left:#bbb 2px solid;position:absolute;top:3px;left:10px}
.related_list .weui-cell__ft a:hover:before{border-bottom:#f84018 2px solid}
.related_list .weui-cell__ft a:hover:after{border-left:#f84018 2px solid}
.u-flyer{display:block;width:50px;height:50px;border-radius:50%;position:fixed;z-index:9999;overflow:hidden}
.u-flyer img{width:50px;height:50px}
.layui-layer-btn .layui-layer-btn0{border-color:#000 !important;background-color:#000 !important}
.same_list{background:#fff;font-size:13px}
.same_list .item{padding:10px 15px;position:relative}
.same_list .item:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-top:1px solid #e5e5e5;color:#E5E5E5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);left:0px;z-index:10}
.same_list .flex-hd span{color:#999;width:60px;display:inline-block}
.same_list .flex-hd img{width:60px;height:60px}
.same_list .flex-bd{padding:0 10px}
.same_list .flex-bd{font-size:12px;color:#999}
.same_list .flex-hd a.addcar,.same_list .flex-hd a.no_add{display:inline-block;width:20px;height:20px;position:relative;vertical-align:middle;margin-left:10px;cursor:pointer}
.same_list .flex-hd a.addcar:before{display:block;content:"";width:14px;border-bottom:#bbb 2px solid;position:absolute;top:9px;left:4px}
.same_list .flex-hd a.addcar:after{display:block;content:"";height:14px;border-left:#bbb 2px solid;position:absolute;top:3px;left:10px}
.swiper-container.news-container{width:100%;height:100%}
.news-container .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.news-container .swiper-slide img{width:260px;height:170px}
.layui-card{border-radius:4px}
.menu_tab{text-align:center;margin:20px 0 20px 0;border-bottom:#222 1px solid}
.menu_tab a{text-align:center;color:#999;font-size:14px;line-height:50px;position:relative;display:inline-block;min-width:100px;margin:0 20px}
.menu_tab a.cur{color:#f84018;font-size:16px}
.menu_tab a.cur:after{content:"";display:block;width:100px;position:absolute;height:3px;bottom:0;left:0;background:#f84018;left:50%;margin-left:-50px}
.newslist .item{padding:15px;background:#fff;position:relative;color:#333}
.newslist .item:after{content:" ";position:absolute;left:15px;bottom:0;right:0;height:1px;border-bottom:1px solid #E5E5E5;color:#E5E5E5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.newslist .item:last-child:after{height:0;border:0}
.newslist .item .flex-hd .btn{font-size:12px;background:#ddd;padding:2px 8px;color:#555}
.newslist .item .flex-hd img{width:180px;margin-right:15px}
.newslist .item .t{line-height:1.2;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px}
.newslist .item .n{font-size:12px;color:#999}
.link{border-top:#ddd 1px solid;padding:20px}
.link>div{line-height:40px;color:#666;font-size:14px}
.link a{display:inline-block;margin-left:15px;color:#666}
.down_list dl{display:inline-block;margin:40px 3% 0 0;background:#fff;padding:10px;border-radius:5px;width:31%}
.down_list dl:nth-child(3n){margin-right:0}
.down_list dl dt img{width:100%}
.down_list dl dd h1{font-size:14px;line-height:36px}
.down_list dl dd time{color:#999;font-size:12px;line-height:20px}
.down_list dl dd .flex-ft a{display:inline-block;color:#000;line-height:30px;margin:6px 0 0 3px;font-size:13px;padding:0 10px;border-radius:5px;background:#f2f2f2}
.down_list dl dd .flex-ft a img{width:16px;vertical-align:middle;margin-right:5px}
.down_list dl .flex{align-items:flex-start}
.down_list dl dd .flex-ft a:hover{background:#ddd}
.down_list dl:hover{opacity:0.8}
.search-box{width:100%;position:relative}
.search-box .layui-input{background:#292929;color:#fff;width:100%;outline:none;border:none;padding:5px 40px 5px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;height:50px;font-size:14px;font-weight:200;letter-spacing:2px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.search-box button{position:absolute;right:0;width:50px;height:50px;top:0;background:transparent;border:0;opacity:0.7}
.search-box button img{width:24px}
.search-box button:hover{opacity:1}

.title{font-size:16px;line-height:50px}
.title small{display:inline-block;color:#999;margin-left:10px}
.layui-tab-content{padding:20px}
.sreach_form .layui-form{margin-top:0px}
.sreach_form .layui-form .layui-inline{width:340px}
.sreach_form .layui-form .layui-form-label{width:105px;text-align:justify;padding-left:20px;position:relative;height:38px}
.sreach_form .layui-form-label span{color:#f84018;position:absolute;left:0}
.sreach_form .layui-form .layui-form-label:after{display:inline-block;content:'';overflow:hidden;width:100%;height:0}
.sreach_form2 .layui-col-md4 .layui-form{margin-top:50px}
.sreach_form2 .layui-form .layui-inline{width:360px}
.sreach_form2 .layui-form .layui-form-label{width:120px;text-align:justify;padding-left:20px;position:relative;height:38px}
.sreach_form2 .layui-form-label span{color:#f84018;position:absolute;left:0}
.sreach_form2 .layui-form .layui-form-label:after{display:inline-block;content:'';overflow:hidden;width:100%;height:0}
.sreach_form2.block_from{padding:40px}
.sreach_form2.block_from .layui-input-block{margin-left:130px}
.layui-tab-title .layui-btn{float:right;margin:5px 15px}
.layui-card:last-child{margin-bottom:40px}
.search-list-history{padding:15px}
.search-list-history li{list-style-type:none;font-size:14px;padding:5px 0;margin-bottom:5px;background-image:url(../img/list-dot.png);background-position:left 12px;background-size:6px 6px;background-repeat:no-repeat;padding-left:10px;line-height:20px;position:relative}
.search-list-history li:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #ececec;color:#ececec;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.search-list-history li:last-child:after{height:0;border:0}
.search-list-history li a{color:#333}
.search-list-history li a p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.search-list-history li:hover a{color:#f84018}
.search_result{padding:0 15px}
.search_result .items{display:flex;cursor:pointer;border-bottom:#ddd 1px dotted;padding:10px 0}
.search_result .items:last-child{border-bottom:0}
.search_result .items i{font-style:normal}
.search_result .items img{width:52px;margin-right:10px}
.search_result .items p{display:block;font-size:14px;line-height:24px;color:#666}
.search_result .items .shopcart-radio{padding:0 22px;width:80px}
.oc-addr{padding:0px}
.oc-addr .t{font-size:16px;color:#000;padding:15px 0;font-weight:bold}
.oc-addr ul{margin:0 40px}
.oc-addr ul li{border:1px solid #fff;width:326px;height:120px;float:left;position:relative;margin-right:20px;margin-bottom:30px;cursor:pointer;background:url(../images/addrbg-gray.png) no-repeat;background-size:326px 118px}
.oc-addr ul li:nth-child(3n){margin-right:0}
.oc-addr ul li.on{background:url(../images/addrbg.png) no-repeat;background-size:326px 118px}
.oc-addr ul li.default{}
.oc-addr ul li .n1{padding:20px 30px 5px 30px}
.oc-addr ul li .n1 .name{}
.oc-addr ul li .n1 .tel{}
.oc-addr ul li .n2{padding:0 30px;color:#666;height:38px;overflow:hidden;line-height:1.2}
.oc-addr ul li .btn{padding:0 30px;text-align:right}
.oc-addr ul li .btn a{color:#333;display:inline-block;margin-left:10px}
.oc-addr ul li .btn a:hover{color:#f84018}
.oc-addr ul li .btn a img{margin-top:-2px;margin-right:5px}
.oc-addr ul li.add{background:none;line-height:120px;text-align:center;border:1px solid #eee}
.oc-addr ul li.add a{color:#666;display:block}
.oc-addr ul li.add a:hover{color:#f84018;border:#f84018 1px solid}
.oc-addr ul li.add img{margin-top:-4px;margin-right:5px}
.oc-addr ul li .default{position:absolute;top:0;left:0;width:73px;height:25px;text-align:center;line-height:25px;color:#fff;background:#cccccc}
.sreach_form3 .layui-form{margin-top:0px}
.sreach_form3 .layui-form .layui-inline{width:400px}
.sreach_form3 .layui-form .layui-form-label{width:110px;text-align:justify;padding-left:20px;position:relative;height:38px;overflow:hidden}
.sreach_form3 .layui-form-label span{color:#f84018;position:absolute;left:0}
.sreach_form3 .layui-form .layui-form-label:after{display:inline-block;content:'';overflow:hidden;width:100%;height:0}
.sreach_form3 .layui-form .layui-input-inline{width:270px}
.sreach_form3 .layui-form .layui-inline:last-child .layui-input-inline{margin-left:0}
.cart-bar-top{line-height:50px;background:#fff;padding:10px 30px;margin:15px 0}
.cart-bar .select label{font-size:14px;color:#666;position:relative}
.cart-bar .select{width:150px}
.cart-bar .name{width:100px}
.cart-bar .price{width:250px;height:30px}
.cart-bar .num{width:120px}
.cart-bar .total{width:160px}
.cart-bar .action{width:220px}
.cart-bar .fl{font-size:14px}
.cart-bar-bot li{background:#fff;padding:15px 15px 15px 30px;margin-bottom:10px}
.cart-bar-bot .sub li{margin-left:30px}
.cart-bar-bot .sub li .select{width:120px}
.textc{text-align:center}
.cart-bar-bot .fl{color:#333;font-size:14px;line-height:30px}
.cart-bar .count{vertical-align:top;font-size:0}
.cart-bar .count span{display:inline-block;width:28px;height:28px;border:1px solid #ddd;line-height:28px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
.cart-bar .count input{width:34px;border:0;border-top:1px solid #ddd;height:28px;vertical-align:top;padding:3px 5px;text-align:center;font-size:16px;border-bottom:1px solid #ddd}
.cart-bar-bot .name{line-height:1.6;padding:5px 0}
.cart-bar-bot .tips{margin-left:150px;width:620px;margin-top:20px}
.cart-bar-bot .total.color{color:#999}
.cart-count{height:60px;line-height:60px;background:#fff}
.cart-count .select{padding-left:30px}
.cart-count .select label{font-size:14px;color:#666;position:relative}
.cart-count .select input{appearance:none;-webkit-appearance:none;outline:none;display:none}
.cart-count .select input+span{border:1px solid #ddd;width:16px;height:16px;display:inline-block;vertical-align:top;margin-right:5px;margin-top:20.5px}
.cart-count .select input:checked+span{background-image:url(../img2/icon-check.png);background-size:12px 12px;background-position:center center;background-repeat:no-repeat}
.cart-wrap{padding-bottom:50px}
.cart-bar-bot .select input+span{margin-top:0}
.cart-bar-bot .select img{width:60px;height:60px}
.cart-bar .action a{cursor:pointer}
.cart-count .clear{margin-left:15px}
.cart-count .c{}
.cart-count .c .all{line-height:1;text-align:right;padding-right:15px}
.cart-count .c .all .a1{color:#333;padding:12px 0 5px 0}
.cart-count .c .all .a1 span{font-size:20px;color:#009e9d}
.cart-count .c .all .a1 b{font-weight:normal}
.cart-count .c .all .a2{font-size:12px;color:#666}
.cart-count .c .all .a2 span{color:#009e9d;margin:0 5px}
.cart-count .c .btn{display:block;font-size:20px;text-align:center;background:#000;width:160px;color:#fff;cursor:pointer}
.cart-count .c .btn2{display:block;font-size:20px;text-align:center;background:#f84018;width:160px;color:#fff;cursor:pointer}
.cart-count .emptycart a{display:inline-block;color:#666;border:#999 1px solid;padding:0 10px;line-height:26px;border-radius:3px}
.cart-count .emptycart a:hover{color:#f84018;border-color:#f84018}
.message_box .layui-anim.layui-icon{margin-top:0}
.order-search{padding:15px 15px 0 15px;position:relative}
.order-search .layui-input{background:#f2f2f2;color:#000;width:100%;outline:none;border:none;padding:3px 40px 3px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px;font-size:12px;font-weight:200;letter-spacing:2px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.order-search a{position:absolute;right:0px;width:50px;height:40px;top:15px;background:transparent;border:0;opacity:0.7;line-height:40px;display:block;z-index:10;cursor:pointer}
.order-search a i{color:#333;font-size:20px}
.order-search a:hover{opacity:1;color:#f84018}
.order-list-search{padding:15px 0;position:relative;width:500px;padding:0 15px}
.order-list-search .layui-input{background:#f2f2f2;color:#000;width:100%;outline:none;border:none;padding:3px 40px 3px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px;font-size:12px;font-weight:200;letter-spacing:2px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.order-list-search a{position:absolute;right:0px;width:50px;height:40px;top:0px;background:transparent;border:0;opacity:0.7;line-height:40px;display:block;z-index:10;cursor:pointer}
.order-list-search a i{color:#333;font-size:20px}
.order-list-search a:hover{opacity:1;color:#f84018}
.add-swiper{width:100%;height:100%}
.add-swiper{text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.add-swiper .swiper-button-next,.add-swiper .swiper-button-prev{zoom:0.8}
.add-swiper .swiper-container-horizontal > .swiper-pagination-bullets,.add-swiper .swiper-pagination-custom,.add-swiper .swiper-pagination-fraction{bottom:0}
.cart-bar-bottom-wrap{position:relative;min-height:30px}
.cart-bar-bottom-wrap .cart-count.fix{position:fixed;z-index:1000;width:1140px;bottom:0px;padding:0 0 0 15px;margin-left:-15px;background:#fff}
.menu_tab_wrap{height:92px;position:relative}
.menu_tab_wrap .menu_tab.fix{width:1140px;background:#111;z-index:100;position:fixed;top:78px;margin:0;padding:15px 0}
.layui-tab-title_wrap{height:46px;position:relative}
.layui-tab-title_wrap .layui-tab-title.fix{width:1140px;background:#fff;z-index:100;position:fixed;top:160px;margin:0 auto;left:auto}
.layui-tab-brief .layui-tab-title_wrap > .layui-tab-title .layui-this{color:#000}
.layui-tab-brief .layui-tab-title_wrap > .layui-tab-title .layui-this:after{border:0;border-bottom:#000 4px solid}
.layui_title_wrap{height:50px;position:relative;z-index:100}
.layui_title_wrap h3.title{background:#f2f2f2;padding:0 20px;z-index:200;height:50px;}
.layui_title_wrap h3.title.fix{width:1100px;position:fixed;top:206px;margin:0 auto;left:auto;}
    .layui_title_wrap h3.title .layui-btn{float:right;margin-top:10px}
.p_banner{width:100%;height:357px;background:url(../images/p_banner1.png) center no-repeat}
.gallery-top img {
    width:90%;margin:0 auto;display:block
}
.gallery-thumbs {
      height:100px;
      box-sizing: border-box;
      padding: 10px 0;
      text-align:center
    }
    .gallery-thumbs .swiper-slide {
        line-height: 30px;
        border: #999 2px solid;
        height:80px;position:relative;cursor:pointer
    }
        .gallery-thumbs .swiper-slide p {
          display:none
           
        }
        .gallery-thumbs .swiper-slide:hover p {
            display:block;background:rgba(0,0,0,.8);color:#fff;text-align:center;width:100%;height:80px;top:0;left:0;line-height:80px;
        }
    .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
        border: #f84018 2px solid
    }
            .gallery-thumbs .swiper-slide-thumb-active img {
               
            }

/*20200312新增*/

.add_pro_class a{display:inline-block;font-size:14px;width:230px;padding-left:20px;line-height:40px;margin:10px 20px;border:#ddd 1px solid;position:relative}
.add_pro_class a:hover{background:#000;color:#fff;border:#000 1px solid}
    .add_pro_class a:after {
        content: " ";
        display: inline-block;
        height: 6px;
        width: 6px;
        border-width: 2px 2px 0 0;
        border-color: #c8c8cd;
        border-style: solid;
        -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
        transform: matrix(.71,.71,-.71,.71,0,0);
        position: relative;
        top: -2px;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right:15px;
    }
    .add_pro_class a:hover:after {
        border-color: #fff;
    }

    /*资料下载新增*/
.download_top {
    font-size: 14px;
    color: #999;
    line-height: 24px;min-height:500px;text-align:right
}

    .download_top h1 {
        font-size:46px;
        font-weight:bold;
        color: #f84018;
        line-height: 100px
    }

    .download_top small {
        display:block;
        font-size:16px;
        line-height:40px;margin-bottom:4vh
        
    }

    .download_top .download_top_btn {
        margin-top: 10px;
        margin-bottom:30vh
    }

        .download_top .download_top_btn a:last-child {
            display: inline-block;
            line-height: 40px;
            color: #f84018;
            position:relative;
            font-size:14px
        }
            .download_top .download_top_btn a:last-child:after {
                content: "";
                bottom: 0;
                left: 0;
                display: block;
                position: absolute;
                width: 0;
                transition: all 0.36s ease;
                border-bottom: #f84018 1px solid;
            }
            .download_top .download_top_btn a:last-child:hover:after {
             width:100%;
            }

        .download_top .download_top_btn a:first-child {
            margin-bottom: 40px;
            background: #fff;
            padding: 0 20px;
            height: 40px;
            line-height: 40px;
            text-align: left;
            width: 200px;
            display: inline-block;
            border-radius: 20px;
            font-weight: bold;
            position: relative;
            transition: all 0.36s ease;
        }
            .download_top .download_top_btn a:first-child span {
                transition: all 0.36s ease;position:absolute;right:100px;
            }
            .download_top .download_top_btn a:first-child:hover{color:#fff;background:#f84018}
            .download_top .download_top_btn a:first-child:hover span {
                right: 20px;color:#fff
            }
.search-box{margin-top:30px}
.download_type{margin:50px 0;min-height:300px}
.download_type li a{display:block;text-align:center;background:#333;border-radius:5px;height:220px;width:250px;margin:0 auto; transition: all 0.36s ease;}
.download_type li img{width:40px;height:40px;margin-top:75px}
.download_type li p{font-size:16px;line-height:60px;color:#ddd;position:relative}
.download_type li a p:after{display:block;content:"";width:0; border-bottom:#f84018 2px solid;position:absolute;bottom:0;left:50%;margin-left:-15px; transition: all 0.36s ease;}
.download_type li a:hover p:after{width:30px;}

.sub_class{margin-left:100px;color:#ddd;line-height:40px}
.sub_class span{display:inline-block;margin:5px 15px;line-height:36px;padding:0 10px;cursor:pointer;transition: all 0.36s ease;position:relative}
.sub_class span:after{display:block;content:"";width:0; border-bottom:#f84018 2px solid;position:absolute;bottom:0;left:0; transition: all 0.36s ease;}
.sub_class span:hover:after, .sub_class span.cur:after {width:100%}
.sub_class span.cur{color:#f84018}
.sub_class .flex-hd{color:#666}
.download_img.swiper-container{width:100%;height:450px;margin-left:auto;margin-right:auto;margin-top:-100px}
.download_img .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.download_img .swiper-slide img{min-height:350px;max-height:350px}
.download_img.swiper-container .swiper-slide video{width:80%}
.download_img .swiper-pagination-fraction{color:#ddd;font-weight:bold;font-size:14px;line-height:24px}
.download_img .swiper-pagination-current{color:#f84018}
.download_img .swiper-button-next,.download_img .swiper-button-prev{background:#666;width:45px;height:45px;border-radius:50%}
.download_img .swiper-button-next:after{content:" ";display:inline-block;height:10px;width:10px;border-width:2px 2px 0 0;border-color:#f84018;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-5px;position:absolute;top:50%;right:18px;margin-top:-6px}
.download_img .swiper-button-prev:after{content:" ";display:inline-block;height:10px;width:10px;border-width:0 0 2px 2px;border-color:#f84018;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-5px;position:absolute;top:50%;left:18px;margin-top:-6px}
.download_footer{text-align:center}
.download_footer .desc{padding:15px 3%;color:#fff;text-align:left;font-size:14px;border-top:#333 1px solid;line-height:40px}
.download_footer .desc >div{color:#999;font-size:13px;line-height:24px}
.op_btn{text-align:right}
.op_btn a{display:inline-block;width:45px;height:45px;border-radius:50%;margin:10px;background:#333;line-height:40px;text-align:center}
.op_btn a img{width:30px;vertical-align:middle}

.box-content-agreement .page-swiper.swiper-container {
    width: 600px;
    height:250px;
}

.box-content-agreement .page-swiper .swiper-slide {
    font-size: 18px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.agreement-text h3 {
    font-weight: bold;
    font-size: 16px;
    line-height:40px
}
.agreement-text p{
    font-size:14px;line-height:24px;margin:10px 0;color:#666
}
/*留言列表*/
.reply-list li {
    padding-bottom: 15px;
    border-bottom: 1px double #eee;
}
.reply-list li .time{width:100%;color:#666;padding-top:2px;font-size:12px;line-height:30px}
.reply-list li .time span{display:inline-block;padding:0 20px;color:#333;font-size:14px}
.reply-list li .con2{color:#666;line-height:24px;padding:5px 0}
.reply-list li .re-con{background:#f2f2f2;padding:10px;}
.reply-list li .re-con .tt{color:#333}
.reply-list li .re-con .tt span{color:#00a3aa;margin:0 5px}
.reply-list li .re-con .cc{margin:5px;color:#f84018}

/*登录*/
.box-login .box-tab{display:block;margin-bottom:10px;width:100%}
.box-login .box-tab li{font-size:14px;color:#333;line-height:40px;display:inline-block;margin-right:20px;font-weight:bold;padding:0 10px}
    .box-login .box-tab li:first-child{color:#f84018;border-bottom:#f84018 2px solid}
.box-login .layui-input-block{margin-top:30px}
.box-login .box-tab li a{display:block;color:#333;cursor:pointer}

/*20200427增加*/
.box-content-agreement a.btn_t {
    border:#111 1px solid;
    background: #fff;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    width: 200px;
    display: inline-block;
    border-radius: 20px;
    font-weight: bold;
    position: relative;
    transition: all 0.36s ease;
}
.box-content-agreement a.btn_t:first-child span {
    transition: all 0.36s ease;
    position: absolute;
    right: 70px;
}

.box-content-agreement a.btn_t:first-child:hover {
    color: #fff;
    background: #f84018;
    border: #f84018 1px solid;
}

.box-content-agreement a.btn_t:first-child:hover span {
    right: 20px;
    color: #fff
}
.box-content-agreement .tips {
    text-align: left;
    color: #f84018
}
.text-l {
    text-align: left;
}
.pj_img{ width: 60px;height: 60px}

/*20200506新增*/
.box-login .layui-form-item.tips{ margin-top: 50px;color: #666;font-size: 12px;line-height:22px}

/*20200514新增*/
.docs-container .md-text{margin-top:0;padding:0 0 20px 0}
.docs-container .md-text h2{font-size:18px;color:#000;font-weight:bold}
.docs-container .md-text p{color:#333;margin:10px 0}
.help_note{font-size:12px;line-height:30px;margin-bottom:20px}
.help_note p{font-size:12px;line-height:20px;margin:5px 0}
.help_note ul{margin-left:20px} .help_note ul li {
                                    list-style: disc
                                }
.help_note ul li{line-height:20px}
.box-login .box-section{margin-bottom:0}
.box-lightbox [class*=box-content-]{padding:30px 40px}
.box-login .header{margin-bottom:10px}
.box-login .layui-form-item.tips {
    margin-top: 30px;
    color: #666;
    font-size: 12px;
    line-height: 22px;
}
/*20200529新增首页样式*/
.index-swiper .swiper-slide{background:#000}
.index-swiper .swiper-slide .img-box{transition:all 1s;height:100vh;min-height:600px;opacity:0}
.index-swiper  .ani-slide .img-box{opacity:1}
.index-swiper  .ani-slide .img-box video{height:150%;width:auto}
.index-swiper .swiper-slide .text{display:inline-block;position:absolute;color:#fff;z-index:100;padding:30px 50px;text-align:left}
.index-swiper .swiper-slide .text h3{font-size:80px;line-height:120px;text-shadow:2px 2px 2px rgba(0,0,0,.5);font-weight:bold;letter-spacing:10px;font-weight:800;font-family: "Microsoft YaHei";font-weight:bolder}
.index-swiper .swiper-slide .text h4{font-size:70px;line-height:100px;text-shadow:2px 2px 2px rgba(0,0,0,.5);font-family:'Formular Black'}
.index-swiper .swiper-slide .text1{left:15vw;margin-top:50px}
.index-swiper .swiper-slide .text2{left:20vw;margin-top:-80px}
.index-swiper .swiper-slide .text3{left:50vw;margin-top:-80px}
.index-swiper .swiper-slide .text4{left:40vw;margin-top:-30px}
.index-swiper .swiper-slide .text2 h3{font-size:70px;line-height:100px;}
.index-swiper .swiper-slide .text3 h3{font-size:60px}
.index-swiper .swiper-slide .text4 h3{font-size:60px;line-height:100px;}
.index-swiper .swiper-slide .text2 h4{font-size:80px;line-height:100px;}
.index-swiper .swiper-slide .text3 h4{font-size:60px}
.index-swiper .swiper-slide .text4 h4{font-size:60px;line-height:100px;}

/*英文特有样式*/
.en_class .layui-nav .layui-nav-item a  {font-size: 12px;font-family: "Formular"}

/*20200708新增*/
.cookie{position: fixed;bottom:0;width: 100%;z-index: 1000;background: #000000;text-indent:50px;font-size: 16px;line-height: 60px;color: #fff;}
.cookie span{display: inline-block;text-indent: 10px;color: #666;text-decoration: underline;}
.cookie a{display: inline-block;text-indent: 0;padding: 0 50px;background:#f84018;color: #fff;font-weight: bold;float: right;font-size: 18px;}

/*搜索框小贴士*/
.header-search{width:270px;position:absolute;left:250px;top:24px}
.header-search .layui-input{background:#292929;color:#fff;width:270px;outline:none;border:none;padding:3px 40px 3px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px;font-size:12px;font-weight:200;letter-spacing:2px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.header-search button{position:absolute;right:25px;width:40px;height:40px;top:0;background:transparent;border:0;opacity:0.7}
.header-search button img{width:24px}
.header-search button:hover{opacity:1}
.header-search span{display:inline-block;width:40px;height:40px;position:absolute;color:#999;right:0;padding:0 10px;line-height:40px;top:0;cursor:pointer}
.header-search span i{font-size:20px}
.header-search span:hover{color:#f84018}

.header-search span .help {
      
    display: none;
}
.header-search span:hover .help {
    display: block;
    position: absolute;
    top: 50px;
    background: #fff;
    z-index: 100;width:500px;left:-250px;padding:20px;border-radius:5px
}
.header-search span:hover .help:before {
    display:block;content:"";position:absolute;top:-20px;left:260px;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent #fff;
}
.header-search span:hover .help h1{font-size:14px;text-align:center;line-height:30px;font-weight:bold}
.header-search span:hover .help ul li{font-size:12px;color:#333;line-height:24px;list-style:disc;margin-left:20px;}
.header-search span:hover .help h3{font-size:14px;font-weight:bold;color:#000;line-height:40px}
.header-search span:hover .help p{font-size:12px;color:#666;line-height:24px;margin-left:20px}

/*三期-新增*/
.sublist{background:#edf3f3}
.sublist-left{width:100%;position:relative;min-height:100vh;background:#edf3f3}
.sublist-left .img{width:370px;height:340px;display:block;padding:10px;background:#fff;position:fixed;left:13px;top:10px}
.sublist-left .swiper-container{width:100%;height:260px;margin-left:auto;margin-right:auto}
.sublist-left .swiper-slide{background-size:60%;background-position:center;background-repeat:no-repeat}
.sublist-left .swiper-button-next,.sublist-left .swiper-button-prev{color:#999;zoom:.8}
.sublist-left .gallery-top{height:85%;width:100%}
.sublist-left .gallery-thumbs{height:25%;box-sizing:border-box;padding:0;margin-top:-20px}
.sublist-left .gallery-thumbs .swiper-slide{width:70px;height:70px;opacity:.4;cursor:pointer}
.sublist-left .gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:#f84018 2px solid}
.sublist-right{background:#fff;min-height:100vh}
.product_search_list2 .layui-nav{background:0 0}
.product_search_list2{display:block;line-height:34px;margin-top:20px}
.product_search_list2 .layui-nav .layui-nav-item>a{display:inline-block;color:#999;font-size:12px;padding:0 30px 0 15px;border:#666 1px solid;border-radius:3px;font-weight:400}
.product_search_list2 .layui-nav .layui-nav-item>a .arr{display:block;position:absolute;width:0;right:10px;bottom:10px;height:0;border-bottom:8px solid #999;border-left:8px solid transparent}
.product_search_list2 .layui-nav .layui-nav-item>a i{font-size:15px;margin-right:10px}
.product_search_list2 .layui-nav .layui-nav-item>a:hover{border:#f84018 1px solid;color:#fff;background:#f84018}
.product_search_list2 .layui-nav .layui-nav-item>a:hover .arr{border-bottom:8px solid #fff}
.product_search_list2 .layui-nav .layui-nav-item.layui-this>a{border:#f84018 1px solid;color:#fff;background:#f84018}
.product_search_list2 .layui-nav .layui-nav-item.layui-this>a .arr{border-bottom:8px solid #fff}
.product_search_list2 .layui-nav-bar{display:none}
.product_search_list2 .layui-nav .layui-this:after{display:none}
.product_search_list2 .layui-nav .layui-nav-item .layui-nav-child{left:0}
.product_search_list2 .layui-nav .layui-nav-item .layui-nav-child a{text-align:center}
.product_search_list2 .layui-nav .layui-nav-item .layui-nav-child a img{vertical-align:middle;margin-right:10px}
.product_search2_img .img{width:100%;height:340px;display:block;padding:10px;background:#fff}
.product_search2_img .swiper-container{width:100%;height:260px;margin-left:auto;margin-right:auto}
.product_search2_img .swiper-slide{background-size:60%;background-position:center;background-repeat:no-repeat}
.product_search2_img .swiper-button-next,.product_search2_img .swiper-button-prev{color:#999;zoom:.8}
.product_search2_img .gallery-top{height:85%;width:100%}
.product_search2_img .gallery-thumbs{height:25%;box-sizing:border-box;padding:0 10px;margin-top:-20px;width:95%}
.product_search2_img .gallery-thumbs .swiper-slide{width:58px;height:58px;opacity:.4;cursor:pointer}
.product_search2_img .gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:#f84018 2px solid}
.product_search2_img .gallery-top2{height:85%;width:100%}
.gallery-thumbs2 .swiper-slide{line-height:30px;border:#999 2px solid;height:58px;position:relative;cursor:pointer}
.product_search2_img .gallery-thumbs2{height:25%;box-sizing:border-box;padding:0;margin-top:-20px;width:95%}
.product_search2_img .gallery-thumbs2 .swiper-slide{width:58px;height:58px;opacity:.4;cursor:pointer}
.product_search2_img .gallery-thumbs2 .swiper-slide-thumb-active{opacity:1;border:#f84018 2px solid}
.sreach_form2_table table{width:100%;border-collapse:collapse}
.sreach_form2_table table thead{background:#000}
.sreach_form2_table table thead td{color:#fff;font-size:14px;line-height:40px;text-align:center}
.sreach_form2_table table tbody td{border:#eee 1px solid;padding:5px;text-align:center}
.jg-list .layui-nav{margin:0;padding:0 10px 0 0;background:#000;border-radius:5px}
.jg-list .layui-nav .layui-nav-more{display:block;right:-10px}
.jg-list .layui-nav .layui-nav-bar{display:none}
.jg-list .layui-nav .layui-nav-item .layui-nav-child a{text-align:center;min-width:120px}
.car_class{padding:20px 0}
.car_class_tit li{display:block;color:#e4e4e4;font-size:16px;line-height:40px;margin:10px 0;cursor:pointer;text-align:center;width:120px;position:relative}
.car_class_tit li:hover{color:#fff}
.car_class_tit li.active{background:#f84018;border-radius:5px;color:#fff}
.car_class_tit li.active:after{content:'';width:0;height:0;position:absolute;top:13px;right:-8px;border-top:7px solid transparent;border-left:10px solid #f84018;border-bottom:7px solid transparent}
.scrollbar-box{width:100%;height:550px;overflow-y:auto;float:left;margin:5px;border:none}
.scrollbar{width:30px;height:300px;margin:0 auto}
.scrollbar-box::-webkit-scrollbar{width:10px;height:1px}
.scrollbar-box::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}
.scrollbar-box::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}
.car_class_block{overflow: hidden;}
.car_viwe .swiper-container{width:100%;height:100%;padding:0 5%}
.car_viwe .swiper-slide{text-align:center;font-size:18px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:solid 1px #666;box-sizing:border-box;cursor:pointer;height:94px}
.car_viwe .swiper-slide img{width:84%;height:48px;margin:10px 8%}
.car_viwe .swiper-slide span{color:#666;font-size:14px;line-height:24px;text-align:center;display:block}
.car_viwe .swiper-slide.swiper-slide-active{border:solid 1px #f84018}
.car_viwe .swiper-slide.swiper-slide-active span{background:#f84018;color:#fff}
.car_viwe .swiper-button-prev{left:10px;zoom:.8;color: #999;}
.car_viwe .swiper-button-next{right:10px;zoom:.8;color: #999;}
.car_box{padding:20px;position:relative;text-align:center;position:relative;overflow: hidden;}
.car_box>img{width:800px;height:410px}
.point_box{position:absolute;width:800px;height:410px;left:0;z-index:10;top:0;margin:20px 75px}
.point_tt{position:absolute;top:-30px;left:-50%;cursor:pointer;display:inline-block;text-align:center}
.point_tt small{position:absolute;display:inline-block;text-align:center;background:rgba(0,0,0,.7);color:#f84018;font-size:12px;padding:0 15px;line-height:24px;border-radius:15px;white-space:nowrap;min-width:80px;bottom:20px;left:-40px}
.point_tt:hover small{background:#000}
.point_tt span{display:inline-block;width:6px;height:6px;background:#f84018;position:relative;border-radius:50%}
.point_tt span:after{background-color:rgba(248,64,24,.5)}
.point_tt span:before{background-color:rgba(248,64,24,.2)}
.point_tt span:after,.point_tt span:before{content:'';width:16px;height:16px;position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-8px;border-radius:50%;animation:warn 1.5s ease-out 0s infinite}
@keyframes warn{0%{transform:scale(.5);opacity:1}
30%{opacity:1}
100%{transform:scale(1.4);opacity:0}
}
.car_layer{position:absolute;width:910px;height:430px;background: rgba(0,0,0,.9);z-index: 50;top:0;right: -800px;opacity: 0;}
.close_btn{display: block;position: absolute;z-index: 10;right: 10px;top:10px;width:30px;cursor: pointer;}
.close_btn img{width:100%;}
.module_box,.sub_module_box{padding: 15px;position: relative;}
.module_tit{position: absolute;left: 10px;height: 430px;overflow: hidden;width:135px ;}
.module_tit li{display:block;color:#e4e4e4;font-size:14px;line-height:34px;margin:10px 0;cursor:pointer;text-align:center;width:120px;position:relative}
.module_tit li:hover{color:#fff}
.module_tit li.active{background:#f84018;border-radius:5px;color:#fff}
.module_tit li.active:after{content:'';width:0;height:0;position:absolute;top:7px;right:-8px;border-top:7px solid transparent;border-left:10px solid #f84018;border-bottom:7px solid transparent}
.module_block{padding-left: 135px;}
.module_block .module_view li{display: inline-block;padding: 0 15px;color:#e4e4e4 ;cursor:pointer;position: relative;line-height: 30px;}
.module_block .module_view li.active{color: #f84018;}
.module_block .module_view li.active::after{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #f84018;}
.module_view_box{width: 430px;height: 360px;position: relative;overflow: hidden;}
.module_point_box{position:absolute;width:100%;height:410px;left:0;z-index:10;top:0;}
.module_point_tt{position:absolute;top:-30px;left:-50%;cursor:pointer;display:inline-block;text-align:center}
.module_point_tt small{position:absolute;display:inline-block;text-align:center;background:rgba(0,0,0,.7);color:#f84018;font-size:12px;padding:0 15px;line-height:24px;border-radius:15px;white-space:nowrap;min-width:80px;bottom:20px;left:-40px}
.module_point_tt:hover small{background:#000}
.module_point_tt span{display:inline-block;width:6px;height:6px;background:#f84018;position:relative;border-radius:50%}
.module_point_tt span:after{background-color:rgba(248,64,24,.5)}
.module_point_tt span:before{background-color:rgba(248,64,24,.2)}
.module_point_tt span:after,.module_point_tt span:before{content:'';width:16px;height:16px;position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-8px;border-radius:50%;animation:warn 1.5s ease-out 0s infinite}
.sub_module_box::before{position: absolute;content: "";width: 1px;height: 300px;background-color: #333;left:-20px;top:50px}
.sub_module_box .swiper-container{width:290;height:300px;margin-left:auto;margin-right:auto}
.sub_module_box .swiper-slide{background-size:60%;background-position:center;background-repeat:no-repeat}
.sub_module_box .swiper-button-next,.product_search2_img .swiper-button-prev{color:#999;zoom:.8}
.sub_module_box .gallery-top{height:230px;width:290px}
.sub_module_box .gallery-top .swiper-slide{background-size:180px 180px;}
.sub_module_box .gallery-thumbs{height:58px;width:100%;box-sizing:border-box;padding:0 ;}
.sub_module_box .gallery-thumbs .swiper-slide{width:58px;height:58px;opacity:.4;cursor:pointer;border: 0;background-size: 100%;}
.sub_module_box .gallery-thumbs .swiper-slide-thumb-active{opacity:1;border: 0;}
.sub_module_box h5{color:#f84018;font-size: 14px;line-height: 30px;}
.sub_module_box a{display:block;font-size: 14px;line-height: 36px;width: 160px;margin: 20px auto;color: #f84018;border: #f84018 1px solid;border-radius: 18px;text-align: center;cursor: pointer;}
.sub_module_box a:hover{background: #f84018;color: #fff;}
.topclass{text-align: center;}
.topclass a{display: inline-block;position:relative;width:345px;height:284px;border-radius: 15px;overflow: hidden;margin-right: 30px;margin-top: 30px;cursor: pointer;transition: all .36s ease;}
.topclass a>div{position: absolute;width: 345px;height:284px;background: rgba(0,0,0,.5);transition: all .36s ease;}
.topclass a:nth-child(3n){margin-right: 0;}
.topclass a h1{font-size:32px;color: #fff;margin-top: 50px;line-height: 100px;}
.topclass a span{display: inline-block;background: #fff;padding: 0 15px;border-radius: 5px;line-height: 32px;}
.topclass a:hover >div {background: rgba(0,0,0,0);}
.topclass a:hover  span{background:#f84018;color: #fff;}
.pro-list li .flex-bd{line-height:24px}
.cookie-wrap {
    position: relative;
    height:60px;
    width: 100%
}