::-webkit-input-placeholder{color: #333;}
:-moz-placeholder {color: #333;}
::-moz-placeholder{color: #333;}
:-ms-input-placeholder {color: #333;}
.text-over{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.text-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-line.line3,[text-line][line3]{-webkit-line-clamp:3;}
.text-line.line4,[text-line][line4]{-webkit-line-clamp:4;}
.text-line.line5,[text-line][line5]{-webkit-line-clamp:5;}
html,body{min-height: 100%;font-family:CircularStd-Book,思源黑体 CN Regular,Source Han Sans Regular,MiSans,PingFangSC-Regular,Microsoft YaHei,Arial;}
.bold{font-weight: bold;}
.cw1400{max-width: 1400px;width:92%;margin:auto;}

input::input-placeholder,textarea::input-placeholder{color: #999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder,textarea::-moz-placeholder{color: #999;}
input::-moz-placeholder,textarea::-moz-placeholder{color: #999;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color: #999;}

.editor{font-size: 14px;}

.banner.pc{display: block;}
.banner.mobile{display: none;}

/*分页*/
#turn_page{ width:100%; height:36px; line-height:34px; text-align:center; overflow:hidden;margin-top: 60px;}
#turn_page img{ width:100%;}
#turn_page span,
#turn_page a,
#turn_page font{ display:inline-block; vertical-align:top; margin:0 4px; /*background:#f6f6f6;*/ font-size:16px; min-width:22px; height:34px; line-height:34px; /*border:1px solid #ebebeb;*/font-family: "CircularStd-Book";color: #888;}
#turn_page .prev.page_noclick{min-width: 34px;border-radius: 50%; background: #f5f7f9 url(/images/about/left.png)no-repeat center;font-size: 0;margin: 0 20px;}
#turn_page .next.page_noclick{min-width: 34px;border-radius: 50%; background: #f5f7f9 url(/images/about/right.png)no-repeat center;font-size: 0;margin: 0 20px;}
#turn_page .prev.page_button{min-width: 34px;border-radius: 50%; background: #f5f7f9 url(/images/about/left_h.png)no-repeat center;font-size: 0;margin: 0 20px;}
#turn_page .next.page_button{min-width: 34px;border-radius: 50%; background: #f5f7f9 url(/images/about/right_h.png)no-repeat center;font-size: 0;margin: 0 20px;}
#turn_page .word{ padding: 0 15px; color:#757575;display: none;}
#turn_page .page_button{ width:34px; font-family: Arial; color:#757575;}
#turn_page .page_noclick{ width:34px; font-family: Arial; color:#757575;}
#turn_page .page_item_current{ color:var(--mainColor);}
.turn_page_tip{font-size: 16px;color: #888;font-family: "CircularStd-Book";margin-top: 15px;}

/*面包屑 crumbs*/
#crumbs{line-height: 40px;padding: 10px 0;background: #f5f5f5;}
#crumbs *{font-size: 16px;color: #666;}

/*二级导航 mini_nav*/
#mini-nav{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);height: 70px;text-align: center;}
#mini-nav .container{max-width: 100%;display: inline-block;padding: 0 30px;}
#mini-nav .slide{width:auto;}
#mini-nav a{display: block;line-height: 70px;font-size: 18px;padding: 0 30px;}
#mini-nav a:hover{color: #ff8f52;}
#mini-nav .on{color: #ff8f52;font-family:CircularStd-Bold;}
#mini-nav .item span{width: 43px;height: 20px;background: url(/images/img26.png)no-repeat center;right: -20px;top: 25px;z-index: 1;}

/*隐私政策 policy*/
#policy{padding: 100px 0;}
#policy .title{font-size: 36px;color: #333;font-family:CircularStd-Bold;text-align: center;margin-bottom: 55px;}

/*关于我们 about*/
#about .one{padding: 100px 0;}
#about .one .title{font-size: 40px;color: #333;font-family:CircularStd-Bold;text-align: center;margin-bottom: 55px;}
#about .two{padding: 100px 0;background: #f4f4f6;}
#about .two .top{margin-bottom: 100px;}
#about .two .top .text,
#about .two .top .img{width: 50%;}
#about .two .top .text{padding-top: 60px;}
#about .two .top .text .title{font-size: 40px;color: #333;font-family:CircularStd-Bold;margin-bottom: 40px;}
#about .two .top .text .brief{font-size: 18px;color: #666;}
#about .two .bot .slide{width: 200px;margin-right: 50px;}
#about .two .bot .img{height: 260px;}
#about .two .bot .t1{font-size: 16px;color: #333;text-align: center;margin-top: 15px;}

/*探索-积分 integral*/
#integral{padding: 100px 0 60px;}
#integral .title{font-size: 40px;color: #333;font-family:CircularStd-Bold;text-align: center;}
#integral .item{padding: 80px 0 60px;border-bottom: 1px solid #f2f2f2;}
#integral .item:nth-last-child(1){border-bottom: 0px;}
#integral .item .t1{width: 19.285%;font-size: 24px;color: #333;font-family:CircularStd-Bold;}
#integral .item .text{width: 80.715%;}
#integral .item .t2{font-size: 24px;color: #ff8f52;margin-bottom: 25px;}
#integral .item .t3{font-size: 18px;color: #666;}

/*探索-优惠券 coupon*/
#coupon{padding: 100px 0 60px;}
#coupon .title{font-size: 40px;color: #333;font-family:CircularStd-Bold;text-align: center;margin-bottom: 55px;}
#coupon .txt1{font-size: 28px;color: #ff8f52;margin-bottom: 40px;font-family:CircularStd-Medium;}
#coupon .txt2{font-size: 18px;color: #666;}
#coupon .con{margin-top: 70px;}
#coupon .con .item{width: 22.857%;padding: 30px 0 50px;background: #f8f8f8;border-radius: 12px;margin: 0 2.857% 2.857% 0;text-align: center;}
#coupon .con .item:nth-child(4n){margin-right: 0;}
#coupon .con .item .line{width: 100%;height: 20px;background: url(/images/icon37.png) no-repeat center/cover;margin: 21px auto 24px;}
#coupon .con .item .t1{font-size: 36px;color: #ff8f52;font-family:CircularStd-Bold;}
#coupon .con .item .t2{font-size: 16px;color: #666;margin-top: 5px;}
#coupon .con .item .t3{font-size: 18px;color: #888;line-height: 24px;}
#coupon .con .item .t4{font-size: 18px;color: #333;line-height: 24px;}
#coupon .con .item .t5{font-size: 16px;color: #888;line-height: 24px;margin-top: 16px;}
#coupon .con .item .t6{font-size: 16px;color: #666;line-height: 24px;}
#coupon .con .item .a1{line-height: 40px;height: 40px;border-radius: 20px;background: #ff8f52;color: #fff;font-size: 16px;margin: 30px auto 0;width: 190px;border: solid 1px #ff8f52;}
#coupon .con .item .a1:hover{color: #ff8f52;background: #fff;}

/*探索-BLOG blog*/
#blog{padding: 80px 0 100px;}
#blog .search{margin-bottom: 60px;}
#blog .search .fle{width: 70.714%;}
#blog .search .fle select{width: 24.242%;height: 50px;border-radius: 8px;border: 1px solid #999;margin-right: 20px;padding: 0 5px;font-size: 16px;}
#blog .search .frt{width: 24.285%;height: 50px;border-radius: 8px;border: 1px solid #999;padding: 0 20px;}
#blog .search .frt input[type="text"]{width: calc(100% - 20px);height: 100%;font-size: 16px;}
#blog .search .frt label{width: 20px;height: 100%;background: url(/images/icon22.png) no-repeat center;cursor: pointer;}
#blog .tent{width: 70.714%;}
#blog .tent .list{margin-bottom: 40px;}
#blog .tent .list .img{width: 25.858%;}
#blog .tent .list .img:before{display: block;content: "";width: 100%;padding-top: 62.5%;}
#blog .tent .list .text{width: 70.707%;}
#blog .tent .list .t1{font-size: 20px;font-family:CircularStd-Medium;color: #333;margin-bottom: 15px;}
#blog .tent .list .t1:hover{color: #ff8f52;}
#blog .tent .list .t2{font-size: 16px;color: #555;margin-bottom: 32px;}
#blog .tent .list .t3{font-size: 14px;color: #888;}
#blog .tent .page{text-align: center;margin-top: 20px;}
#blog .tent .page .summary{font-size: 16px;color: #888;margin-top: 10px;}
#blog .right{width: 24.285%;}
#blog .right .item{margin-bottom: 10px;}
#blog .right .item .title{width: 100%;height: 50px;line-height: 50px;font-size: 18px;color: #333;font-family:CircularStd-Medium;background: #f2f2f2;margin-bottom: 30px;padding: 0 20px;}
#blog .right .list{margin-bottom: 30px;}
#blog .right .list .img{width: 47.058%;}
#blog .right .list .img:before{display: block;content: "";width: 100%;padding-top: 62.5%;}
#blog .right .list .text{width: 48.529%;}
#blog .right .list .t1{font-size: 14px;color: #333;margin-bottom: 14px;}
#blog .right .list .t1:hover{color: #ff8f52;}
#blog .right .list .t2{font-size: 14px;color: #888;}

/*探索-BLOG-详细 blog-detail*/
#blog-detail{padding: 80px 0px 100px;}
#blog-detail .left{width: 72.857%;}
#blog-detail .right{width: 24.285%;}
#blog-detail .left h2{font-size: 28px;color: #333;font-family:CircularStd-Bold;line-height: 36px;}
#blog-detail .left .time{margin-top: 15px;padding-left: 23px;font-size: 16px;color: #666;background: url(/images/icon23.png) no-repeat center left;}
#blog-detail .left .share{margin: 25px auto 35px;}
#blog-detail .left .share a{width: 26px;height: 26px;display: block;margin-right: 10px;cursor: pointer;}
#blog-detail .left .share a[jqshare='facebook']{background: url(/images/icon24.png) no-repeat center left 0;}
#blog-detail .left .share a[jqshare='twitter']{background: url(/images/icon24.png) no-repeat center left -109px;}
#blog-detail .left .share a[jqshare='linkedin']{background: url(/images/icon24.png) no-repeat center left -146px;}
#blog-detail .left .turn .item{width: 48.039%;height: 210px;padding: 30px 30px 35px;background: #f0f0f0;}
#blog-detail .left .turn .item .t1{font-size: 18px;line-height: 36px;color: #333;}
#blog-detail .left .turn .item .line{width: 30px;height: 2px;background: #ee7700;margin: 10px 0 15px;}
#blog-detail .left .turn .item .t2{font-size: 18px;line-height: 24px;font-family:CircularStd-Medium;color: #333;}
#blog-detail .left .turn .item .t3{font-size: 16px;line-height: 30px;color: #888;margin-top: 10px;}
#blog-detail .left .turn .item:hover{background: #fff;box-shadow: 0 0 20px #ddd;}
#blog-detail .left .turn .item:hover .t2{color: #ff8f52;}
#blog-detail .right .title{width: 100%;height: 50px;line-height: 50px;font-size: 18px;color: #333;font-family:CircularStd-Medium;background: #f2f2f2;margin-bottom: 30px;padding: 0 20px;}
#blog-detail .right .list{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;background: #fff;} 
#blog-detail .right .img{width: 29.411%;border: 1px solid #e5e5e5;}
#blog-detail .right .img:before{display: block;content: "";width: 100%;padding-top: 100%;}
#blog-detail .right .text{width: 63.529%;}
#blog-detail .right .t1{font-size: 18px;color: #333;font-family:CircularStd-Bold;margin: 15px auto 10px;}
#blog-detail .right .t1:hover{color: #ff8f52;}
#blog-detail .right .t2{font-size: 18px;color: #333;}
#blog-detail .right .t2 span{font-size: 16px;color: #888;text-decoration: line-through;margin-left: 10px;}

/*支持-01下载中心 download*/
#download{padding: 100px 0;}
#download .title{font-size: 40px;color: #333;font-family:CircularStd-Bold;text-align: center;margin-bottom: 15px;}
#download .brief{font-size: 20px;color: #666;text-align: center;margin-bottom: 50px;}
#download .search{background: #f5f5f5;height: 180px;width: 100%;padding: 65px 15%;}
#download .search select{width: 30.612%;height: 50px;border-radius: 8px;border: 1px solid #999;margin-right: 2.0415%;padding: 0 5px;font-size: 16px;background: #fff;}
#download .search .input{width: 34.693%;height: 50px;border-radius: 8px;border: 1px solid #999;background: #fff;padding: 0 20px;}
#download .search input[type="text"]{width: calc(100% - 20px);height: 100%;font-size: 16px;}
#download .search label{width: 20px;height: 100%;background: url(/images/icon22.png) no-repeat center;cursor: pointer;}
#download .con .list{border-bottom: 2px solid #f2f2f2;padding: 40px 30px;line-height: 46px;height: 126px;}
#download .con .list .t1{width: 68%;font-size: 20px;color: #333;}
#download .con .list .t2{font-size: 16px;color: #999;}
#download .con .list .t3{width: 135px;height: 46px;border: 1px solid #e6e6e6;background: url(/images/icon25.png) no-repeat center right 17px #f7f7f7;padding-left: 16px;font-size: 16px;color: #333;font-family:CircularStd-Medium;cursor: pointer;}
#download .con .list:hover{background: #fafafa;}
#download .con .list:hover .t1{color: #ff8f52;}
#download .con .list:hover .t3{border: 1px solid #ff8f52;background:  url(/images/icon26.png) no-repeat center right 17px #ff8f52;color: #fff;}
#download .page{text-align: center;margin-top: 60px;}
#download .page .summary{font-size: 16px;color: #888;margin-top: 10px;}

/*支持-02联系我们 contact*/
#contact{padding: 100px 0;}
#contact .title{font-size: 40px;color: #333;font-family:CircularStd-Bold;text-align: center;margin-bottom: 15px;}
#contact .brief{font-size: 20px;color: #666;text-align: center;margin-bottom: 50px;}
#contact .tact{border: 1px solid #e6e6e6;padding: 60px 0;}
#contact .tact .item{width: 25%;text-align: center;padding: 0 30px;position: relative;}
#contact .tact .item:before{display: block;content:"";position: absolute;width: 1px;height: 120px;background: #f0f0f0;right: 0;top: calc(50% - 60px);}
#contact .tact .item:nth-child(4):before{display: none;}
#contact .tact .item .icon{width: 32px;height: 32px;margin: 0 auto 15px;}
#contact .tact .item:nth-child(1) .icon{background:  url(/images/icon27.png) no-repeat center;}
#contact .tact .item:nth-child(2) .icon{background:  url(/images/icon28.png) no-repeat center;}
#contact .tact .item:nth-child(3) .icon{background:  url(/images/icon29.png) no-repeat center;}
#contact .tact .item:nth-child(4) .icon{background:  url(/images/icon29.png) no-repeat center;}
#contact .tact .item .t1{font-size: 18px;color: #333;font-family:CircularStd-Medium;margin-bottom: 12px;}
#contact .tact .item .t2{font-size: 16px;color: #333;margin-bottom: 5px;}
#contact .tact .item .t3{font-size: 14px;color: #666;}
#contact .share{padding: 36px 0;}
#contact .share .s1{width: 125px;margin-right: 32px;font-size: 18px;color: #333;font-family:CircularStd-Medium;}
#contact .share .s2 a{width: 42px;height: 42px;display: block;margin-right: 20px;cursor: pointer;}
/*#contact .share .s2 a[share='facebook']{background: url(/images/icon30.png) no-repeat center left 0;}
#contact .share .s2 a[share='twitter']{background: url(/images/icon30.png) no-repeat center left -121px;}
#contact .share .s2 a[share='linkedin']{background: url(/images/icon30.png) no-repeat center right 0;}*/
#contact .con{border: 1px solid #e6e6e6;padding: 30px;}
#contact .con .map{width: 50%;height: 650px;}
#contact .con .message{width: 46%;padding-right: 20px;}
#contact .con .message .tit1{margin: 20px auto;font-size: 26px;color: #333;font-family:CircularStd-Medium;}
#contact .con .message .input{margin-bottom: 25px;}
#contact .con .message .input .tit2{font-size: 18px;color: #333;font-family:CircularStd-Medium;margin-bottom: 10px;}
#contact .con .message .input .tit2 span{color: red;}
#contact .con .message .input .tit3{font-size: 16px;color: #999;}
#contact .con .message .input input{width: 100%;height: 40px;border-bottom: 1px solid #ccc;font-size: 16px;}
#contact .con .message .input textarea{width: 100%;height: 100px;border-bottom: 1px solid #ccc;font-size: 16px;line-height: 20px;resize:none;}
#contact .con .message label{width: 140px;line-height: 50px;height: 50px;color: #fff;text-align: center;float: right;border-radius: 5px;font-size: 16px;cursor: pointer;display: block;background: #ff8f52;}

/*支持-03FAQ faq*/
#faq{padding: 100px 0;}
#faq .title{font-size: 40px;color: #333;font-family:CircularStd-Bold;text-align: center;margin-bottom: 15px;}
#faq .brief{font-size: 20px;color: #666;text-align: center;margin-bottom: 50px;}
#faq .search{background: #f5f5f5;height: 180px;width: 100%;padding: 65px 0;}
#faq .search .input{width: 520px;height: 50px;border-radius: 8px;border: 1px solid #999;background: #fff;padding: 0 20px;margin: 0 auto;}
#faq .search input[type="text"]{width: calc(100% - 20px);height: 100%;font-size: 16px;}
#faq .search label{width: 20px;height: 100%;background: url(/images/icon22.png) no-repeat center;cursor: pointer;}
#faq .page{text-align: center;margin-top: 60px;}
#faq .page .summary{font-size: 16px;color: #888;margin-top: 10px;}
#faq .list{border-bottom: 2px solid #f2f2f2;padding: 38px 40px 38px 20px;min-height: 120px;}
#faq .list .tit .t1{font-size: 20px;color: #333;padding-left: 34px;width: calc(100% - 100px);line-height: 44px;font-family:CircularStd-Bold;}
#faq .list .tit .t1:before{display: block;position: absolute;content: "";width: 12px;height: 12px;border: 3px solid #ccc;left: 0;top: 13px;border-radius: 50%;}
#faq .list .tit .more{width: 45px;height: 45px;border: 1px solid #333;cursor: pointer;}
#faq .list .tit .more:before,
#faq .list .tit .more:after{display: block;position: absolute;content: "";background: #333;}
#faq .list .tit .more:before{width: 2px;height: 12px;top: calc(50% - 6px);left: calc(50% - 1px);}
#faq .list .tit .more:after{width: 12px;height: 2px;top: calc(50% - 1px);left: calc(50% - 6px);}
#faq .list .editor{padding-left: 34px;width: calc(100% - 100px);margin-top: 35px;display: none;}
#faq .list.on{background: #f7f7f7;}
#faq .list.on .t1{color: #ff8f52;}
#faq .list.on .t1:before{border: 3px solid #ff8f52;}
#faq .list.on .tit .more{border: 1px solid #ff8f52;background: #ff8f52;}
#faq .list.on .tit .more:before{background: #ff8f52;}
#faq .list.on .tit .more:after{background: #fff;}

/*首页 index*/
#index .one{background: #222;padding: 6.111% 0;}
#index .one .title{margin: 0 auto 30px;width: 60%;}
#index .one .title .t1{font-size: 50px;line-height: 60px;color: #fff;font-family:CircularStd-Bold;}
#index .one .title .t2{font-size: 20px;line-height: 30px;color: #ccc;margin-top: 10px;}
#dg-container{width: 100%;height: 400px;position: relative;}
#dg-container .dg-wrapper{width: 760px;height: 400px;margin: 0 auto;position: relative;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;-moz-perspective: 1000px;-o-perspective: 1000px;-ms-perspective: 1000px;perspective: 1000px;}
#dg-container .dg-wrapper a{width: 760px;height: 400px;display: block;position: absolute;left: 0;top: 0;box-shadow: 0px 10px 20px rgba(0,0,0,0.5);}
#dg-container .dg-wrapper a:before{position: absolute;display: block;content:"";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 2;}
#dg-container .dg-wrapper a.dg-transition{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#dg-container .dg-wrapper a.dg-center:before{background: rgba(0,0,0,0);}
#dg-container nav{width: 60%;position: absolute;z-index: 90;bottom: calc(50% - 23px);left: 20%;}
#dg-container nav span{float: left;cursor: pointer;width: 50px;height: 50px;background: #737373;border-radius: 50%;}
#dg-container nav span.dg-next{float: right;margin-left: 10px;}
#dg-container nav span:hover{background: #f9bb9d;}
#index .one .con .pc{display: block;}
#index .one .con .mobile{display: none;}
#index .two{background: #fff;padding: 110px 0 100px;}
#index .two .title .t1{font-size: 40px;line-height: 50px;color: #333;font-family:CircularStd-Bold;}
#index .two .title .t2{font-size: 20px;line-height: 30px;color: #333;margin-top: 20px;}
#index .two .con{margin-top: 55px;}
#index .two .con .item{width: 22.857%;margin: 0 2.857% 2.857% 0;border: 1px solid #efefef;background: #fff;}
#index .two .con .item:nth-child(4n){margin-right: 0;}
#index .two .con .item .discount{width: 50px;height: 50px;background: url(/images/icon34.png) no-repeat center;top: 0;right: 0;z-index: 10;}
#index .two .con .item .discount>div{font-size: 16px;color: #fff;font-family:CircularStd-Bold;line-height: 50px;text-align: center;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
#index .two .con .item .img{width: 100%;}
#index .two .con .item .img:before{display: block;content: "";width: 100%;padding-top: 100%;}
#index .two .con .item .text{padding: 40px 0;text-align: center;}
#index .two .con .item .t1{font-size: 20px;color: #333;font-family:CircularStd-Bold;margin-bottom: 10px;}
#index .two .con .item .t2{font-size: 20px;color: #333;}
#index .two .con .item .t3{font-size: 16px;color: #888;margin-left: 13px;text-decoration: line-through;vertical-align: bottom;}
#index .two .con .item .anniu{height: 40px;top: -20px;left: 0;width: 100%;display: none;}
#index .two .con .item .anniu a{width: 40px;height: 40px;border-radius: 50%;}
#index .two .con .item .anniu a:nth-child(1){background: url(/images/icon35.png) no-repeat center;margin-right: 20px;}
#index .two .con .item .anniu a:nth-child(2){background: url(/images/icon36.png) no-repeat center;}
#index .two .con .item:hover .text{background: #f7f7f7;}
#index .two .con .item:hover .anniu{display: block;}
#index .two .more{width: 160px;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;background: #ff8f52;color: #fff;font-size: 18px;border: 1px solid #ff8f52;margin: 0 auto;}
#index .two .more:hover{color: #ff8f52;background: transparent;}
#index .three .list{padding-top: 40.625%;}
#index .three .list .max.absolute.m-pic img{width: 100%;}
#index .three .list .text{width: 50%;text-align: left;}
#index .three .list.index1 .text{float: right;}
#index .three .list.index2 .text{float: left;}
#index .three .list.index1 .text .price-btn,
#index .three .list.index2 .text .price-btn{ margin-bottom: 12%;}
#index .three .list .t1{color: #333;font-size: 20px;line-height: 37px;margin-bottom: 20px;font-family:CircularStd-Bold;}
#index .three .list .t2{color: #333;font-size: 40px;line-height: 46px;font-family:CircularStd-Bold;}
#index .three .list .t3{color: #ff8f52;font-size: 28px;line-height: 40px;font-family:CircularStd-Bold;}
#index .three .list .t4{color: #888;font-size: 20px;line-height: 40px;margin-left: 13px;text-decoration: line-through;}
#index .three .list .price{margin: 30px auto 50px;}
#index .three .list .anniu a{width: 160px;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;background: #ff8f52;color: #fff;font-size: 18px;margin-right: 20px;border: 1px solid #ff8f52;}
#index .three .list .anniu a:hover{color: #ff8f52;background: transparent;}
#index .four{padding: 100px 0;background: #f4f4f6;}
#index .four .top{margin-bottom: 100px;}
#index .four .top .text,
#index .four .top .img{width: 50%;}
#index .four .top .text .title{font-size: 40px;color: #333;font-family:CircularStd-Bold;margin-bottom: 40px;}
#index .four .top .text .brief{font-size: 18px;color: #666;}
#index .four .top .more{width: 160px;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;background: #ff8f52;color: #fff;font-size: 18px;border: 1px solid #ff8f52;margin-top: 70px;}
#index .four .top .more:hover{color: #ff8f52;background: transparent;}
#index .four .bot .slide{width: 200px;margin-right: 50px;}
#index .four .bot .img{height: 260px;}
#index .four .bot .t1{font-size: 16px;color: #333;text-align: center;margin-top: 15px;}

/*首页弹窗*/
.popup-bg{position: fixed;z-index: 110;background: rgba(0,0,0,0.5);top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
#popup{position: fixed;z-index: 120;width: 800px;height: 710px;top: calc(50% - 355px);left: calc(50% - 400px);background: #fff;border-radius: 20px;}
#popup .guanbi{width: 32px;height: 32px;background: url(/images/icon39.png) no-repeat center;border-radius: 50%;top: -16px;right: -16px;z-index: 5;cursor: pointer;overflow: hidden;box-shadow: 0px 0px 10px #333;}
#popup .con .img{width: 80px;height: 40px;background: rgba(255,255,255,0.8);top: 0;left: 0;z-index: 2;border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
#popup .con .swiper-pagination{bottom: 20px;}
#popup .con .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 0.5;}
#popup .con .swiper-pagination .swiper-pagination-bullet-active{background: #ff8f52;opacity: 1;}
#popup .pt1{text-align: center;font-size: 30px;margin-top: 40px;font-family:CircularStd-Bold;}
#popup .form{height: 46px;border-radius: 25px;overflow: hidden;background: #fff;margin: 30px auto 60px;width: 560px;border: 1px solid #ccc;}
#popup .form .input{width: calc(100% - 110px);height: 46px;text-indent: 24px;font-size: 18px;}
#popup .form .submit{width: 100px;height: 46px;color: #fff;background: #ff8f52;border-radius: 25px;font-size: 18px;cursor: pointer;}
#popup .ft2{font-size: 16px;color: #666;line-height: 30px;text-align: center;}
#popup .ft2 a{color: #333;text-decoration:underline;}
#popup .slide{max-height: 420px;overflow: hidden;}

/*底部 footer*/
#footer{background: #222;padding: 100px 0px 50px;}
#footer.nofooter{padding-top: 30px;}
#footer .ftop{padding: 0 0 80px;border-bottom: 1px solid #363636;}
#footer .fnav{width: 67.142%;}
#footer .fnav .fnli{width: 30%;margin-right: 3.3%;}
#footer .fnav .fnli .big{margin-bottom: 15px;}
#footer .fnav .fa1{font-size: 18px;line-height: 37px;color: #fff;font-family:"CircularStd-Medium";}
#footer .fnav .fa2{font-size: 16px;line-height: 36px;color: #ccc;}
#footer .fnav a:hover{color: #ff8f52;}
#footer .attr{width: 32.5%;}
#footer .attr .ft1{color: #ff8f52;font-size: 30px;font-family:"CircularStd-Bold";}
#footer .attr .form{height: 50px;border-radius: 5px;overflow: hidden;background: #fff;margin: 25px auto;}
#footer .form .input{width: calc(100% - 110px);height: 50px;text-indent: 24px;font-size: 18px;}
#footer .form .submit{width: 100px;height: 50px;color: #fff;background: #ff8f52;border-radius: 5px;font-size: 18px;cursor: pointer;}
#footer .ft2{font-size: 16px;color: #999;line-height: 30px;}
#footer .ft2 a{color: #ccc;text-decoration:underline;}
#footer .share{margin-top: 30px;}
#footer .share a{width: 30px;height: 30px;overflow: hidden;border-radius: 50%;margin-right: 20px;}
#footer .share a .img1{display: block;}
#footer .share a .img2{display: none;}
#footer .share a:hover .img1{display: none;}
#footer .share a:hover .img2{display: block;}
#footer .fbot{padding: 40px 0 0;text-align: center;}
#footer .fbot .copy{margin-bottom: 40px;}
#footer .fbot .copy,#footer .fbot .copy *{color: #999;font-size: 16px;}
#footer .fbot .link a{margin-right: 20px;}
#footer .fbot .link a:nth-last-child(1){margin-right: 0;}
#suspe{width: 50px;position: fixed;z-index: 30;right: 30px;bottom: 100px;}
#suspe a{display: block;width: 50px;height: 50px;border-radius: 50%;overflow: hidden;}
/*#suspe a:nth-child(1){background: url(/images/icon18.png) no-repeat center #ff8f52;margin-bottom: 20px;}*/
#suspe a:nth-child(1){background: url(/images/icon19.png) no-repeat center #f4f4f4;}

/*头部 header*/
.header-line{height: 70px;width: 100%;}
#header{height: 70px;background: #fff;position: fixed;z-index: 100;top: 0;left: 0;width: 100%;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 13%);}
#header .logo{width: 100px;height: 46px;margin-top: 12px;}
#header .hnav{width: 540px;margin-left: calc(50% - 270px - 100px);}
#header .hnav .one-nav{margin-left: 97px;line-height: 70px;}
#header .hnav .one-nav:nth-child(1){margin-left: 0;}
#header .hnav .one-nav .one-a{font-size: 18px;font-family:"CircularStd-Bold";color: #333;}
#header .hnav .one-nav:hover .one-a,#header .hnav .one-nav.on .one-a{color: #ff8f52;}
#header .hnav .two-nav{width: 180px;padding: 25px;background: #fff;border-radius: 5px;z-index: 2;left: calc(50% - 90px);line-height: 40px;display: none;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.06);}
#header .hnav .two-nav:before{position: absolute;display: block;content:"";border: 8px solid transparent;border-bottom-color: #fff;left: calc(50% - 8px);top: -16px;}
#header .hnav .two-nav .tnav-a{font-size: 16px;font-family:"CircularStd-Bold";}
#header .hnav .two-nav .tnav-a:hover{color: #ff8f52;}
#header .hnav .one-nav:hover .two-nav{display: block;}
#header .pro-two-nav{background: #fff;position: fixed;top: 70px;left: 0;width: 100%;border-top: 1px solid #e5e5e5;padding: 30px 0 80px;display: none;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 6%);}
#header .hnav .one-nav:hover .pro-two-nav{display: block;}
#header .pro-two-nav .cw1400:before{content:"";display: block;position: absolute;height: calc(100% + 110px);top: -30px;width: 1px;background: #e5e5e5;left: 16.428%;}
#header .pro-two-nav .titnav{width: 16.428%;}
#header .pro-two-nav .titnav a{font-size: 18px;color: #888;line-height: 60px;}
#header .pro-two-nav .titnav a.cur{color: #ff8f52;}
#header .pro-two-nav .connav{width: 83.572%;}
#header .pro-two-nav .connav .item{width: 21%;margin: 0 2% 2%;background: #fff;}
#header .pro-two-nav .connav .item .discount{width: 50px;height: 50px;background: url(/images/icon34.png) no-repeat center;top: 0;right: 0;z-index: 10;}
#header .pro-two-nav .connav .item .discount>div{font-size: 16px;color: #fff;font-family:CircularStd-Bold;line-height: 50px;text-align: center;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
#header .pro-two-nav .connav .item .img{width: 100%;}
#header .pro-two-nav .connav .item .img:before{display: block;content: "";width: 100%;padding-top: 100%;}
#header .pro-two-nav .connav .item .text{padding: 10px 0;text-align: center;}
#header .pro-two-nav .connav .item .t1{font-size: 16px;line-height: 1.5;color: #333;font-family:CircularStd-Bold;}
#header .pro-two-nav .connav .item .price{line-height: 30px;}
#header .pro-two-nav .connav .item .t2{font-size: 18px;color: #ff8f52;}
#header .pro-two-nav .connav .item .t3{font-size: 16px;color: #888;margin-left: 13px;text-decoration: line-through;}
#header .pro-two-nav .connav .more{width: 160px;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;background: #ff8f52;color: #fff;font-size: 18px;border: 1px solid #ff8f52;margin: 0 auto;}
#header .pro-two-nav .connav .more:hover{color: #ff8f52;background: transparent;}
#header .hattr{height: 24px;margin-top: 23px;width: auto;margin-left: 0;}
#header .hattr select{width: 57px;height: 24px;font-size: 16px;font-family:"CircularStd-Medium";}
#header .hattr .ha1{width: 24px;height: 24px;margin-left: 35px;}
#header .hattr .ha1.member{background: url(/images/icon2.png) no-repeat center;margin-right: 0;}
#header .hattr .ha1.cart{background: url(/images/icon3.png) no-repeat center;position: relative;}
#header .hattr .ha1.cart .num{padding: 0 8px;height: 18px;line-height: 18px;border-radius: 25px;color: #fff;font-size: 16px;font-family: 'CircularStd-Bold';margin-left: 18px;background: #ff8f52;margin-top: 5px;right: -14px;top: -10px;text-align: center;}
#header .hattr .ha1.member.one-nav .a{display: block;height: 24px;margin-bottom: 16px;}


/*产品列表 products*/
#products{padding: 80px 0 100px;}
#products .search{width: 560px;height: 50px;border-radius: 25px;border: 1px solid #ccc;margin: 0 auto 80px;}
#products .search label{display: block;width: 138px;border-radius: 25px;height: 50px;line-height: 50px;color: #fff;font-size: 18px;background: url(/images/icon43.png) no-repeat left 30px center #ff8f52;cursor: pointer;padding-left: 60px;}
#products .search input[type="text"]{height: 50px;width: 420px;text-indent: 25px;color: #999;display: block;font-size: 18px;}
#products .item{width: 22.857%;margin: 0 2.857% 2.857% 0;border: 1px solid #efefef;background: #fff;}
#products .item:nth-child(4n){margin-right: 0;}
#products .item .discount{width: 50px;height: 50px;background: url(/images/icon34.png) no-repeat center;top: 0;right: 0;z-index: 10;}
#products .item .discount>div{font-size: 16px;color: #fff;font-family:CircularStd-Bold;line-height: 50px;text-align: center;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
#products .item .img{width: 100%;}
#products .item .img:before{display: block;content: "";width: 100%;padding-top: 100%;}
#products .item .text{padding: 40px 0;text-align: center;}
#products .item .t1{font-size: 20px;color: #333;font-family:CircularStd-Bold;margin-bottom: 10px;line-height: 27px;padding: 0 5px;}
#products .item .t2{font-size: 20px;color: #333;}
#products .item .t3{font-size: 16px;color: #888;margin-left: 13px;text-decoration: line-through;vertical-align: bottom;}
#products .item .anniu{height: 40px;top: -20px;left: 0;width: 100%;display: none;}
#products .item .anniu a{width: 40px;height: 40px;border-radius: 50%;}
#products .item .anniu a:nth-child(1){background: url(/images/icon35.png) no-repeat center;margin-right: 20px;}
#products .item .anniu a:nth-child(2){background: url(/images/icon36.png) no-repeat center;}
#products .item:hover .text{background: #f7f7f7;}
#products .item:hover .anniu{display: block;}
#products .page{text-align: center;margin-top: 60px;}
#products .page .summary{font-size: 16px;color: #888;margin-top: 10px;}

/*产品详情 products-detail*/
#pro-detail .inner-title{font-size: 40px;color: #333;text-align: center;font-family:CircularStd-Bold;}
#pro-detail .inner-descript{font-size: 16px;color: #666;line-height: 24px;margin-top: 30px;}
#pro-detail .reviews{font-size: 16px;color: #888;margin-top: 15px;}
#pro-detail .one{background: url(/images/bg1.jpg) center;padding: 60px 0 80px;}
#pro-detail .one .left{width: 50%;}

#pro-detail .one .left .swiper-pagination-bullet{margin: 0 10px;background: #ccc;opacity: 1;}
#pro-detail .one .left .swiper-pagination-bullet-active{background: #ff8f52;}
/*
#pro-detail .one .left .enlarge{width: 30px;height: 30px;background: url(/images/icon40.png) no-repeat center;top: 0;right: 6.25%;z-index: 5;cursor: pointer;}
#pro-detail .one .left .video-box{width: 100%;padding-top: 603}
#pro-detail .one .left .video{width: 100%;height: 100%;object-fit: contain;}
#pro-detail .one .left .bot{margin-top: 30px;}
#pro-detail .one .left .bot .btn{font-size: 14px;color: #cbcbcb;border: 1px solid #666;width: 120px;height: 36px;line-height: 34px;text-align: center;border-radius: 18px;margin: 0 10px;}
#pro-detail .one .left .bot .btn.cur{background: #ff8f52;color: #fff;border: 1px solid transparent;}
#pro-detail .one .left .bot .b1 .ico{background: url(/images/icon44.png) no-repeat center;width: 20px;height: 17px;margin-right: 8px;vertical-align: middle;}
#pro-detail .one .left .bot .b2 .ico{background: url(/images/icon45.png) no-repeat center;width: 12px;height: 15px;margin-right: 6px;vertical-align: middle;}
*/
#pro-detail .one .left .icon{width: 30px;height: 30px;background: url(/images/commodity-detail-icon1.png) no-repeat center rgba(0,0,0,.2);right: 60px;top: 30px;z-index: 2;}
#pro-detail .one .left .swiper-pagination-bullets{bottom: 30px;z-index: 10;text-align: center;}
#pro-detail .one .left .swiper-pagination-bullet{margin: 0 10px;opacity: 1;background: #ccc;-webkit-transition:all 500ms ease 0s;transition:all 500ms ease 0s;}
#pro-detail .one .left .swiper-pagination-bullet-active{background: #ff8f52;}
#pro-detail .one .left .swiper-pagination-bullet .pic{display: none;border: 1px solid #eee;opacity: .5;}
#pro-detail .one .left .swiper-pagination-bullet-active .pic{border: 1px solid #ff8f52;opacity: 1;}
/*#pro-detail .one .left .container:hover .swiper-pagination-bullet .pic{display: block;}*/
/*#pro-detail .one .left .container:hover .swiper-pagination-bullet{width: 80px;height: 80px;-webkit-transition:all 500ms ease 0s;transition:all 500ms ease 0s;border-radius: 0;}*/
#pro-detail .one .left .top .video-box{width: 100%;padding-top: 603px;background: #000;}
#pro-detail .one .left .top .video{width: 100%;height: 100%;object-fit: contain;}
#pro-detail .one .left .bot{margin-top: 30px;}
#pro-detail .one .left .bot .btn{font-size: 14px;color: #cbcbcb;border: 1px solid #666;width: 120px;height: 36px;line-height: 34px;text-align: center;border-radius: 18px;margin: 0 10px;}
#pro-detail .one .left .bot .btn.cur{background: #ff8f52;color: #fff;border: 1px solid transparent;}
#pro-detail .one .left .bot .b1 .ico{background: url(/images/icon44.png) no-repeat center;width: 20px;height: 17px;margin-right: 8px;vertical-align: middle;}
#pro-detail .one .left .bot .b2 .ico{background: url(/images/icon45.png) no-repeat center;width: 12px;height: 15px;margin-right: 6px;vertical-align: middle;}
#pro-detail .one .left .top .big .container.nocur{display: none;}
#pro-detail .one .left .top .slide .pic::before{padding-top: 603px;}
#pro-detail .one .left .top .slide .pic img{object-fit: contain;}
#pro-detail .one .right .color-box{margin-bottom: 36px;}
#pro-detail .one .right .color-box .color{width: 36px;height: 36px;border: 2px solid #c8c8c8;border-radius: 100%;margin-right: 18px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
#pro-detail .one .right .color-box .color.cur{border-color: #ff8f52;}
#pro-detail .wrap5{display: block;}
#pro-detail .wrap5-m{display: none;}


#pro-detail .one .right{width: 50%;padding: 0 13.541% 0 3.125%;}
#pro-detail .one .right .title{font-size: 36px;color: #fff;font-family:"CircularStd-Medium";}
#pro-detail .one .right .brief{font-size: 18px;color: #999;margin-top: 5px;}
#pro-detail .one .right .score{margin: 35px auto;}
#pro-detail .one .right .score .num{font-size: 16px;color: #ccc;margin-top: 3px;display: inline-block;margin-left: 5px;}
#pro-detail .one .right .score .icon{width: 18px;height: 17px;background: url(/images/icon41.png) no-repeat center;margin-left: 10px;margin-top: 5px;}
#pro-detail .one .right .tit{margin-bottom: 16px;color: #fff;font-size: 18px;}
#pro-detail .one .right .quan{margin-bottom: 35px;}
#pro-detail .one .right .quan .qty-jisuan{background: #333;width: 120px;height: 40px;margin-right: 16px;position: relative;border-radius: 5px;}
#pro-detail .one .right .quan .qty-jisuan .jia{background: url(/images/quan-top.png) no-repeat center;width: 10px;height: 6px;position: absolute;top: 11px;right: 15px;cursor: pointer;}
#pro-detail .one .right .quan .qty-jisuan .jian{background: url(/images/quan-bot.png) no-repeat center;width: 10px;height: 6px;position: absolute;bottom: 11px;right: 15px;cursor: pointer;}
#pro-detail .one .right .quan .qty-jisuan > input{height: 100%;width: 67px;text-align: left;float: left;padding-left: 14px;font-size: 16px;color: #fff;}
#pro-detail .one .right .quan .t2{font-size: 16px;color: #999;margin-right: 15px;}
#pro-detail .one .right .price{margin-bottom: 25px;}
#pro-detail .one .right .price .p1{font-size: 40px;color: #ff8f52;vertical-align: baseline;margin-right: 15px;}
#pro-detail .one .right .price .p1 span{font-size: 40px;font-family: "CircularStd-Bold";}
#pro-detail .one .right .price .p2{font-size: 20px;color: #ccc;text-decoration: line-through;vertical-align: baseline;}
#pro-detail .one .right .buy{margin-bottom: 40px;}
#pro-detail .one .right .buy .btn{font-size: 18px;background: #ff8f52;color: #fff;width: 180px;height: 50px;line-height: 48px;text-align: center;border: 1px solid #ff8f52;border-radius: 25px;margin-right: 20px;margin-top: 0;}
#pro-detail .one .right .buy .btn:hover{background: none;color: #ff8f52;}
#pro-detail .one .right .buy .like{margin-left: 15px;}
#pro-detail .one .right .buy .like .icon{width: 21px;height: 21px;background: url(/images/like1.png) no-repeat center;margin: 0 auto;cursor: pointer;}
#pro-detail .one .right .buy .like .icon.on{background: url(/images/like2.png) no-repeat center;}
#pro-detail .one .right .buy .like .num{font-size: 16px;color: #999;margin-top: 10px;}
#pro-detail .one .right .tips{padding: 20px;background: #333;border-radius: 8px;margin-bottom: 33px;}
#pro-detail .one .right .tips .t1{font-size: 14px;color: #ff8f52;margin-bottom: 10px;}
#pro-detail .one .right .tips .li{font-size: 16px;color: #ccc;line-height: 24px;}
#pro-detail .one .right .tips .li .t2{font-size: 16px;color: #ff8f52;}
#pro-detail .one .right .tips .li .t3{font-size: 16px;color: #fff;text-decoration: underline;}
#pro-detail .one .right .free .t{font-size: 16px;color: #999;padding-left: 36px;line-height: 30px;}
#pro-detail .one .right .free .t.t1{background: url(/images/icon47.png) no-repeat left;}
#pro-detail .one .right .free .t.t2{background: url(/images/icon48.png) no-repeat left;}
#pro-detail .one .right .free .t.t3{background: url(/images/icon49.png) no-repeat left;}
#pro-detail .two{border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;}
#pro-detail .two .container{max-width: 100%;height: 60px;line-height: 60px;}
#pro-detail .two .container .slide{width: auto;margin: 0 35px;}
#pro-detail .two .container .slide a{font-size: 18px;color: #333;font-family:"CircularStd-Medium";}
#pro-detail .two .container .slide a.cur{color: #ff8f52;}
#pro-detail .two .container .slide:hover a{color: #ff8f52;}
#pro-detail .three{padding-top: 100px;}
#pro-detail .three .inner-title{padding: 0 360px;}
#pro-detail .three .inner-descript{padding: 0 220px;}
#pro-detail .three .img{margin-top: 60px;}
#pro-detail .four{padding-top: 100px;}
#pro-detail .four .con{margin-top: 35px;}
#pro-detail .four .list{height: 60px;line-height: 60px;}
#pro-detail .four .list *{font-size: 18px;color: #666;}
#pro-detail .four .list:nth-child(2n+1){background: #f8f8f8;}
#pro-detail .four .list .t1{width: 21.428%;padding-left: 1.785%;}
#pro-detail .four .list .t2{width: 78.572%;}
#pro-detail .five{padding-top: 100px;}
#pro-detail .five .con{margin-top: 35px;}
#pro-detail .five .container{padding-bottom: 60px;}
#pro-detail .five .swiper-pagination-bullet{margin: 0 10px;background: #ccc;opacity: 1;}
#pro-detail .five .swiper-pagination-bullet-active{background: #ff8f52;}
#pro-detail .five .item{width: 22.857%;margin: 0 2.857% 0 0;border: 1px solid #efefef;background: #fff;}
#pro-detail .five .item .discount{width: 50px;height: 50px;background: url(/images/icon34.png) no-repeat center;top: 0;right: 0;z-index: 10;}
#pro-detail .five .item .discount>div{font-size: 16px;color: #fff;font-family:CircularStd-Bold;line-height: 50px;text-align: center;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
#pro-detail .five .item .img{width: 100%;}
#pro-detail .five .item .img:before{display: block;content: "";width: 100%;padding-top: 100%;}
#pro-detail .five .item .text{padding: 40px 0;text-align: center;}
#pro-detail .five .item .t1{font-size: 20px;color: #333;font-family:CircularStd-Bold;margin-bottom: 10px;}
#pro-detail .five .item .t2{font-size: 20px;color: #333;}
#pro-detail .five .item .t3{font-size: 16px;color: #888;margin-left: 13px;text-decoration: line-through;vertical-align: bottom;}
#pro-detail .five .item .anniu{height: 40px;top: -20px;left: 0;width: 100%;display: none;}
#pro-detail .five .item .anniu a{width: 40px;height: 40px;border-radius: 50%;}
#pro-detail .five .item .anniu a:nth-child(1){background: url(/images/icon35.png) no-repeat center;margin-right: 20px;}
#pro-detail .five .item .anniu a:nth-child(2){background: url(/images/icon36.png) no-repeat center;}
#pro-detail .five .item:hover .text{background: #f7f7f7;}
#pro-detail .five .item:hover .anniu{display: block;}
#pro-detail .six{padding-top: 100px;}
#pro-detail .six .top{border-bottom: 2px solid transparent;}
#pro-detail .six .top.on{border-bottom: 2px solid #e8e8e8;}
#pro-detail .six .top.on .revi{margin-bottom: 140px;}
#pro-detail .six .top .revi{padding: 50px 0;background: #f8f8f8;margin-top: 50px;}
#pro-detail .six .top .revi .left{width: 50%;border-right: 1px solid #e3e3e3;text-align: center;}
#pro-detail .six .top .revi .left .le{margin-right: 75px;}
#pro-detail .six .top .revi .left .le .c1{font-size: 40px;color: #333;font-family:CircularStd-Bold;}
#pro-detail .six .top .revi .left .le .c2{margin: 10px 0;}
#pro-detail .six .top .revi .left .le .c3{font-size: 16px;color: #666;}
#pro-detail .six .top .revi .left .ri .leng{font-size: 16px;color: #666;margin-bottom: 8px;}
#pro-detail .six .top .revi .left .ri .leng .all{width: 93px;height: 7px;background: #e3e3e3;top: 5px;margin-left: 8px;}
#pro-detail .six .top .revi .left .ri .leng .all .al{width: 60%;height: 100%;background: #ff8f52;left: 0;top: 0;}
#pro-detail .six .top .revi .right{width: 50%;text-align: center;margin-top: 30px;}
#pro-detail .six .top .revi .right .con .tit{font-size: 16px;color: #666;}
#pro-detail .six .top .revi .right .con .qua-box{margin-top: 20px;}
#pro-detail .six .top .revi .right .con .qua-box .qua{width: 20px;height: 5px;background: #ff8f52;}
#pro-detail .six .top .write-btn{width: 200px;height: 50px;border-radius: 25px;border: 1px solid #999;right: 0;bottom: 20px;line-height: 50px;font-size: 16px;color: #333;display: none;}
#pro-detail .six .top .write-btn .icon{width: 18px;height: 17px;background: url(/images/icon51.png) no-repeat center;margin: 16px 10px 0 0;}
#pro-detail .six .write-cont{padding-top: 60px;display: none;}
#pro-detail .six .write-cont .tips{color: #ff0000;margin-right: 5px;}
#pro-detail .six .write-cont .tit{font-size: 22px;color: #333;margin-bottom: 40px;}
#pro-detail .six .write-cont .note{font-size: 18px;color: #333;margin-bottom: 30px;}
#pro-detail .six .write-cont .score{font-size: 18px;color: #333;margin-bottom: 30px;line-height: 28px;}
#pro-detail .six .write-cont .score .star{margin-left: 15px;}
#pro-detail .six .write-cont .t{font-size: 18px;color: #333;margin-bottom: 15px;}
#pro-detail .six .write-cont .inp{width: 100%;height: 50px;border: 1px solid #999;border-radius: 5px;padding: 0 10px;margin-bottom: 30px;font-size: 18px;}
#pro-detail .six .write-cont .textarea{width: 100%;height: 100px;border: 1px solid #999;resize: none;border-radius: 5px;padding: 10px 10px 0;margin-bottom: 30px;font-size: 18px;}
#pro-detail .six .write-cont .file{width: 100px;height: 100px;border: 1px solid #ccc;border-radius: 5px;background: url(/images/icon53.png) no-repeat center;margin-bottom: 30px;}
#pro-detail .six .write-cont .t1{font-size: 16px;color: #666;line-height: 24px;margin: 25px 0 0 22px;}
#pro-detail .six .write-cont .checkbox{font-size: 16px;color: #666;}
#pro-detail .six .write-cont .qua-box{margin-bottom: 10px;height: 26px;line-height: 26px;}
#pro-detail .six .write-cont .qua-box label{padding-left: 28px;background: url(/images/icon54.png) no-repeat left;width: 130px;display: inline-block;vertical-align: middle;height: 100%;font-size: 16px;color: #666;}
#pro-detail .six .write-cont .qua-box label.cur{background: url(/images/icon55.png) no-repeat left;}
#pro-detail .six .write-cont .qua-box .qua{width: 20px;height: 5px;background: #ccc;margin-right: 3px;}
#pro-detail .six .write-cont .qua-box .qua.on{background: #ff8f52;}
#pro-detail .six .write-cont .qua-box .inline-block{vertical-align: middle;}
#pro-detail .six .write-cont .msg{}
/*
#pro-detail .six .write-cont .msg .m{width: 40%;margin-top: 35px;}
#pro-detail .six .write-cont .msg .m .input{width: 96.551%;border: 1px solid #999;display: inline-block;height: 50px;border-radius: 3px;}
#pro-detail .six .write-cont .msg .m .input input[type="text"]{width: 100%;font-size: 18px;text-indent: 10px;}
#pro-detail .six .write-cont .msg .m1{width: 17.142%;}
#pro-detail .six .write-cont .msg .m1 .submit{height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 18px;background: #ff8f52;display: inline-block;width: 100%;margin-top: 70px;border-radius: 3px;}
*/
#pro-detail .six .write-cont .msg .m{width: 40%;margin-top: 35px;}
#pro-detail .six .write-cont .msg.visitor .m{width: 27%;}
#pro-detail .six .write-cont .msg .m .input{width: 96.551%;border: 1px solid #999;display: inline-block;height: 50px;border-radius: 3px;}
#pro-detail .six .write-cont .msg .m .input input[type="text"]{width: 100%;padding: 0 20px;font-size: 14px;}
#pro-detail .six .write-cont .msg .m1{width: 17.142%;}
#pro-detail .six .write-cont .msg .m1 .submit{height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 18px;background: #ff8f52;display: inline-block;width: 100%;margin-top: 70px;border-radius: 3px;}
#pro-detail .six .write-cont .msg .m select{width: 100%;height: 100%;padding: 0 5px;font-size: 14px;}

#pro-detail .six .rev-nav{margin-top: 60px;border-bottom: 2px solid #e8e8e8;}
#pro-detail .six .rev-nav .nav{margin-right: 28px;padding: 0 19px 25px;display: inline-block;font-size: 18px;color: #333;}
#pro-detail .six .rev-nav .nav.cur{border-bottom: 2px solid #ff8f52;color: #ff8f52;}
#pro-detail .six .rev-nav .nav:hover{color: #ff8f52;}
#pro-detail .six .rev-nav .write-btn{width: 200px;height: 50px;border-radius: 25px;border: 1px solid #999;right: 0;bottom: 20px;line-height: 50px;font-size: 16px;color: #333;transform: translateY(-20px);}
#pro-detail .six .rev-content{margin-bottom: 60px;}
#pro-detail .six .rev-content .list{padding: 40px 0 55px;border-bottom: 1px solid #e8e8e8;}
#pro-detail .six .rev-content .list .date{font-size: 16px;color: #888;top: 45px;right: 0;}
#pro-detail .six .rev-content .list .help{right: 0;bottom: 20px;}
#pro-detail .six .rev-content .list .help .t{font-size: 14px;color: #666;}
#pro-detail .six .rev-content .list .help .zan{background: url(/images/icon57.png) no-repeat left;padding-left: 22px;margin-left: 10px;}
#pro-detail .six .rev-content .list .help .zan.on{background: url(/images/icon59.png) no-repeat left;}
#pro-detail .six .rev-content .list .help .cai{background: url(/images/icon58.png) no-repeat left;padding-left: 22px;margin-left: 20px;}
#pro-detail .six .rev-content .list .help .cai.on{background: url(/images/icon60.png) no-repeat left;}
#pro-detail .six .rev-content .list .user{width: 230px;}
#pro-detail .six .rev-content .list .user .name{font-size: 16px;color: #333;}
#pro-detail .six .rev-content .list .user .name .icon{width: 17px;height: 17px;background: url(/images/icon56.png) no-repeat center;margin-left: 8px;display: inline-block;vertical-align: top;}
#pro-detail .six .rev-content .list .user .area{font-size: 14px;color: #666;background: url(/images/icon62.png) no-repeat left;padding-left: 26px;margin-top: 8px;}
#pro-detail .six .rev-content .list .content{width: calc(100% - 230px);}

#pro-detail .six .rev-content .list .content .score{margin-bottom: 15px;}
#pro-detail .six .rev-content .list .content .score span{margin-left: 5px;font-size: 14px;color: #666;}
#pro-detail .six .rev-content .list .content .p1{font-size: 16px;color: #666;margin-bottom: 14px;}
#pro-detail .six .rev-content .list .content .p1 span{font-size: 16px;color: #333;}
#pro-detail .six .rev-content .list .content .p2{font-size: 16px;color: #666;margin-bottom: 22px;}
#pro-detail .six .rev-content .list .content .p2 .qua{width: 20px;height: 5px;background: #ff8f52;margin-top: 9px;}
#pro-detail .six .rev-content .list .content .p3{font-size: 18px;color: #333;margin-bottom: 12px;}
#pro-detail .six .rev-content .list .content .p4{font-size: 16px;color: #666;margin-bottom: 12px;margin-bottom: 25px;line-height: 24px;}
#pro-detail .six .rev-content .list .content .p5{}
#pro-detail .six .rev-content .list .content .p5 .pic{width: 100px;height: 100px;margin-right: 10px;}
#pro-detail .six .rev-content .list .content .p5 .pic .play{width: 30px;height: 31px;background: url(/images/rev-play.png) no-repeat center;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.upload .upload-img{margin-left: 10px;margin-top: 20px;}
.upload .upload-img .img{width: 66px;height: 66px;border: solid 1px #ccc;margin-left: 10px;position: relative;}
.upload .upload-img .img:first-child{margin-left: 0;}
.upload .upload-img .img .btnss{width: 16px;height: 16px;background: #ff8f52 url(/images/check2.png) no-repeat center center;right: -7px;top: -7px;border-radius: 50%;z-index: 1;position: absolute;cursor: pointer;}
.upload .upload-img .img video{width: 100%;height: 100%;object-fit: contain;}

#pro-detail .seven{padding-bottom: 100px;}
#pro-detail .seven .title{font-size: 40px;color: #333;background: #f8f8f8;padding: 22px 0;}
#pro-detail .seven .content{margin-top: 30px;}
#pro-detail .seven .list{border-bottom: 2px solid #f2f2f2;padding: 38px 40px 38px 20px;min-height: 120px;}
#pro-detail .seven .list .tit .t1{font-size: 20px;color: #333;padding-left: 34px;width: calc(100% - 100px);line-height: 44px;font-family:CircularStd-Bold;}
#pro-detail .seven .list .tit .t1:before{display: block;position: absolute;content: "";width: 12px;height: 12px;border: 3px solid #ccc;left: 0;top: 13px;border-radius: 50%;}
#pro-detail .seven .list .tit .ico{width: 45px;height: 45px;border: 1px solid #333;cursor: pointer;}
#pro-detail .seven .list .tit .ico:before,
#pro-detail .seven .list .tit .ico:after{display: block;position: absolute;content: "";background: #333;}
#pro-detail .seven .list .tit .ico:before{width: 2px;height: 12px;top: calc(50% - 6px);left: calc(50% - 1px);}
#pro-detail .seven .list .tit .ico:after{width: 12px;height: 2px;top: calc(50% - 1px);left: calc(50% - 6px);}
#pro-detail .seven .list .editor{padding-left: 34px;width: calc(100% - 100px);margin-top: 35px;display: none;}
#pro-detail .seven .list.on{background: #f7f7f7;}
#pro-detail .seven .list.on .t1{color: #ff8f52;}
#pro-detail .seven .list.on .t1:before{border: 3px solid #ff8f52;}
#pro-detail .seven .list.on .tit .ico{border: 1px solid #ff8f52;background: #ff8f52;}
#pro-detail .seven .list.on .tit .ico:before{background: #ff8f52;}
#pro-detail .seven .list.on .tit .ico:after{background: #fff;}
#pro-detail .seven .more{width: 180px;height: 50px;line-height: 48px;border: 1px solid #999;border-radius: 25px;font-size: 18px;color: #333;margin: 60px auto;text-align: center;}
#pro-detail .seven .more .icon{margin-left: 12px;width: 10px;height: 6px;background: url(/images/icon63.png) no-repeat center;}
#pro-detail .seven .download{padding-top: 60px;border-top: 1px solid #e8e8e8;}
#pro-detail .seven .download .down{width: 50%;padding: 0 40px;background: url(/images/icon61.png) no-repeat left;font-size: 20px;color: #333;line-height: 36px;margin-bottom: 20px;}

#faq .message{margin: 100px auto 0;background: #fff;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);border-radius: 10px;padding: 55px 50px 80px;}
#faq .message .tit{margin-bottom: 85px;font-size: 32px;font-family:CircularStd-Medium;text-align: center;}
#faq .message .form .input{width: 30.769%;margin: 0 3.8465% 2.6923% 0;}
#faq .message .form .input:nth-child(3){margin-right: 0;}
#faq .message .form .input.w1{width: 100%;margin-right: 0;}
#faq .message .form .input .t1{font-size: 18px;font-family:CircularStd-Medium;}
#faq .message .form .input .t1 span{color: red;}
#faq .message .form .input textarea,
#faq .message .form .input input{display: block;border-bottom: 1px solid #999;width: 100%;font-size: 16px;height: 45px;line-height: 45px;}
#faq .message .form .input textarea{height: 130px;}
#faq .message .form label{width: 160px;height: 50px;line-height: 50px;margin: 40px auto 0;text-align: center;border-radius: 5px;color: #fff;background: #ff8f52;font-size: 20px;}

.top-bg.pc{display: block;}
.top-bg.mobile{display: none;}
.top-bg.pc .slide img{width: 100%;}
.top-bg .swiper-pagination-bullet{background: #fff;opacity: 0.5;margin: 0 10px !important;}
.top-bg .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ff8f52;opacity: 1;}
.top-bg .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 40px;}


/*领取优惠券弹窗*/
#alert-box{width: 100%;height: 100%;background: rgba(0,0,0,.3);left: 0;top: 0;z-index: 1000;}
#act-alert1{padding: 20px 25px;}
#act-alert1 .close{width: 32px;height: 32px;background: url(/images/al-close-icon.png) no-repeat center;top: -16px;right: -16px;}
#act-alert1 .t1{font-size: 24px;color: #333;margin-bottom: 15px;}
#act-alert1 .t2{font-size: 24px;color: #333;margin-bottom: 40px;}
#act-alert1 .t2 span{color: #ff8f52;}
#act-alert1 .t3{font-size: 18px;color: #666;margin-bottom: 20px;}
#act-alert1 .t3 span{font-size: 24px;color: #333;margin-left: 12px;}
#act-alert1 .list{padding: 25px;border: 2px solid #eaeaea;margin-bottom: 20px;border-radius: 5px;position: relative;}
#act-alert1 .list .text{}
#act-alert1 .list .text .t4{font-size: 18px;color: #333;line-height: 24px;}
#act-alert1 .list .text .t5{font-size: 16px;color: #666;line-height: 24px;}
#act-alert1 .list .pic-box{margin-top: 12px;}
#act-alert1 .list .pic-box .pic{margin-left: 20px;}
#act-alert1 .list:hover,#act-alert1 .list.cur{border: 2px solid #ff8f52;background: #f4f4f4;}
#act-alert1 .list .radio{opacity: 0;left: 0;top: 0;z-index: 1;}
#act-alert1 .pay{width: 140px;height: 50px;background: #ff8f52;color: #fff;line-height: 50px;font-size: 18px;margin: 40px auto 0;border-radius: 25px;border: solid 1px #ff8f52;cursor: pointer;}
#act-alert1 .pay:hover{background: none;color: #ff8f52;}
#act-alert2{padding: 25px 50px;}
#act-alert2 .close{width: 32px;height: 32px;background: url(/images/al-close-icon.png) no-repeat center;top: -16px;right: -16px;}
#act-alert2 .t1{font-size: 24px;color: #333;margin-bottom: 40px;}
#act-alert2 .icon1{width: 76px;height: 77px;margin: 0 auto 40px;}
#act-alert2 .t2{font-size: 20px;color: #333;line-height: 30px;}
#act-alert2 .t2 span{color: #ff8f52;}
#act-alert2 .t2 a{text-decoration: underline;}
#act-alert2 .coupon{margin-top: 45px;width: 100%;background: #f8f8f8;padding: 15px 0;border-radius: 8px;}
#act-alert2 .coupon .arc{width: 20px;height: 20px;background: #fff;border-radius: 100%;z-index: 2;}
#act-alert2 .coupon .arc.arc1{top: -10px;left: 160px;}
#act-alert2 .coupon .arc.arc2{bottom: -10px;left: 160px;}
#act-alert2 .coupon .left{width: 170px;border-right: 1px dashed #d8d8d8;}
#act-alert2 .coupon .left .t3{font-size: 36px;color: #ff8f52;margin-bottom: 15px;padding-top: 12px;line-height: 40px;}
#act-alert2 .coupon .left .t4{font-size: 16px;color: #666;padding: 0 20px 12px;line-height: 25px;}
#act-alert2 .coupon .right{width: calc(100% - 170px);padding: 15px 20px 15px 30px;}
#act-alert2 .coupon .right .t5{font-size: 16px;color: #888;margin-bottom: 8px;line-height: 20px;}
#act-alert2 .coupon .right .t5 span{color: #666;}
#act-alert2 .coupon .right .t6{font-size: 16px;color: #888;margin-top: 20px;}
#act-alert2 .coupon .right .t6 span{color: #333;}
#act-alert2 .coupon .right .t6 .icon{width: 18px;height: 19px;background: url(/images/add-icon1.png) no-repeat center;margin-left: 10px;}
#act-alert2 .coupon .right .t6 .icon2{width: 57px;height: 19px;background: url(/images/amazon.png) no-repeat center;margin-left: 15px;background-size: contain;}
#act-alert2 .coupon .buy{font-size: 18px;color: #fff;background: #ff8f52;width: 100px;height: 36px;line-height: 36px;right: 20px;bottom: 40px;border-radius: 18px;cursor: pointer;border: solid 1px #ff8f52;}
#act-alert2 .coupon .buy:hover{background: none;color: #ff8f52;}

/*产品评论成功提示弹窗*/
#sub-suc-box{/* position: fixed; */z-index: 1000;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;/* background: rgba(0,0,0,.5); */}
#sub-suc-box .content{width: 100%;padding: 85px 0;background: #fff;border-radius: 8px;/* left: 50%; *//* top: 50%; *//* transform: translate(-50%,-50%); */}
#sub-suc-box .content .close{width: 32px;height: 32px;background: url(/images/al-close-icon.png) no-repeat center;top: -16px;right: -16px;}
#sub-suc-box .content .icon{width: 63px;height: 80px;margin: 0 auto;}
#sub-suc-box .content .text{font-size: 24px;color: #333;line-height: 28px;margin-top: 35px;}