html, body, div, p, ul, ol, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, input, fieldset, legend, optgroup { margin:0; padding:0; }
html, body { font-family:Arial, "微软雅黑"; font-size:12px; color:#333; line-height:21px; letter-spacing: 0;overflow-x:hidden;height: 100%;}
h1, h2, h3, h4, h5, h6, em, strong, input, textarea { font-family:Arial, "微软雅黑"; font-size:14px; font-style:normal; font-weight:normal; }
ul, li { list-style:none; }
input, select, textarea { font-size:14px; vertical-align:middle; }
textarea { border:1px solid #d4d4d4; }
a img { border:0; }
a:link, a:visited {/*L-V-H-A*/ text-decoration:none; }
a:hover, a:active { text-decoration:none; }
a.a_blue{color: blue;}
#home{ background: #f2f2f2;}
.bgb{ background: #fff;}
/*后加top*/
.top{ background: #191919; width: 100%; min-width: 1200px; padding: 26px 0; overflow: hidden;}
.top-main{ width: 1200px; margin: 0 auto;}
.top-main-l{ float: left; width: 800px;}
.top-main-l dt{ float: left; margin-right: 20px;}
.top-main-l p{ font-size: 30px; font-weight: bolder; color: #cf010e; padding-bottom: 4px; line-height: 34px;}
.top-main-l span{ font-size: 16px; color: #f2f2f2;}
.top-main-r{ float: right; display: block; width: 190px; height: 48px; font-size: 18px; line-height: 48px; color: #fff; text-align: center; background: #cf010e; border-radius: 3px; margin-top: 6px;}
.top-main-r:hover{ color: #fff; text-decoration: underline; }
/*手机top*/
.top.modile{ background: #191919; width: 100%; padding: 16px; overflow: hidden; min-width: 300px; box-sizing: border-box; max-width: 640px; margin: 0 auto; border-bottom: 1px solid #666;}
.top.modile .top-main{ margin: 0 auto; max-width: 640px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; width: 100%;}
.top.modile .top-main-l{ width: 100%;}
.top.modile .top-main-l dl{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%}
.top.modile .top-main-l dt{ float: left; margin-right: 0; width: 20%; max-width: 40px;}
.top.modile .top-main-l dt img{ display: block; width: 100%;}
.top.modile .top-main-l dd{ width: 80%; padding-left: 12px; box-sizing: border-box; line-height: 16px;}
.top.modile .top-main-l p{ font-size: 20px; font-weight: bolder; color: #cf010e; padding-bottom: 4px;}
.top.modile .top-main-l span{ font-size: 14px; color: #f2f2f2;}
.top.modile .top-main-r{ float: right; display: block; width: 49%; height: auto; font-size: 14px; line-height: 32px; color: #fff; text-align: center; background: #cf010e; border-radius: 3px; margin-top: 20px;}
.top.modile .top-main-r:hover{ color: #fff; text-decoration: underline; }
.top.modile .top-main-i{ display: inline-block; line-height: 32px; font-size: 14px; padding: 0; border-radius: 3px; background-image: linear-gradient(to right, rgb(255,125,0), rgb(255,18,0)); color: #fff; float: right; margin-top: 20px; width: 49%; margin-left: 2%; text-align: center; box-sizing: border-box;}
/*顶部信息*/
#top1 { width: 100%; height: 30px; background: #fff; min-width: 1200px; position: relative; z-index: 999;}
.main_auto { width: 1200px; margin: 0 auto;}
.left_menu { float: left; color: #999; line-height: 30px; cursor: pointer; position: relative; transition:all .3s;}
/* .left_menu span{ float: left;} */
.left_menu .lang_img01_country{ margin-top: 8px;}
.left_menu .lang_img02{ width: 10px; height: 6px; margin: 12px 0 0 6px;}
.lang_lists { position: absolute; background: #fff; top: 30px; border: 1px solid #e9e9e9; /*border-top: none;*/ right: -1px; width: 100%; font-size: 14px; z-index: 999; display: none; transition:all .3s;}
.left_menu:hover .lang_lists{ display: block;}
.lang_lists ul>li { padding: 0; cursor: pointer; text-align: center; line-height: 30px;}
.lang_lists ul>li:hover a{ color: #cf010e;}
.sn-quick-menu { display: inline-block; float: right; line-height: 30px; color: #999;}
.sn-quick-menu li { float: left; margin: 0 0 0 30px; position: relative;}
.sn-quick-menu li:hover .lang_lists{ display: block;}
.sn-quick-menu li a { display: inline-block; height: 30px; line-height: 30px; color: #999; font-size: 12px;}
.sn-quick-menu li .red{ color: #cf010e;}
.sn-quick-menu li a:hover{color: #cf010e;}
.carCount{color: #e02323;font-weight: bold;margin-left: 1px;}
..sn-quick-menu .AZGIANT{ height: 30px;}
.sn-quick-menu .AZGIANT p{ background: url(../images/icon/icon01.png) no-repeat center right; width: 14px; float: right; display: inline-block; height: 30px;}
.sn-quick-menu .AZGIANT:hover p{ background: url(../images/icon/icon01_red.png) no-repeat center right;}
.sn-quick-menu li .lang_lists{ width: 140px;}
.sn-quick-menu li .lang_lists ul li{ float: none; margin: 0;}
.header-row{position: relative;height: 24px;border-bottom: 2px solid #e2e2e2;margin: 10px 0;}
.header-row>span{position: absolute;left: 0;bottom: -2px;float: left;display: inline;height: 24px;padding: 0 10p;border-bottom: 2px solid #cf010e;}
.header-row>span>span{display: inline;float: left;height: 18px;line-height: 19px;font-size: 14px;font-weight: bold;color: #000;border-left: 4px solid #cf010e;padding: 0 20px 0 10px;color: default;}
layui-breadcrumb a:hover{color: #cf010e;}
.login_video{ float: left; font-size: 14px; height: 22px; margin: 4px 0 0 12px;}
.login_video a{ display: inline-block; line-height: 22px; font-size: 14px; padding: 0 16px; border-radius: 20px; background-image: linear-gradient(to right, rgb(255,125,0), rgb(255,18,0)); color: #fff; position: relative;overflow: hidden;}
.login_video a:hover{ color: #fff;}
/*手机顶部信息*/
.main_auto.pro-lists.mobile{ width: 100%; margin: 0 auto; max-width: 640px; padding: 0 16px; box-sizing: border-box;}
.top01.mobile{ width: 100%; background: #191919; max-width: 640px; padding: 0 16px; box-sizing: border-box; height: 46px; margin: 0 auto;}
.mobile-logo{ float: left;}
.mobile-logo img{ display: block; height: 45px; width: auto;}
.top01-mobile-r{ float: right;}
.top01.mobile .left_menu01{ margin: 6px 10px 0 0;}
.left_menu01 { float: left; color: #999; line-height: 30px; cursor: pointer; position: relative; transition:all .3s;}
.top01.mobile .nav-cart{ float: left;}
.top01.mobile .nav-cart{ height: 34px; border-radius: 3px; margin-top: 5px; float: left; overflow: hidden; padding:0 0 0 16px; background: url(../images/svg/topcart.svg)no-repeat 0px 6px ; margin-left: 0; background-size: 22px auto;}
.top01.mobile .cart-num{ display: inline-block; background: #cf010e; color: #fff; padding: 1px 4px; font-size: 10px; line-height: 12px; border-radius: 10px; margin-top: 2px;}
.top01.mobile .cart-num-box{ display: inline-block; padding-right: 0; height: 28px; float: left; }
.Personal-Center{ display: inline-block; width: 34px; height: 34px; float: left; margin: 5px 6px 0 0;}
.Personal-Center .TopPersonal{ width: 22px; margin: 5px 0 0 6px;}
.mob-nav-close,.btn-nav02{ display: block; float: right; margin: 7px 0 0 14px; padding: 7px; }
/*手机搜索*/
.nav-search-mobile{ width: 100%; max-width: 640px; margin: 0 auto; min-width: 200px;background: #191919; padding: 14px 16px; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #666;}
.nav-search-mobile .nav-search{ width: 100%; height: 32px; border-radius: 3px; margin-top: 0; float: none; overflow: hidden;}
.nav-search-mobile .topsearchtxt{ width: 84%; height: 32px; line-height: 32px; font-size: 12px; color: #333; border: none; outline: none; box-sizing:border-box; padding: 0 10px; background: #fff; float: left; }
.nav-search-mobile #Submittop{ background: url(../images/search.jpg)no-repeat center center #cf010e; height: 32px; box-sizing:border-box; border: none;width: 16%; float: left; color: #fff; padding-left: 16px; font-size: 12px; cursor: pointer; text-indent: -9999px;}
/*手机滑出导航*/
.mob-nav,.mob-nav01{ width: 100%; min-width: 200px; background: rgba(0,0,0,1); position: fixed; top: 0; right: -120%; z-index: 3; padding: 0; box-sizing: border-box; height: 100%; overflow-y: hidden; transition:all .2s; }
.mob-nav.mob-nav-open,.mob-nav01.mob-nav-open{ right: 0; max-width: 640px;}
.mob-nav001{ overflow: hidden; max-width: 640px;}
.mob-nav001 li{ border-bottom: 1px solid #666; position: relative;}
.mob-open{ width: 12px; height: 12px; padding: 12px; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 2; -webkit-transition:all .1s; transition:all .1s;}
.mob-cloes{ -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.mob-nav001 li>a{ color: #fff; display: block; padding: 10px 14px; font-size: 14px; box-sizing: border-box;}
.mob-er-nav{ overflow: hidden; display: none; background: #383838;}
.mob-er-nav a{ color: #fff; display: block; padding: 8px 14px; font-size: 14px; border-top: 1px solid #666;}
/*首页横向 导航*/
.main-nav-box{ width: 100%; height: 50px; background: #181818; min-width: 1200px;}
.main-nav-center{ width: 1200px; margin: 0 auto; height: 50px;}
.inner-con2{ float: left;}
.main-nav-r{ float: right;}
.main-nav01{ float: left; margin-right: 10px;}
.main-nav01 a{ float: left; padding: 0 24px; color: #fff; line-height: 50px; font-size: 16px;max-width: 102px;overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-nav01 a:hover{ background: #cf010e; color: #fff;}
/*首页横向 搜索*/
.nav-search{ width: auto; height: 28px; border-radius: 3px; margin-top: 11px; float: left; overflow: hidden;}
.topsearchtxt{ width: 174px; height: 28px; line-height: 28px; font-size: 12px; color: #333; border: none; outline: none; box-sizing:border-box; padding: 0 10px; background: #fff; float: left; }
#Submittop{ background: url(../images/search.jpg)no-repeat #cf010e; height: 28px; box-sizing:border-box; border: none;width: auto; float: left; color: #fff; padding:0 10px 0 26px; font-size: 12px; cursor: pointer;}
.topCom2.topCom3 .nav-search.nav-search02{ margin: 0;}
.topCom2.topCom3 .topsearchtxt{ width: 280px; height: 34px; line-height: 28px; font-size: 14px;}
.topCom2.topCom3 .nav-search{ height: 36px;}
.topCom2.topCom3 #Submittop{ height: 34px; background: url(../images/search.jpg)no-repeat 0 center #cf010e; font-size: 14px;}
/*首页横向 购物车*/
.nav-cart{ height: 28px; border-radius: 3px; margin-top: 11px; float: left; overflow: hidden; padding:0 14px 0 28px; background: url(../images/icon/car01.png)no-repeat 16px center #fff; margin-left: 10px;}
.cart-num{ display: inline-block; background: #cf010e; color: #fff; padding: 1px 4px; font-size: 10px; line-height: 12px; border-radius: 10px; margin-top: 2px;}
.cart-num-box{ display: inline-block; padding-right: 6px; height: 28px; float: left; }
.cart-money{ display: inline-block; line-height: 28px; font-size: 14px; color: #666; float: right;}
/*banner*/
#banner{ position: relative; width: 100%;position: relative; min-width: 1200px; height: 600px;z-index: 1;}
.c-banner{width: 100%;position: relative; min-width: 1200px; height: 600px; z-index: 1;}
.c-banner .banner001 ul{list-style: none;padding-left: 0px;margin-bottom: 0px; width: 100%; height: 600px;}
.c-banner .banner001 ul li{position: absolute; display: none;opacity: 0; width: 100%; height: 600px; min-width: 1200px; }
.c-banner .banner001 ul li#box-img01{ background: url(../images/b1.jpg)no-repeat center center; }
.c-banner .banner001 ul li#box-img02{ background: url(../images/b1.jpg)no-repeat center center;}
.c-banner .banner001 ul li#box-img03{ background: url(../images/b1.jpg)no-repeat center center;}
.c-banner .banner001 ul li#box-img04{ background: url(../images/b1.jpg)no-repeat center center;}
.c-banner .banner001 ul li#box-img05{ background: url(../images/b1.jpg)no-repeat center center;}
.c-banner .banner001 ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .nexImg,.c-banner .preImg{position: absolute; color: white; background: rgba(125,125,120,.3); width: 40px; height: 80px; top: 50%; font-family: "宋体"; line-height: 80px; font-size: 30px; margin-top: -40px; text-align: center; cursor: pointer; color: #d70937;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{ background: rgba(125,125,120,.7);}
.c-banner .nexImg{right: 0px; border-radius: 8px 0 0 8px; display: none;}
.c-banner .preImg{ border-radius: 0 8px 8px 0; display: none;}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center; min-width: 1200px;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px; width: 1200px; margin: auto; text-align: right;}
.c-banner .jumpBtn ul li{width: 20px;height: 6px;border-radius: 3px;display: inline-block;background-color: white;opacity: 0.9;margin-left: 4px; cursor: pointer;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}
.banner001{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.bbg{ width: 100%; height: 100%; min-width: 1200px; z-index: 0; position: relative;}
/*手机banner */
#banner.mobile{ position: relative; width: 100%;position: relative; min-width: 200px; height:auto;z-index: 1; max-width: 640px; margin: 0 auto;}
#banner.mobile .c-banner{width: 100%;position: relative; min-width: 200px; height: auto; z-index: 1;}
#banner.mobile .c-banner .bbg{ display: block; width: 100%; height: auto;}
#banner.mobile .c-banner .banner001 ul{list-style: none;padding-left: 0px;margin-bottom: 0px; width: 100%; height: auto;}
.c-banner .banner001 ul li{position: absolute; display: none;opacity: 0; width: 100%; height: auto; min-width: 200px; }
#banner.mobile .c-banner .banner001 ul li#box-img01{ background: url(../images/b1.jpg)no-repeat center center; }
#banner.mobile .c-banner .banner001 ul li#box-img02{ background: url(../images/b1.jpg)no-repeat center center;}
#banner.mobile .c-banner .banner001 ul li#box-img03{ background: url(../images/b1.jpg)no-repeat center center;}
#banner.mobile .c-banner .banner001 ul li#box-img04{ background: url(../images/b1.jpg)no-repeat center center;}
#banner.mobile .c-banner .banner001 ul li#box-img05{ background: url(../images/b1.jpg)no-repeat center center;}
#banner.mobile .c-banner .banner001 ul li:nth-child(1){opacity: 1;display: block;}
#banner.mobile .c-banner .nexImg,#banner.mobile .c-banner .preImg{position: absolute; color: white; background: rgba(125,125,120,.3); width: 40px; height: 80px; top: 50%; font-family: "宋体"; line-height: 80px; font-size: 30px; margin-top: -40px; text-align: center; cursor: pointer; color: #d70937;}
#banner.mobile .c-banner .nexImg:hover,#banner.mobile .c-banner .preImg:hover{ background: rgba(125,125,120,.7);}
#banner.mobile .c-banner .nexImg{right: 0px; border-radius: 8px 0 0 8px; }
#banner.mobile .c-banner .preImg{ border-radius: 0 8px 8px 0;}
#banner.mobile .c-banner .jumpBtn{width: 100%;position: absolute;bottom: 6px;text-align: center; min-width: 200px; max-width: 640px; padding-right: 16px; box-sizing:border-box; }
#banner.mobile .c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px; width: 100%; margin: auto; text-align: right;}
#banner.mobile .c-banner .jumpBtn ul li{width: 20px;height: 6px;border-radius: 3px;display: inline-block;background-color: white;opacity: 0.9;margin-left: 4px; cursor: pointer;}
#banner.mobile .c-banner .jumpBtn ul li:first-child{margin-left: 0px;}
#banner.mobile .banner001{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
#banner.mobile .bbg{ width: 100%; height: auto; min-width: 200px; z-index: 0; position: relative;}
/*banner 上导航*/
.nav-con{ width: 1200px; position: absolute; overflow: hidden; top: 10px; z-index: 5; min-height: 200px; margin-left: -607px; left: 50%}
.normal-nav-box{ width: 240px; padding: 10px 0; background: rgba(0,0,0,.6); box-sizing:border-box; float: left;}
.normal-nav-box ul li a{ color: #fff; line-height: 38px; padding: 0 0 0 24px; box-sizing:border-box; background: url(../images/icon/icon02.png)no-repeat 220px center; display: block; font-size: 14px;}
.normal-nav-box ul li a:hover{ background: url(../images/icon/icon02.png)no-repeat 220px center rgba(207,1,14,.6);}
.normal-nav-box ul li a .partStyle{width:186px;overflow-x:hidden;white-space:pre;word-break:break-all;text-overflow:ellipsis;}
.service-float{ width: 960px; height:580px; background: rgba(255,255,255,0.7); float: right; box-sizing:border-box; padding: 20px; display: none; overflow-y: auto; }
.service-float-tit{ font-size: 16px; color: #fff; display: inline-block; padding: 6px 14px; background: #333; margin-bottom: 10px; border-radius: 3px;}
.service-float-lei{ overflow: hidden; padding-bottom: 24px;}
.service-float a{ font-size: 14px; color: #333; line-height: 28px; margin: 0 20px 0 0;}
.service-float a:hover{ text-decoration: underline; color: #cf010e;}
.service-float.act{ display: block;}
/* .service-float.hidden{ display: none;} */
/*首页优惠券*/
.coupon-box{ width: 1200px; margin: 40px auto 0;}
.coupon-tit{ height: 40px; background: none; padding: 0 0 0 0; box-sizing:border-box;}
.coupon-tit-l{ float: left; line-height: 40px; display: inline-block; padding: 0 20px 0 0;}
.coupon-tit-l p{ float: left; font-size: 30px; font-weight: bold; line-height: 40px; color: #000;}
.coupon-tit-l span{ line-height: 40px; font-size: 16px; color: #666; float: left; margin-left: 20px;}
.coupon-tit-r{ float: right; background: url(../images/icon/icon03.png) no-repeat right center; padding-right: 14px; color: #666; font-size: 14px; line-height: 40px;}
.coupon{ width: 392px; height: 154px; background: url(../images/couponbg01.jpg)no-repeat; margin: 20px 0 0 4px; float: left;}
.coupon-l{ width: 156px; height: 122px; box-sizing:border-box; float: left; padding-top: 26px; text-align: center;}
.coupon-l p{ font-size: 46px; color: #333; font-weight: bold; height: 50px; line-height: 50px;}
.coupon-l span{ font-size: 16px; color: #333; }
.coupon-r{ box-sizing:border-box; height: 122px; width: 236px; float: right; text-align: center;}
.coupon-r p{font-size: 16px; color: #000; padding-top: 30px;}
.coupon-r p span{ margin-left: 4px;}
.coupon-r a{ display: block; width: 130px; height: 34px; background: #cf010e; color: #fff; border-radius: 5px; margin: 10px auto 0; line-height: 34px; font-size: 16px;}
.coupon-b{ height: 30px; text-align: center; color: #999; width: 100%; float: left; line-height: 30px;}
.coupon:hover{ background: url(../images/couponbg02.jpg)no-repeat;}
.coupon:hover p,.coupon:hover span,.coupon:hover .coupon-b{ color: #fff;}
.coupon:hover a{ background: #fff; color: #cf010e;}
.coupon-m{margin: 20px 12px 0; }
.coupon.act{ background: url(../images/couponbg02.jpg)no-repeat;}
.coupon.act p,.coupon.act span,.coupon.act .coupon-b{ color: #fff;}
.coupon.act a{ background: #fff; color: #cf010e;}
/*修改后的优惠券*/
.coupon-box{ width: 1200px; height: 212px;}
.coupon-box-l{ width: 594px; height: 212px; background: #fff; float: left; padding-left: 24px; box-sizing:border-box; padding-top: 10px; border-radius: 5px; box-shadow: 0 0 3px #cecece;}
.coupon-tit.coupon-tit-n{ padding-right: 24px; margin-bottom: 2px;}
.coupon-tit.coupon-tit-n .coupon-tit-l p { float: left; font-size: 20px; font-weight: bold; line-height: 40px; color: #000;}
.coupon-tit.coupon-tit-n .coupon-tit-l span { line-height: 40px; font-size: 14px; color: #666; float: left; margin-left: 12px;}
.coupon01{ width: 174px; height: 140px; background: url(../images/icon/icon69.jpg)no-repeat; margin: 0 12px 0 0; float: left;}
.coupon01-t{ padding: 3px 14px 2px 4px; background: #fea31b; display: block; border-radius: 0 0 16px 0; display: inline-block;}
.coupon01-t p{font-size: 10px; color: #000; display: inline-block;}
.coupon01-t p span{ margin-left: 4px; font-size: 10px;}
.coupon-l{ width: 156px; height: 122px; box-sizing:border-box; float: left; padding-top: 26px; text-align: center;}
.coupon01-l p{ font-size: 32px; color: #333; font-weight: bolder; height: 50px; line-height: 56px; text-align: center; font-family:Arial;}
.coupon01-l span{ font-size: 14px; color: #333; font-weight: normal;}
.coupon01-r{ box-sizing:border-box; text-align: center;}
.coupon01-r a{ display: block; width: 110px; height: 30px; background: #fff; color: #333; border-radius: 5px; margin: 14px auto 0; line-height: 32px; font-size: 16px; border-radius: 3px; overflow : hidden; text-overflow: ellipsis; white-space:nowrap; }
.coupon01-b{ height: 30px; text-align: center; color: #666; width: 100%; line-height: 28px; font-size: 10px;}
.coupon01 a:hover{ background: #cf010e; color: #fff;}
.coupon01.act01 a{ background: #cf010e; color: #fff;}
.coupon-box-r{ width: 594px; height: 212px; background: #fff; float: right; padding-left: 24px; padding-top: 10px; box-sizing:border-box; border-radius: 5px; box-shadow: 0 0 3px #cecece;}
.news-flash-box{ padding-right: 24px; height: 138px; overflow: hidden;}
.news-flash{ overflow: hidden;}
.news-flash li{ overflow: hidden; line-height: 28px;}
.news-flash li a{ display: block; width: 430px; float: left; overflow : hidden; text-overflow: ellipsis; white-space:nowrap; }
.news-flash li a:hover{ color: #cf010e;}
.news-flash li span{ font-size: 14px; color: #999; float: right; }
/*手机版优惠券*/
.coupon-box.mobile{ width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; max-width: 640px; margin: 0 auto; padding: 30px 16px 0;}
.coupon-box.mobile .coupon-box-l{ width: 100%; height: auto; background: #fff; float: none; padding-left: 0; box-sizing:border-box; padding-top: 0; border-radius: 5px; box-shadow: none;}
.coupon-box.mobile #couponContainer{ display:-webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; width: 100%;}
.coupon-box.mobile .coupon-tit.coupon-tit-n{ padding-right: 0; margin-bottom: 2px;}
.coupon-box.mobile .coupon-tit.coupon-tit-n .coupon-tit-l p { float: left; font-size: 20px; font-weight: bold; line-height: 40px; color: #000;}
.coupon-box.mobile .coupon-tit.coupon-tit-n .coupon-tit-l span { line-height: 40px; font-size: 12px; color: #666; float: left; margin-left: 12px; display: none;}
.coupon-box.mobile .coupon01{ width: 100%; height: auto; background: #f2f2f2; margin: 0 0 14px 0; float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box;}
.coupon-box.mobile.coupon-pro-view .coupon01{ margin: 0 0 14px 0;}
.coupon-box.mobile .coupon01-l{ width: 40%; box-sizing:border-box; padding: 20px 0 20px 5%;}
.coupon-box.mobile .coupon01-t{ padding: 20px 0 0 0; background: none; display: block; border-radius: 0; display: block; text-align: center; font-size: 14px;}
.coupon01-t p{font-size: 10px; color: #000; display: inline-block;}
.coupon01-t p span{ margin-left: 4px; font-size: 10px;}
.coupon-box.mobile .coupon-l{ width: 156px; height: 122px; box-sizing:border-box; float: left; padding-top: 26px; text-align: center;}
.coupon-box.mobile .coupon01-l p{ font-size: 32px; color: #cf010e; font-weight: bolder; height: 50px; line-height: 56px; text-align: center; font-family:Arial; border-right: 1px dashed #c2c2c2;}
.coupon01-l span{ font-size: 14px; color: #333; font-weight: normal;}
.coupon01-rr{ width: 60%;}
.coupon-box.mobile .coupon01 .coupon01-l p { font-size: 32px; color: #cf010e; font-weight: bolder; height: 50px; line-height: 56px; text-align: center; font-family:Arial; border-right: 1px dashed #c2c2c2; }
.coupon-box.mobile .coupon01 .coupon01-l p a{ color: #cf010e; }
.coupon-box.mobile .coupon01.expire .coupon01-l p .span0001{ text-decoration: line-through; color: #666;}
.coupon-box.mobile .coupon01.expire .coupon01-l p span{ margin-left: 4px; font-size: 10px; text-decoration:line-through;}
.coupon-box.mobile .coupon01.expire .coupon01-t p{ text-decoration: line-through;}
.coupon-box.mobile .coupon01.expire .coupon01-b{ text-decoration:line-through;}
.coupon-box.mobile .coupon01-r{ box-sizing:border-box; text-align: center; width: 100%; }
.coupon-box.mobile .coupon01-r a{ display: block; width: 110px; height: 30px; background: #cf010e; color: #fff; border-radius: 5px; margin: 4px auto 0; line-height: 32px; font-size: 16px; border-radius: 3px;}
.coupon-box.mobile .coupon01.expire .coupon01-r a{ background: #d8d8d8; color: #f2f2f2;}
.coupon-box.mobile .coupon01-b{ height: 30px; text-align: center; color: #666; width: 100%; line-height: 28px; font-size: 12px; border-top: 1px solid #fff;}
.coupon01 a:hover{ background: #cf010e; color: #fff;}
.coupon01.act01 a{ background: #cf010e; color: #fff;}
.coupon-box.mobile .coupon-box-r{ width: 100%; height: auto; max-height: 212px; background: #fff; float: none; padding: 0; box-sizing:border-box; border-radius: 5px; box-shadow: none; margin-top: 20px;}
.coupon-box.mobile .news-flash-box{ padding-right: 0; height: auto; max-height: 138px; overflow: hidden;}
.news-flash{ overflow: hidden;}
.news-flash li{ overflow: hidden; line-height: 28px;}
.news-flash li a{ display: block; width: 80%; float: left; overflow : hidden; text-overflow: ellipsis; white-space:nowrap; }
.news-flash li a:hover{ color: #cf010e;}
.news-flash li span{ font-size: 14px; color: #999; float: right; }
/*独家产品*/
.Exclusive-Products01{ height: 816px;}
.Exclusive-Products{ width: 1200px; margin: 70px auto 0; }
.coupon-tit.coupon-tit02{ background: none;}
.coupon-tit.coupon-tit02 .coupon-tit-l{ background: none;}
.coupon-tit-r.coupon-tit-r02{ background: url(../images/icon/icon03.png) no-repeat right center; color: #666; }
.alone-Products-box{ width: 1200px; }
.alone-Products{ width: 1250px; padding-top: 20px;}
.alone-Products>li{ background: #fff; border: 1px solid #fff; width: 230px; height: 374px; float: left; margin: 0 12px 12px 0; box-sizing:border-box; padding: 0 14px; position: relative; box-shadow: 0 0 3px #cecece; border-radius: 5px;}
.alone-Products>li:hover .alone-Products-txt{ color: #cf010e;}
.alone-Products-img{ width: 190px; height: 190px; margin: 18px 5px ;}
.alone-Products-img img{ display: block; width: 100%; height: 100%; transition:all .3s;}
.alone-Products-tit{ font-size: 16px; color: #333; line-height: 24px; padding-bottom: 4px; overflow : hidden; text-overflow: ellipsis; white-space:nowrap; }
.alone-Products-txt{ font-size: 14px; line-height: 16px; color: #333; height: 48px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.alone-Products>li:hover .alone-Products-txt{ color: #cf010e;}
.alone-evaluate{height:36px;overflow: hidden; cursor: pointer;}
.alone-Products.mobile .alone-evaluate{ height:auto; padding-bottom: 10px;}
.star{ height: 14px; padding-right: 14px; background: url(../images/icon/icon01.png)no-repeat right 7px; float: left; background-size: 8px 5px; margin-right: 4px;}
.pro-rate .layui-rate li i.layui-icon{margin-right: 1px;}
.pro-rate .layui-rate li i.layui-icon{font-size:14px;}
.alone-number-sale{display:inline-block; font-size: 13px; color: #538899;}
.alone-price-box{ box-sizing:border-box; padding: 2px 0 0; overflow: hidden;}
.alone-price{ font-size: 18px; font-weight: bold; color: #cf010e; float: left; font-family: Arial;}
.mobile .alone-price{ font-size: 16px; font-weight: bold;}
.alone-price span{ font-size: 14px; color: #666; text-decoration: line-through; font-weight: normal; margin-left: 0;}
.alone-price em{ margin-left: 6px; color: #666;}
.alone-cart{ float: right; width: 34px; height: 34px; background: none; border-radius: 34px; margin-top: 2px; cursor: pointer; position: relative;}
.alone-cart a,.alone-cart img{ position: relative; z-index: 3;}
.alone-cart:before{ top: 0; left: 0; display: block; content: ""; position: absolute; width: 34px; height: 34px; background: #fff; z-index: 1; border-radius: 50%; transform: scale(0); transition: all.2s;}
.alone-Products li:hover .alone-cart:before{background: #fea31b; transform: scale(1);}
.alone-Products li:hover .alone-cart:hover:before{ background-image: linear-gradient(to right, #ff0000, #ff4e00); transform: scale(1);}
.alone-cart:hover{ background: #fea31b;}
.alone-cart img{ width: 20px; height: 18px; margin: 8px 0 0 7px;}
.alone-cart-number{ float: right; height: 22px; box-sizing:border-box; border: 1px solid #dedede; border-radius: 10px; display: none;}
.alone-cart-number span{ width: 20px; height: 20px; font-size: 16px; color: #333; text-align: center; line-height: 20px; display: inline-block; float: left; cursor: pointer;}
.buy-num{ display: inline-block; height: 20px; line-height: 20px; text-align: center; border:1px solid #dedede; border-top: none; border-bottom: none; width: 28px; box-sizing:border-box; margin: 0; padding: 0; float: left; outline: none;}
/*手机独家产品*/
.coupon-tit-l{ float: left; line-height: 40px; display: inline-block; padding: 0 20px 0 0;}
.mobile .coupon-tit-l p{ float: left; font-size: 20px; font-weight: bold; line-height: 40px; color: #000;}
.mobile .coupon-tit-l span{ line-height: 40px; font-size: 16px; color: #666; float: left; margin-left: 20px;}
.mobile .coupon-tit-r{ float: right; background: url(../images/icon/icon03.png) no-repeat right center; padding-right: 14px; color: #666; font-size: 14px; line-height: 40px;}
.Exclusive-Products01.mobile{ height: auto; }
.Exclusive-Products.mobile{ width: 100%; margin: 30px auto 0; max-width: 640px; padding: 0 16px; box-sizing:border-box;}
.mobile .coupon-tit.coupon-tit02{ background: none; width: 100%;}
.mobile .coupon-tit.coupon-tit02 .coupon-tit-l{ background: none;}
.mobile .coupon-tit-r.coupon-tit-r02{ background: url(../images/icon/icon03.png) no-repeat right center; color: #666; }
.mobile .alone-Products-box{ width: 100%; max-width: 640px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box;}
.mobile .alone-Products{ width: 100%; padding-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box;}
.mobile .alone-Products>li{ background: #fff; width: 50%; height: auto; float: none; margin: 0; box-sizing:border-box; box-shadow: none; border-radius: 0; padding: 0 6px 12px 0; border:none;}
.mobile .alone-Products>li>a{ display: block; width: 100%; height: auto; border: 1px solid #f2f2f2; position: relative; box-sizing:border-box; padding: 0 10px 10px;}
.mobile .alone-Products>li:nth-of-type(2n){ padding: 0 0 12px 6px; }
.mobile .alone-Products>li:hover .alone-Products-txt{ color: #cf010e;}
.mobile .alone-Products-img{ width: 100%; height: auto; margin: 14px 0 ; }
.mobile .alone-Products-img img{ display: block; width: 100%; height: 100%; transition:all .3s;}
.mobile .alone-Products-tit{ font-size: 16px; color: #333; line-height: 24px; padding-bottom: 4px;}
.mobile .alone-Products-txt{ font-size: 14px; line-height: 16px; color: #333; height: 34px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mobile .alone-Products>li:hover .alone-Products-txt{ color: #cf010e;}
.mobile .alone-cart{ float: right; width: 34px; height: 34px; background: #f7f7f7; border-radius: 34px; margin-top: 2px; cursor: pointer; display: none;}
.h-m-pro-more{ display: block; width: 60%; height: 36px; margin: 0 auto; text-align: center; line-height: 28px; color: #333;}
.h-m-pro-more span{ display: inline-block; background: url(../images/icon/icon01_red.png)no-repeat right 13px; line-height: 28px; padding-right: 16px;}
/*产品上的标签*/
.pro-label{ position: absolute; webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%,);
clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%); width: 50px; height: 54px; background: #ffa31c;right: -6px; top: -6px; text-align: center;}
.pro-label p{ font-size: 22px; color: #000; font-weight: 800; height: 24px; padding-top: 6px; padding-left: 4px; font-family: Arial; line-height: 20px;}
.pro-label p a{ font-size: 10px; font-weight: bolder;}
.pro-label span{ font-size: 10px; font-weight: 700;}
.pro-label.pro-label01{ position: absolute; webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%,); clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%); width: 78px; height: 84px; background: #ffa31c;right: -6px; top: -6px; text-align: center;}
.pro-label.pro-label01 p{ font-size: 28px; color: #000; font-weight: bold; height: 28px; padding-top: 14px; padding-left: 8px;}
.pro-label.pro-label01 p a{ font-size: 16px;}
.pro-label.pro-label01 span{ font-size: 16px;}
/*手机产品上的标签*/
.mobile .pro-label{ position: absolute; webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%,);
clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%); width: 50px; height: 54px; background: #ffa31c;right: 6px; top: 0; text-align: center;}
.mobile .alone-Products>li:nth-of-type(2n) .pro-label{ right: 0; top: 0;}
/*为你推荐*/
.Exclusive-Products02{ height: 550px;}
.recommend-Products-box{ width: 1200px;clear: both;}
.recommend-Products{ width: 1200px; overflow: hidden; padding-top: 20px;}
.recommend-Products>li{ width: 285px; height: 156px; box-sizing:border-box; float: left; position: relative; margin-right: 20px;}
.recommend-Products>li:nth-of-type(4n){ margin-right: 0;}
.recommend-Products-img{ width: 100px; height: 100px; margin: 0 10px 0 0; float: left; border-radius: 3px; overflow: hidden; border: 1px solid #f2f2f2;}
.recommend-Products-img img{ transition:all .3s; width: 100px; height: 100px; }
.recommend-Products-tit{ font-size: 24px; color: #333; font-weight: bold; line-height: 32px; padding-bottom: 14px;}
.recommend-Products-txt{ font-size: 14px; line-height: 20px; color: #333; height: 42px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; width: 172px; float: right;}
.recommend-Products li:hover .recommend-Products-txt{ color: #cf010e;}
.alone-price.recommend-price{ font-size: 18px; padding-top: 0; float: right; width: 172px;}
.buy-now{ overflow: hidden; padding-top: 14px; width: 174px; float: right;}
.buy-now-l{ float: left; display: block; font-size: 14px; color: #538899; height: 22px; line-height: 22px; padding: 0 10px; background: #f7f7f7; border-radius: 3px;}
.buy-now-r{ float: right; width: 110px; height: 34px; background: #cf010e; color: #fff; text-align: center; line-height: 34px; font-size: 16px; }
.Electronic{ width: 590px; height: 170px; box-sizing:border-box; padding: 16px 0 0 26px; background: url(../images/bg06.jpg)0% 0% / cover no-repeat; float: left; margin: 18px 0 0 0;}
.Electronic01{ font-size: 24px; color: #fea31b; line-height: 40px; font-weight: bold;}
.Electronic02{ font-size: 14px; color: #fff; line-height: 18px; padding-top: 2px;}
.Electronic a{ display: inline-block; padding: 4px 10px; border-radius: 3px; background: #cf010e; color: #fff; margin-top: 26px;}
.Electronic.Electronic-r{ float: right; background: url(../images/bg07.jpg)0% 0% / cover no-repeat;}
.recommend-Products .alone-evaluate{ width: 172px; float: right;}
/*手机为你推荐*/
.Exclusive-Products02.mobile{ height:auto;}
.recommend-Products-box.mobile{ width: 100%; max-width: 640px; margin: 0 auto;}
.recommend-Products.mobile{ width: 100%; padding-top: 20px; max-width: 640px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; }
.recommend-Products.mobile>li{ width: 100%; height: auto; box-sizing:border-box; float: none; position: relative; margin:0 0 14px 0;}
.recommend-Products.mobile>li:nth-of-type(4n){ margin:0 0 14px 0;}
.recommend-Products.mobile .recommend-Products-img { width: 30%; height: auto; margin: 0 0 0 0; float: left; border-radius: 3px; overflow: hidden; border: 1px solid #f2f2f2; box-sizing:border-box; }
.recommend-Products.mobile .recommend-Products-img img{ transition:all .3s; width: 100%; height: auto; }
.recommend-Products.mobile .recommend-Products-tit{ font-size: 24px; color: #333; font-weight: bold; line-height: 32px; padding-bottom: 14px;}
.recommend-Products.mobile .recommend-Products-txt{ font-size: 14px; line-height: 20px; color: #333; max-height: 42px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; width: 70%; float: right; padding-left: 10px; box-sizing:border-box; height: auto;}
.recommend-Products li:hover .recommend-Products-txt{ color: #cf010e;}
.recommend-Products.mobile .alone-price.recommend-price{ font-size: 18px; padding-top: 0; float: right; width: 70%; padding-left: 10px; box-sizing:border-box;}
.buy-now{ overflow: hidden; padding-top: 14px; width: 174px; float: right;}
.buy-now-l{ float: left; display: block; font-size: 14px; color: #538899; height: 22px; line-height: 22px; padding: 0 10px; background: #f7f7f7; border-radius: 3px;}
.buy-now-r{ float: right; width: 110px; height: 34px; background: #cf010e; color: #fff; text-align: center; line-height: 34px; font-size: 16px; }
.Electronic.mobile{ width: 100%; height: auto; box-sizing:border-box; padding: 16px ; background: url(../images/bg06.jpg)0% 0% / cover no-repeat; float: left; margin: 8px 0 0 0; border-radius: 3px;}
.Electronic.mobile .Electronic01{ font-size: 18px; color: #fea31b; line-height: 32px; font-weight: bold;}
.Electronic.mobile .Electronic02{ font-size: 14px; color: #fff; line-height: 18px; padding-top: 2px;}
.mobile .Electronic a{ display: inline-block; padding: 4px 10px; border-radius: 3px; background: #cf010e; color: #fff; margin-top: 12px;}
.Electronic.Electronic-r.mobile{ float: right; background: url(../images/bg07.jpg)0% 0% / cover no-repeat; margin: 14px 0 0 0;}
.recommend-Products.mobile .alone-evaluate{ width: 70%; float: right; box-sizing:border-box; padding-left: 10px; height: 26px;}
.recommend-Products.mobile .layui-rate { padding: 8px 6px 4px 0; font-size: 0;}
/*热销爆款*/
.hot-Products-box{ width: 1200px; padding-top: 20px; height: 390px;}
.hot-Products-ranking{ width: 260px; height: 390px; background: #fff; float: left; box-sizing:border-box; padding: 14px 20px; background: url(../images/bg08.jpg) 0% 0% / cover no-repeat;}
.hot-Products-tit{ height: 26px; padding-left: 32px; background: url(../images/icon/icon08.jpg)no-repeat 0 0; line-height: 26px; font-weight: bold; font-size: 26px; margin-bottom: 10px;}
.hot-Products-list{ overflow-y: hidden; height: 352px;}
.hot-Products-list li{ height: 40px; }
.hot-Products-list li span{ width: 18px; height: 18px; background: #ebebeb; color: #666; font-size: 12px; text-align: center; line-height: 18px; float: left; margin-top: 11px; overflow: hidden;}
.hot-Products-list li a{ width: 190px; height: 34px; line-height: 36px; font-size: 16px; color: #fff; overflow : hidden; text-overflow: ellipsis; white-space:nowrap; display: block; float: left; padding-left: 10px; }
.hot-Products-list li:hover a{ color: #cf010e;}
.hot-Products-list li.hot-Products-list01 span{ background: url(../images/icon/icon09.png); text-indent: 9999px;}
.hot-Products-list li.hot-Products-list02 span{ background: url(../images/icon/icon10.png); text-indent: 9999px;}
.hot-Products-list li.hot-Products-list03 span{ background: url(../images/icon/icon11.png); text-indent: 9999px;}
.hot-Products{ width: 900px; height: 420px; background: #fff; float: right; position: relative;}
.hot-Products-img{ width: 380px; height: 380px; margin: 20px 74px 30px 50px; float: left;}
.hot-Products-img img{ width: 380px; height: 380px; display: block; transition:all .3s;}
.hot-Products:hover .hot-Products-img img{ transform: translate(8px, 0);}
.hot-Products-information{ width: 370px; overflow: hidden; float: left; padding-top: 60px;}
.buy-now-r.hot{ float: none; display: block; margin-top: 28px; width: 150px; height: 42px; line-height: 42px;}
.hot-Products .recommend-Products-txt{ margin-bottom: 14px;}
.hot-Products:hover .recommend-Products-txt{ color: #cf010e; }
.alone-Products.hot-Products-box{ width: 900px; height: 374px; padding-top: 10px;}
.alone-Products.hot-Products-box>li { background: #fff; border: none; width: 210px; height: 374px; margin: 0 20px 0 0; position: relative;}
.alone-Products.hot-Products-box>li:nth-of-type(4n){ margin-right: 0;}
.alone-Products.hot-Products-box .alone-Products-img { width: 172px; height: 172px; margin: 24px 5px;}
.alone-Products.hot-Products-box>li:nth-of-type(1):before{ content: ""; position: absolute; width: 24px; height: 24px; background: url(../images/icon/icon70.png); top: 8px; left: 8px;}
.alone-Products.hot-Products-box>li:nth-of-type(2):before{ content: ""; position: absolute; width: 24px; height: 24px; background: url(../images/icon/icon71.png); top: 8px; left: 8px;}
.alone-Products.hot-Products-box>li:nth-of-type(3):before{ content: ""; position: absolute; width: 24px; height: 24px; background: url(../images/icon/icon72.png); top: 8px; left: 8px;}
.alone-Products.hot-Products-box>li:nth-of-type(4):before{ content: ""; position: absolute; width: 24px; height: 24px; background: url(../images/icon/icon73.png); top: 8px; left: 8px;}
/*手机热销爆款*/
.Exclusive-Products.mobile.mobile02{ width: 100%; max-width: 640px; padding: 0; margin: 0 auto;}
.Exclusive-Products.mobile.mobile02 .coupon-tit.coupon-tit02{ padding: 0 16px; box-sizing:border-box; width: 100%;}
.hot-Products-box.mobile{ width: 100%; padding-top: 6px; height:auto; max-width: 640px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.hot-Products-ranking.mobile{ width: 100%; height: auto; background: #fff; float: left; box-sizing:border-box; padding: 14px 20px; background: url(../images/bg09.jpg)0% 0% / cover no-repeat;}
.hot-Products-ranking.mobile .hot-Products-list{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto;}
.hot-Products-ranking.mobile .hot-Products-list li{ height: 40px; width: 50%;}
.hot-Products-ranking.mobile .hot-Products-list li span{ width: 18px; height: 18px; background: #ebebeb; color: #666; font-size: 12px; text-align: center; line-height: 18px; float: left; margin-top: 9px; overflow: hidden;}
.hot-Products-ranking.mobile .hot-Products-list li a{ width: 70%; height: 34px; line-height: 36px; font-size: 14px; color: #fff; overflow : hidden; text-overflow: ellipsis; white-space:nowrap; display: block; float: left; padding-left: 10px; overflow : hidden; text-overflow: ellipsis; white-space:nowrap; }
.hot-Products-ranking.mobile .hot-Products-list li:hover a{ color: #cf010e;}
.hot-Products-ranking.mobile .hot-Products-list li.hot-Products-list01 span{ background: url(../images/icon/icon09.png); text-indent: 9999px;}
.hot-Products-ranking.mobile .hot-Products-list li.hot-Products-list02 span{ background: url(../images/icon/icon10.png); text-indent: 9999px;}
.hot-Products-ranking.mobile .hot-Products-list li.hot-Products-list03 span{ background: url(../images/icon/icon11.png); text-indent: 9999px;}
.hot-Products.mobile{ width: 100%; height: auto; background: #fff; float: right; position: relative; max-width: 640px; padding: 0 16px; box-sizing:border-box;}
.hot-Products.mobile .alone-Products.hot-Products-box{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 20px; height: auto;}
.hot-Products-img{ width: 380px; height: 380px; margin: 20px 74px 30px 50px; float: left;}
.hot-Products-img img{ width: 380px; height: 380px; display: block; transition:all .3s;}
.hot-Products:hover .hot-Products-img img{ transform: translate(8px, 0);}
.hot-Products-information{ width: 370px; overflow: hidden; float: left; padding-top: 60px;}
.buy-now-r.hot{ float: none; display: block; margin-top: 28px; width: 150px; height: 42px; line-height: 42px;}
.hot-Products .recommend-Products-txt{ margin-bottom: 14px;}
.hot-Products:hover .recommend-Products-txt{ color: #cf010e; }
.hot-Products.mobile .alone-Products.hot-Products-box>li { background: #fff; border: none; width: 50%; height:auto; margin: 0; position: relative; padding: 0 6px 12px 0;}
.hot-Products.mobile .alone-Products.hot-Products-box>li:nth-of-type(4n){ margin-right: 0;}
.hot-Products.mobile .alone-Products.hot-Products-box>li:nth-of-type(2n){ padding: 0 0 12px 6px;}
.hot-Products.mobile .alone-Products.hot-Products-box .alone-Products-img { width: 100%; height: auto; margin: 14px 0;}
.hot-Products.mobile .alone-Products.hot-Products-box>li:nth-of-type(1):before{ content: ""; position: absolute; width: 24px; height: 24px; background: url(../images/icon/icon70.png); top: 8px; left: 8px; z-index: 9;}
.hot-Products.mobile .alone-Products.hot-Products-box>li:nth-of-type(2):before{ content: ""; position: absolute; width: 24px; height: 24px; background: url(../images/icon/icon71.png); top: 8px; left: 8px;z-index: 9;}
.hot-Products.mobile .alone-Products.hot-Products-box>li:nth-of-type(3):before{ content: ""; position: absolute; width: 24px; height: 24px; background: url(../images/icon/icon72.png); top: 8px; left: 8px;z-index: 9;}
.hot-Products.mobile .alone-Products.hot-Products-box>li:nth-of-type(4):before{ content: ""; position: absolute; width: 24px; height: 24px; background: url(../images/icon/icon73.png); top: 8px; left: 8px; z-index: 9;}
.mobile .layui-rate { padding: 6px 6px 6px 0; font-size: 0;}
/*品牌配件*/
.brand-box{ width: 100%; min-width: 1200px; background: #fff; overflow: hidden; margin-top: 40px; padding: 20px 0 40px;}
.Exclusive-Products.brand01{ margin-top: 0;}
.coupon-tit .coupon-tit-l.coupon-tit-l03{ background: #fff;}
.coupon-tit-l.coupon-tit-l03 p{ color: #333;}
.coupon-tit-l.coupon-tit-l03 span{ color: #333;}
.brand-main{ width: 1100px; overflow: hidden; float: left; height: 232px; margin-left: 14px;}
.brand-lists{ width: 1250px; overflow: hidden; margin-top: 0;}
.brand-lists li{ float: left; width: 174px; height: 110px; border: 1px solid #ebebeb; margin: 0 11px 11px 0; border-radius: 3px; overflow: hidden; box-sizing:border-box; background: #cf010e;}
.brand-lists li:hover{ border-color:#cf010e; }
.brand-lists li img{ width: 174px; height: 110px;}
.brand-lists li img:hover{ opacity: 0.95;}
.brand-main-box{ width: 1200px; overflow: hidden; margin-top: 20px;}
.brand-main-l-btn{ width: 36px; height: 232px; text-align: center; line-height: 232px; float: left; font-size: 30px; color: #ededed; font-family:Arial; cursor: pointer; background: url(../images/icon/icon74.png)no-repeat center center; border-radius: 5px;}
.brand-main-r-btn{ width: 36px; height: 232px; text-align: center; line-height: 232px; float: right; font-size: 30px; color: #ededed; font-family:Arial; cursor: pointer; background: url(../images/icon/icon75.png)no-repeat center center; border-radius: 5px;}
.brand-main-l-btn:hover{ background: url(../images/icon/icon74-b.png)no-repeat center center #ebebeb;}
.brand-main-r-btn:hover{ background: url(../images/icon/icon75-b.png)no-repeat center center #ebebeb;}
/*手机品牌配件*/
.brand-box.moblie{ width: 100%; min-width: 200px; background: #fff; overflow: hidden; margin-top: 30px; padding: 20px 0 40px; max-width: 640px; margin: 0 auto; padding: 20px 16px; box-sizing:border-box;}
.Exclusive-Products.brand01.moblie{ margin-top: 0; width: 100%;}
.coupon-tit .coupon-tit-l.coupon-tit-l03{ background: #fff;}
.coupon-tit-l.coupon-tit-l03 p{ color: #333;}
.coupon-tit-l.coupon-tit-l03 span{ color: #333;}
.brand-box.moblie .brand-main{ width: 100%; overflow: hidden; float: left; height: auto; margin-left: 0;}
.brand-box.moblie .brand-lists{ width: 100%; overflow: hidden; margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 640px;}
.brand-box.moblie .brand-lists li{ float: left; width: 32%; height: auto; border: 1px solid #ebebeb; margin: 0 2% 2% 0; border-radius: 3px; overflow: hidden; box-sizing:border-box; background: #cf010e;}
.brand-box.moblie .brand-lists li:nth-of-type(3n){ margin: 0 0 2% 0;}
.brand-lists li:hover{ border-color:#cf010e; }
.brand-box.moblie .brand-lists li img{ width: 100%; height: auto; -o-object-fit: cover; object-fit: cover;}
.brand-box.moblie .brand-lists li img:hover{ opacity: 0.95;}
.brand-box-btn{ float: right;}
.brand-box.moblie .brand-main-box{ width: 100%; overflow: hidden; margin: 6px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.brand-box-btn .brand-main-l-btn{ width: 36px; height: 40px; text-align: center; line-height: 40px; float: left; font-size: 30px; color: #ededed; font-family:Arial; cursor: pointer; background: url(../images/icon/icon74.png)no-repeat center center; border-radius: 5px; background-size: 10px;}
.brand-box-btn .brand-main-r-btn{ width: 36px; height: 40px; text-align: center; line-height: 40px; float: right; font-size: 30px; color: #ededed; font-family:Arial; cursor: pointer; background: url(../images/icon/icon75.png)no-repeat center center; border-radius: 5px; background-size: 10px;}
.brand-box-btn .brand-main-l-btn:hover{ background: url(../images/icon/icon74-b.png)no-repeat center center #ebebeb; background-size: 10px;}
.brand-box-btn .brand-main-r-btn:hover{ background: url(../images/icon/icon75-b.png)no-repeat center center #ebebeb; background-size: 10px;}
.slide-container.mobile{ width: 100%;}
/*侧边浮标*/
.quick-links-panel{ width: 34px; height: 344px; position: fixed; bottom: 70px; right: 0; z-index: 1000;}
.quick-links-panel li{ width: 34px; height: 34px; background: #000; margin-bottom: 2px; border-radius: 5px 0 0 5px; position: relative;}
.quick-links-panel li:hover{ background: #cf010e;}
.quick-links-panel li>a{ display: block; width: 34px; height: 34px;}
.quick-links-list03{ margin-top: 160px;}
.mp-tooltip{ height: 34px; line-height: 34px; color: #fff; background: #000; border-radius: 5px 0 0 5px; position: absolute; top: 0; z-index: -1; font-size: 14px; padding: 0 10px; transition:all .2s; right: 0; width: 0; overflow: hidden; box-sizing:border-box;}
.quick-links-panel li.quick-links-list01:hover .mp-tooltip{ width: 84px; right: 30px; background: #cf010e;}
.quick-links-panel li.quick-links-list02:hover .mp-tooltip{ width: 74px; right: 30px; background: #cf010e;}
.quick-links-panel li.quick-links-list03:hover .mp-tooltip{ width: 54px; right: 30px; background: #cf010e;}
.quick-links-panel li.quick-links-list04:hover .mp-tooltip{ width: 54px; right: 30px; background: #cf010e;}
.quick-links-panel li.quick-links-list05:hover .mp-tooltip{ width: 84px; right: 30px; background: #cf010e;}
#shopping-cart_num {display: inline-block;background: #cf010e;color: #fff;padding: 1px 4px;font-size: 10px;line-height: 12px;border-radius: 10px;position: absolute;right: 15px;}
/*footer*/
.footer-box{ width: 100%; overflow: hidden; min-width: 1200px; background: #333333;bottom: 0;}
.footer01{ width: 100%; min-width: 1200px; overflow: hidden; border-bottom: 1px solid #666;}
.tmall-ensure{ padding: 50px 0; overflow: hidden; width: 1200px; margin: 0 auto;}
.tmall-ensure dl{ width: 300px; box-sizing:border-box; padding-left: 18px; float: left;}
.tmall-ensure dt{ float: left; margin-right: 14px; width: 46px;}
.tmall-ensure dd{ float: left; max-width: 220px;}
.tmall-ensure dd p{ font-size: 18px; color: #fff; padding: 2px 0 6px;}
.tmall-ensure dd span{ font-size: 14px; color: #adadad;}
.qjl-wrap{ padding: 40px 0; overflow: hidden;display: flex; width: 1200px; margin: 0 auto;}
.qjl-wrap-l{width: 270px; overflow: hidden;}
.qjl-logo{ padding: 8px 0 24px;}
.qjl-Whatsapp-txt{ font-size: 16px; color: #adadad; height: 26px;}
.qjl-Whatsapp-img{ width: 100%; height: 30px;}
.qjl-Whatsapp-img img{ float: left; margin: -6px 0 0 -8px; width: 40px;}
.qjl-Whatsapp-img img.em{ width: 24px; margin: 0 6px 0 2px;}
.qjl-Whatsapp-img p{ font-size: 16px; float: left; line-height: 24px; color: #fff; width: 230px;}
.qjl-Whatsapp-img p a{ color: #fff; display: block; word-break:break-all;}
.qjl-wrap-m{ overflow: hidden;display: flex; width: 650px;flex-direction: row;justify-content:space-around;}
.qjl-wrap-list{ float: left; margin: 0 20px 0 0;}
.qjl-wrap-list li.title{ font-size: 16px; font-weight: 700; color: #fff; line-height: 34px;}
.qjl-wrap-pc .qjl-wrap-list li{max-width: 220px;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;}
.qjl-wrap-list li a{ font-size: 16px; color: #adadad; line-height: 34px;}
.qjl-wrap-list li a:hover{ color: #fff;}
.qjl-wrap-r{padding-top: 60px; width: 280px;}
.footer-box.mobile .qjl-wrap-r{padding-top: 60px; width: auto;}
/* .qjl-wrap-r img{ margin-left: 12px; } */
.qjl-wrap-r .visa{ width: 90px;}
.qjl-wrap-r .Paypal{ width: 90px;}
.qjl-wrap-r .mastercard{ width: 90px;}
.qjl-wrap-r .google{ width: 90px;}
.qjl-wrap-r .apple{ width: 90px;}
.footer02{ width: 100%; overflow: hidden; min-width: 1200px; background: #181818;}
.footer02-mian{ width: 1200px; overflow: hidden; margin: 0 auto;}
.footer02-mian-r{ float: right; padding: 16px 0;}
.footer02-mian-r a{ float: left; margin-left: 14px; opacity: 0.7;}
.footer02-mian-r a:hover{ opacity: 1;}
.footer02-mian-l{ float: left;padding-bottom:8px;}
.qjl-other{ line-height: 24px; font-size: 14px; color: #fff; padding: 8px 0 6px;}
.qjl-other span{ margin: 0 30px;}
.qjl-other a{ color: #adadad;}
.qjl-other a:hover{ color: #fff;}
.footer02-mian-l p{ font-size: 14px; color: #adadad;}
/*手机 footer*/
.footer-box.mobile{ width: 100%; overflow: hidden; min-width: 200px; background: #333333; max-width: 640px; margin: 0 auto; }
.footer-box.mobile .footer01{ width: 100%; min-width: 200px; border-bottom: 1px solid #666; max-width: 640px; box-sizing:border-box; padding: 0 16px;}
.footer-box.mobile .tmall-ensure{ padding: 40px 0 14px; overflow: hidden; width: 200px; margin: 0 auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.footer-box.mobile .tmall-ensure dl{ width: 100%; box-sizing:border-box; padding-left: 0; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 26px; position: relative;}
.footer-box.mobile .tmall-ensure dt{ float: left; margin-right: 0; width: 20%; max-width: 36px; position: absolute; top: 0; left: 0;}
.footer-box.mobile .tmall-ensure dt img{ display: block; width: 100%;}
.footer-box.mobile .tmall-ensure dd{ float: left; width: 100%; padding-left: 44px; box-sizing:border-box; max-width: 640px;}
.footer-box.mobile .tmall-ensure dd p{ font-size: 16px; color: #fff; padding: 2px 0 6px; word-break:break-all; width: 100%;}
.footer-box.mobile .tmall-ensure dd span{ font-size: 12px; color: #adadad;}
.qjl-wrap.mobile{ padding: 40px 16px; overflow: hidden; display: flex; width: 100%; margin: 0 auto; box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.qjl-wrap.mobile .qjl-wrap-l{width: 100%; overflow: hidden;}
.qjl-wrap.mobile .qjl-logo{ padding: 8px 0 40px; text-align: center;}
.qjl-wrap.mobile .qjl-Whatsapp{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.qjl-wrap.mobile .qjl-Whatsapp-img p.qjl-Whatsapp-txt{ font-size: 16px; color: #adadad; height: 20px; font-weight: normal;}
.qjl-wrap.mobile .qjl-Whatsapp-img{ background: #666; padding: 10px 14px 14px; border-radius: 50px; margin: 0 auto 14px;}
.qjl-wrap.mobile .qjl-Whatsapp-img p{ font-size: 16px; float: left; line-height: 24px; color: #fff; width: auto;}
.qjl-wrap.mobile .qjl-Whatsapp{ padding-bottom: 30px;}
.qjl-wrap.mobile .qjl-Whatsapp-txt{ display: none;}
.qjl-wrap.mobile .qjl-Whatsapp-img{ height: 20px;}
.qjl-wrap.mobile .qjl-Whatsapp-img img{ float: left; margin-right: 6px;}
.qjl-Whatsapp-txt-box{ float: left;}
.qjl-wrap.mobile .qjl-Whatsapp-img p{ font-size: 18px; font-weight: bold; float: none; line-height: 12px; color: #fff; line-height: 24px;}
.qjl-wrap.mobile .qjl-wrap-m{ overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.qjl-wrap.mobile .qjl-wrap-list{ float: none; margin: 0 0; width: 100%; text-align: center; padding-bottom: 40px;}
.qjl-wrap.mobile .qjl-wrap-list li.title{ font-size: 16px; font-weight: 700; color: #fff; line-height: 34px;}
.qjl-wrap.mobile .qjl-wrap-list li a{ font-size: 16px; color: #adadad; line-height: 34px;}
.qjl-wrap.mobile .qjl-wrap-list li a:hover{ color: #fff;}
.qjl-wrap.mobile .qjl-wrap-r{padding-top: 20px; text-align: center; margin: 0 auto;}
.qjl-wrap.mobile .qjl-wrap-r img{ margin: 0 7px;}
.qjl-wrap.mobile .qjl-wrap-r .visa{ width: 82px;}
.qjl-wrap.mobile .qjl-wrap-r .Paypal{ width: 82px;}
.qjl-wrap.mobile .qjl-wrap-r .mastercard{ width: 82px;}
.footer-box.mobile .footer02{ width: 100%; overflow: hidden; min-width: 0200px; background: #181818;}
.footer-box.mobile .footer02-mian{ width: 100%; overflow: hidden; margin: 0 auto; padding: 0 16px; box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.footer-box.mobile .footer02-mian-r{ float: none; padding: 16px 0 30px; width: 100%; text-align: center;}
.footer-box.mobile .footer02-mian-r a{ float: none; margin: 0 6px; opacity: 0.7;}
.footer-box.mobile .footer02-mian-r a:hover{ opacity: 1;}
.footer-box.mobile .footer02-mian-l{ float: none; padding-bottom:8px;width: 100%;text-align: center; }
.footer-box.mobile .qjl-other{ line-height: 24px; font-size: 12px; color: #fff; padding: 20px 0 6px;}
.footer-box.mobile .qjl-other span{ margin: 0; color: #999;}
.footer-box.mobile .qjl-other a{ color: #adadad;}
.footer-box.mobile .qjl-other a:hover{ color: #fff;}
.footer-box.mobile p.CopyRight{ font-size: 14px; color: #adadad; text-align: center; border-top: 1px solid #666; padding: 16px 0; line-height: 22px;}
/*-------------产品详情-------------*/
.shopRecSuit{ text-align: center; font-size: 32px; color: #191919; line-height: 50px; font-weight: bold;}
.mobile .shopRecSuit{ font-size: 20px;}
.nav-con.nav-con-products { position: absolute; top: 164px; z-index: 5; display: none; }
.nav-con.nav-con-products .normal-nav-box,.nav-con.nav-con-products .service-float{ background: #000; border-radius: 6px;}
.nav-con.nav-con-products .normal-nav-box ul li a:hover { background: url(../images/icon/icon02.png)no-repeat 140px center #cf010e;}
/*优惠券*/
.coupon-box.coupon-pro{ margin: 50px auto 70px;}
.coupon-pro .coupon { background: url(../images/couponbg03.jpg)no-repeat;}
.coupon-pro .coupon:hover{ background: url(../images/couponbg04.jpg)no-repeat;}
.coupon-pro .coupon.act{ background: url(../images/couponbg04.jpg)no-repeat;}
.coupon-box.coupon-pro .coupon01{ margin:0 31px 24px 0 ;}
.coupon-box.coupon-pro .coupon01:nth-of-type(6n){ margin: 0 0 24px 0;}
/*导航按钮之类*/
.crumb-wrap{ width: 1200px; height: 48px; margin: 24px auto 0;}
.crumb-nav{ width: 240px; height: 48px; border-radius: 5px; background: url(../images/icon/icon33.jpg)no-repeat 202px 0 #cf010e; box-sizing:border-box; line-height: 48px; text-indent: 18px; color: #fff; float: left; font-size: 16px; cursor: pointer;}
.crumb-wrap-r{ float: right; width: 900px; height: 48px; background: #f2f2f2; border-radius: 5px;}
.crumb-wrap-r a{ width: 25%; height: 34px;; padding: 6px 0; display: block; float: left; background: url(../images/icon/icon34.jpg)no-repeat 0 center;}
.crumb-wrap-r a:nth-of-type(1){ background: none;}
.crumb-wrap-r a img{ float: left; margin: 0 6px 0 10px}
.crumb-wrap-r a span{ display: inline-block; font-size: 14px; color: #666; text-transform: uppercase; float: left; line-height: 34px; max-width: 168px; overflow : hidden; text-overflow: ellipsis; white-space:nowrap; }
/*右边轮播图*/
.shop-middle{ width: 1200px; overflow: hidden; margin: 50px auto 0; clear: both;}
.item-top-left{ float: left; width: 460px;}
.item-img-big { width: 460px; height: 460px; margin-bottom: 15px;}
.item-img-big img{ width: 100%; height: 100%;}
.spec-items{ width: 460px; overflow: hidden; position: relative;}
.item-img-small{ min-width: 480px;}
.item-img-small li { float: left; text-align: center; border: 1px solid #e9e9e9; margin-right: 16px;}
.item-img-small li.active { border-color: #cf010e;}
.item-img-small li img { width: 101px; cursor: pointer;}
.spec-forward,.spec-backward{ display: inline-block; position: absolute; width: 30px; height: 30px; background: rgba(255,255,255,.5); box-shadow: 0 0 5px #7b7b7b; top:50%; margin-top: -15px; border-radius: 8px;}
.spec-forward:hover,.spec-backward:hover{ background: rgba(217,1,14,.7);}
.spec-forward{ left: 6px;}
.spec-backward{ right: 6px}
.spec-forward img,.spec-backward img{ margin: 10px 13px;}
.item-coll{ padding-top: 20px; position: relative;}
.item-coll>a{ display: inline-block; font-size: 14px; color: #333; height: 18px; line-height: 18px; margin-right: 30px; padding-left: 20px;}
.item-coll>a:hover{ color: #cf010e;}
.pro-collect{ background: url(../images/icon/icon25.png)no-repeat 0 center;}
.pro-Share{ background: url(../images/icon/icon26.png)no-repeat 0 center; }
.pro-Share:hover{ background: url(../images/icon/icon26-red.png)no-repeat 0 center; }
/*.pro-Share-box{ background: #fff; display: inline-block; box-shadow: 0 0 5px #dfdfdf; padding: 10px 6px 3px; border-radius: 3px; bottom: -54px; left: 166px; position: absolute; display: none;}*/
.pro-Share-box{display:inline-block;}
.pro-Share-box a{ margin-right: 4px;}
.pro-Share-box i{ display: block; width: 11px; height: 11px; background: #fff; transform: rotate(45deg); position: absolute; top: -5px; left: 20px;}
/*手机右边轮播图*/
.shop-middle.mobile{ width: 100%; overflow: hidden; margin: 0 auto; clear: both; max-width: 640px;}
.shop-module.design-disabled.mobile{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box;}
.shop-middle.mobile .item-top-left{ float: none; width: 100%;}
.shop-middle.mobile .item-img-big { border: none; width: 100%; height: auto; margin-bottom: 15px;}
.shop-middle.mobile .item-img-big img{ width: 100%; height: auto;}
.shop-middle.mobile .spec-items{ width: 100%; overflow: hidden; position: relative; box-sizing: border-box; padding: 0 16px; display: none;}
.item-img-small{ min-width: 480px;}
.item-img-small li { float: left; text-align: center; border: 1px solid #e9e9e9; margin-right: 16px;}
.item-img-small li.active { border-color: #cf010e;}
.item-img-small li img { width: 101px; cursor: pointer;}
.spec-forward,.spec-backward{ display: inline-block; position: absolute; width: 30px; height: 30px; background: rgba(255,255,255,.5); box-shadow: 0 0 5px #7b7b7b; top:50%; margin-top: -15px; border-radius: 8px;}
.spec-forward:hover,.spec-backward:hover{ background: rgba(217,1,14,.7);}
.spec-forward{ left: 6px;}
.spec-backward{ right: 6px}
.spec-forward img,.spec-backward img{ margin: 10px 13px;}
.mobile .item-coll{ padding: 10px 0 20px; position: relative;}
.item-coll>a{ display: inline-block; font-size: 18px; color: #333; height: 26px; line-height: 26px; margin-right: 30px; padding-left: 28px;}
.item-coll>a:hover{ color: #cf010e;}
.pro-collect{ background: url(../images/icon/icon25.png)no-repeat 0 center;}
.pro-Share{ background: url(../images/icon/icon26.png)no-repeat 0 center; }
.pro-Share:hover{ background: url(../images/icon/icon26-red.png)no-repeat 0 center; }
/*.pro-Share-box{ background: #fff; display: inline-block; box-shadow: 0 0 5px #dfdfdf; padding: 10px 6px 3px; border-radius: 3px; bottom: -54px; left: 166px; position: absolute; display: none;}*/
.pro-Share-box{display:inline-block;}
.pro-Share-box a{ margin-right: 4px;}
.pro-Share-box i{ display: block; width: 11px; height: 11px; background: #fff; transform: rotate(45deg); position: absolute; top: -5px; left: 20px;}
.shop-middle.mobile .item-img-box{ position: relative;}
.ol-list.mobile{ text-align: center; position: absolute; bottom: 14px; width: 100%; height: 10px;}
.ol-list.mobile li{ background: #d8d8d8; display: inline-block; width: 10px; height: 10px; border-radius: 8px;}
.ol-list.mobile li.act,.weinituijian.mobile li.act{ width: 24px;}
.weinituijian.mobile{ float: right; padding-top: 16px;}
.weinituijian.mobile li{ float: left; background: #d8d8d8; display: inline-block; width: 10px; height: 10px; border-radius: 8px; margin-left: 6px;}
/*产品详情属性*/
.item-top-middle{ width: 510px; float: left; margin-left: 38px;}
.item-name{ font-size: 22px; color: #333; line-height: 26px; font-weight: bold; padding-bottom: 10px;}
.item-label span{ display: inline-block; height: 26px; background: #f2f2f2; line-height: 26px; font-size: 12px; color: #333; margin: 0 6px 6px 0; padding: 0 14px; border-radius: 4px;}
.star-list06{ color: #fea31b;}
.item-top-middle .alone-evaluate{ margin: 12px 0;}
.item-line{ border-top: 1px solid #e9e9e9; height: 22px;}
.item-price p{ font-size: 26px; font-weight: bold; color: #cf010e;}
.item-price p .item-price01{ font-size: 14px; color: #999; text-decoration: line-through; font-weight: normal; margin-left: 8px;}
.item-price p .item-price02{ font-size: 14px; color: #333; font-weight: normal; margin-left: 8px;}
.item-row { margin: 5px 0; clear: both; display: table;}
.item-row-evaluate{ margin-bottom: 18px;}
.item-row .item-row-name { float: left; line-height: 30px; width: 80px; font-size: 14px; color: #666; margin-right: 15px; }
.item-row .item-row-main{ font-size: 14px; color: #333; float: left; line-height: 30px; padding-left: 20px; background: url(../images/icon/icon22.png)no-repeat 0 center;}
.item-row .showTemplate{ float: left; padding-right: 16px; background: url(../images/icon/icon01.png)no-repeat right center; width: 22px; height: 14px; margin: 8px 0 0 6px; cursor: pointer;}
.item-row .item-row-Freight{ font-size: 14px; color: #333; float: left; line-height: 30px;}
.item-row .item-row-warn{ display: block; float: left; width: 30px; height: 30px; background: url(../images/icon/icon23.png) no-repeat right center;}
.item-row .item-row-color{ float: left;width: 400px;}
.item-row .item-row-color span{text-align: center;font-size: 14px; display: inline-block; padding: 0 12px; margin: 0 8px 8px 0; border: 1px solid #e9e9e9;cursor: pointer; line-height: 28px;}
.item-row .item-row-color span:hover{ border-color: #cf010e;}
.item-row .item-row-color span.active{ border-color: #cf010e; background: url(../images/icon/icon24.png)no-repeat right bottom;}
.item-row .item-row-number{ float: left;}
.item-row .but-l{ width: 30px; height: 30px; margin-right: 4px; background: url(../images/icon/icon32.png)no-repeat center center #f2f2f2; float: left; cursor: pointer;}
.item-row .but-r{ width: 30px; height: 30px; margin-left: 4px; background: url(../images/icon/icon31.png)no-repeat center center #f2f2f2; float: left; cursor: pointer;}
.item-row .buy-num{ background: #f2f2f2; height: 30px; border: none; width: 60px; text-align: center; font-size: 14px; color: #333;}
.item-row .item-row-Cart{ width: 180px; height: 50px; background: url(../images/icon/car03.png)no-repeat 24px center #cf010e; color: #fff; line-height: 50px; font-size: 16px; box-sizing:border-box; display: block; float: left; margin: -12px 0 0 60px; cursor: pointer; border-radius: 6px; padding-left: 52px; text-transform: uppercase; }
.item-row .item-row-email{ display: block; background: url(../images/icon/icon36.jpg)no-repeat 34px center #000; width: 240px; height: 36px; color: #fff; box-sizing:border-box; line-height: 36px; font-size: 14px; border-radius: 6px; padding-left: 62px;}
.item-row .item-row-ensure{ width: 366px; height: auto; background: #f2f2f2; border-radius: 6px; box-sizing:border-box; padding: 10px 0; clear: both; overflow: hidden;}
.item-row .item-row-ensure li{ width: 50%; font-size: 14px; color: #333; line-height: 24px; box-sizing:border-box; float: left; }
.item-row-ensure01{ background: url(../images/icon/icon27.png)no-repeat 22px center; padding-left: 46px;}
.item-row-ensure02{ background: url(../images/icon/icon28.png)no-repeat 10px center; padding-left: 36px;}
.item-row-ensure03{ background: url(../images/icon/icon29.png)no-repeat 22px center; padding-left: 46px;}
.item-row-ensure04{ background: url(../images/icon/icon30.png)no-repeat 10px center; padding-left: 36px;}
/* .item-row .item-row-pay{ margin-right: 16px;} */
.item-row .item-row-pay .view_mastercard{ width: 82px;}
.item-row .item-row-pay .view_visa{ width: 82px;}
.item-row .item-row-pay .view_Paypal{ width: 82px;}
.item-row .item-row-pay .view_google{ width: 82px;}
.item-row .item-row-pay .view_apple{ width: 82px;}
/*手机产品详情属性*/
.item-top-middle.mobile{ width:100%; float: none; margin-left: 0; box-sizing:border-box; padding: 0 16px;}
.item-name{ font-size: 22px; color: #333; line-height: 26px; font-weight: bold; padding-bottom: 10px;}
.item-label span{ display: inline-block; height: 26px; background: #f2f2f2; line-height: 26px; font-size: 12px; color: #333; margin: 0 6px 6px 0; padding: 0 14px; border-radius: 4px;}
.star-list06{ color: #fea31b;}
.item-top-middle.mobile .item-price{ padding-bottom: 20px;}
.item-top-middle.mobile .alone-evaluate{ margin: 12px 0;}
.item-top-middle.mobile .item-line{ border-top: 1px solid #e9e9e9; height: 20px;}
.item-top-middle.mobile .item-price p{ font-size: 26px; font-weight: 700; color: #cf010e;}
.item-price p .item-price01{ font-size: 14px; color: #999; text-decoration: line-through; font-weight: normal; margin-left: 8px;}
.item-price p .item-price02{ font-size: 14px; color: #333; font-weight: normal; margin-left: 8px;}
.item-top-middle.mobile .item-row { margin: 5px 0; clear: both; display: table;}
.item-top-middle.mobile .item-row-evaluate{ margin-bottom: 0;}
.item-top-middle.mobile div[dstype="spec-name"] .item-row .item-row-name { float: none; line-height: 30px; width: 80px; font-size: 14px; color: #333; margin-right: 15px; }
.item-row .item-row-main{ font-size: 14px; color: #333; float: left; line-height: 30px; padding-left: 20px; background: url(../images/icon/icon22.png)no-repeat 0 center;}
.item-row .showTemplate{ float: left; padding-right: 16px; background: url(../images/icon/icon01.png)no-repeat right center; width: 22px; height: 14px; margin: 8px 0 0 6px; cursor: pointer;}
.item-row .item-row-Freight{ font-size: 14px; color: #333; float: left; line-height: 30px;}
.item-row .item-row-warn{ display: block; float: left; width: 30px; height: 30px; background: url(../images/icon/icon23.png) no-repeat right center;}
.item-top-middle.mobile .item-row .item-row-color{ float: none;width: 100%;}
.item-row .item-row-color span{text-align: center;min-height: 28px;font-size: 14px; display: inline-block; padding: 0 12px; margin: 0 8px 8px 0; border: 1px solid #e9e9e9;cursor: pointer;}
.item-row .item-row-color span:hover{ border-color: #cf010e;}
.item-row .item-row-color span.active{ border-color: #cf010e; background: url(../images/icon/icon24.png)no-repeat right bottom;}
.item-top-middle.mobile .item-row .item-row-number{ float: right;}
.item-row .but-l{ width: 30px; height: 30px; margin-right: 4px; background: url(../images/icon/icon32.png)no-repeat center center #f2f2f2; float: left; cursor: pointer;}
.item-row .but-r{ width: 30px; height: 30px; margin-left: 4px; background: url(../images/icon/icon31.png)no-repeat center center #f2f2f2; float: left; cursor: pointer;}
.item-row .buy-num{ background: #f2f2f2; height: 30px; border: none; width: 60px; text-align: center; font-size: 14px; color: #333;}
.item-top-middle.mobile .item-row .item-row-Cart{ width: 100%; height: 50px; color: #fff; line-height: 50px; font-size: 16px; box-sizing:border-box; display: block; float: left; margin: 30px 0; cursor: pointer; border-radius: 26px; padding-left: 0; text-transform: uppercase; background: #cf010e; text-align: center;}
.item-top-middle.mobile .item-row .item-row-Cart span{ display: inline-block; background: url(../images/icon/car03.png)no-repeat 0 center; padding-left: 26px; line-height: 50px;}
.item-row .item-row-email{ display: block; background: url(../images/icon/icon36.jpg)no-repeat 34px center #000; width: 240px; height: 36px; color: #fff; box-sizing:border-box; line-height: 36px; font-size: 14px; border-radius: 6px; padding-left: 62px;}
.item-top-middle.mobile .item-row .item-row-ensure{ width: 100%; height: auto; background: #f2f2f2; border-radius: 6px; box-sizing:border-box; padding-top: 11px; margin-bottom: 30px;}
.item-row .item-row-ensure li{ width: 50%; font-size: 14px; color: #333; line-height: 24px; box-sizing:border-box; float: left; }
.item-row .item-row-ensure.de01{ width: 400px;}
.item-row .item-row-ensure.tr01{ width: 390px;}
.item-row .item-row-ensure.es01 .item-row-ensure04,.item-row .item-row-ensure.pt01 .item-row-ensure04,.item-row .item-row-ensure.it01 .item-row-ensure04{ line-height: 14px;}
.item-row-ensure01{ background: url(../images/icon/icon27.png)no-repeat 22px center; padding-left: 46px;}
.item-row-ensure02{ background: url(../images/icon/icon28.png)no-repeat 10px center; padding-left: 36px;}
.item-row-ensure03{ background: url(../images/icon/icon29.png)no-repeat 22px center; padding-left: 46px;}
.item-row-ensure04{ background: url(../images/icon/icon30.png)no-repeat 10px center; padding-left: 36px;}
.item-top-middle.mobile .item-row .item-row-pay{ margin: 0 8px;}
.item-top-middle.mobile .item-row.item-row-evaluate{ width: 100%;}
.item-row.item-row-evaluate.mobile{ text-align: center;}
.item-top-middle.mobile .item-row.item-row-evaluate .item-row-name{ color: #333; font-weight: bolder;}
.coupon-box.coupon-pro.mobile.coupon-pro-view{ margin: 10px auto 30px;}
.coupon-box.coupon-pro.mobile.coupon-pro-view .shopRecSuit{ width: 100%; text-align: left;}
.item-top-middle.mobile .item-row .item-row-ensure li{ width: 100%;}
.item-top-middle.mobile .item-row .item-row-ensure.enmob li,.item-top-middle.mobile .item-row .item-row-ensure.jamob li,.item-top-middle.mobile .item-row .item-row-ensure.komob li{ width: 50%;}
@media screen and (max-width: 360px) {
.item-top-middle.mobile .item-row .item-row-ensure.enmob li,.item-top-middle.mobile .item-row .item-row-ensure.jamob li,.item-top-middle.mobile .item-row .item-row-ensure.komob li{ width: 100%;}
}
.item-top-middle.mobile .item-row-ensure01{ background: url(../images/icon/icon27.png)no-repeat 12px center; padding-left: 34px;}
.item-top-middle.mobile .item-row-ensure02{ background: url(../images/icon/icon28.png)no-repeat 12px center; padding-left: 34px;}
.item-top-middle.mobile .item-row-ensure03{ background: url(../images/icon/icon29.png)no-repeat 12px center; padding-left: 34px;}
.item-top-middle.mobile .item-row-ensure04{ background: url(../images/icon/icon30.png)no-repeat 12px center; padding-left: 34px;}
/*右边喜欢推荐*/
.item-top-right{ width: 152px; overflow: hidden; float: right;}
.like-tit{ font-size: 16px; color: #333; font-weight: bolder; padding-bottom: 10px;}
.like-list li{ width: 152px; overflow: hidden; margin-bottom: 6px;}
.like-list-img{ width: 152px; height: 152px; box-sizing:border-box; border: 1px solid #e9e9e9;}
.like-list-img img{ width: 100%;}
.like-list-tit{ font-size: 14px; color: #333; line-height: 18px; padding-top: 6px;}
.like-list li:hover .like-list-tit{ color: #cf010e;}
.like-price{ font-size: 16px; font-weight: bold; color: #cf010e; padding-top: 6px;}
/*产品参数*/
.shop-parameter-box{ width: 100%; display: table; background: #f2f2f2; padding: 40px 0; min-width: 1200px;}
.shop-parameter-main{ width: 1200px; overflow: hidden; margin: 0 auto;}
.itembar-ul{ overflow: hidden;}
.itembar-ul li{ float: left; margin-right: 8px; background: #f9f9f9; height: 50px; border-radius: 14px 14px 0 0; overflow: hidden;}
.itembar-ul li a{ display: inline-block; line-height: 50px; color: #191919; font-size: 18px; font-weight: bold; padding: 0 38px;}
.itembar-ul li.active{ background: #fff;}
/*配件信息*/
.item-borbox,.item-change-show,.item-back-show,.itembar-go{ background: #fff; padding: 40px; border-radius: 0 14px 14px 14px; display: none;}
.item-borbox img,,.item-change-show img,.item-back-show img,.itembar-go img{ max-width: 1120px;}
.item-paraul{ display: table;}
.item-paraul li{ width: 552px; height: 50px; box-sizing:border-box; border: 1px solid #c6c6c6; float: left; border-radius: 10px; overflow: hidden; margin: 0 16px 16px 0; line-height: 50px;}
.item-paraul-name{ background: #f2f2f2; font-size: 18px; color: #666; border-right:1px solid #c6c6c6; box-sizing:border-box; padding-right: 10px; width: 210px; text-align: right; float: left;height: 50px; line-height: 50px;}
.item-paraul-attribute{ box-sizing:border-box; padding: 0 10px; color: #333; font-size: 18px; line-height: 50px; float: left;}
.item-paraul li:nth-child(even){ margin-right: 0;}
/*手机配件信息*/
.item-borbox.mobile,.item-change-show.mobile,.item-back-show.mobile,.itembar-go.mobile{ background: #fff; padding: 0; border-radius: 0 14px 14px 14px; display: block; }
.item-borbox.mobile img,.item-change-show.mobile img,.item-back-show.mobile img,.itembar-go.mobile img{ max-width: 640px;width: 100%;}
.item-borbox.mobile .item-paraul{ display: table; padding-top: 10px;}
.item-borbox.mobile .item-paraul li{ width: 100%; height: 30px; box-sizing:border-box; border: 1px solid #c6c6c6; float: left; border-radius: 5px; overflow: hidden; margin: 0 0 10px 0; line-height: 30px;}
.item-borbox.mobile .item-paraul-name{ background: #f2f2f2; font-size: 14px; color: #666; border-right:1px solid #c6c6c6; box-sizing:border-box; padding-right: 10px; width: 40%; text-align: right; float: left;height: 30px; line-height: 30px;}
.item-borbox.mobile .item-paraul-attribute{ box-sizing:border-box; padding: 0 10px; color: #333; font-size: 14px; line-height: 30px; float: left; width: 60%;}
.item-paraul li:nth-child(even){ margin-right: 0;}
.item-change-show.mobile{ width: 100%; max-width: 640px; margin: 10px auto 0; overflow-y: auto; padding: 0 16px; box-sizing:border-box;}
.item-back-show.mobile{ margin-top: 10px;}
.layui-table.mobile td,.layui-table.mobile th { position: relative; padding: 8px; min-height: 20px; line-height: 18px; font-size: 12px;}
/*商品展示*/
/*售后保障*/
/*评价列表*/
/*推荐产品*/
.Recommended-product-box{ overflow: hidden; padding: 10px 0 70px;}
.Recommended-product{ position: relative;}
.Recommended-product-btnL,.Recommended-product-btnR{ display: inline-block; position: absolute; width: 60px; height: 60px; background: rgba(255,255,255,.5); box-shadow: 0 0 10px #7b7b7b; top: 50%; margin-top: -30px; border-radius: 8px;}
.Recommended-product-btnL{ left: 20px;}
.Recommended-product-btnR{ right: 20px;}
.Recommended-product-btnL img,.Recommended-product-btnR img{ margin: 25px 25px;}
.Recommended-product-btnL:hover,.Recommended-product-btnR:hover{ background: rgba(217,1,14,.7);}
.Recommended-product .alone-Products li{ border: 1px solid #e9e9e9;}
.Recommended-product .alone-Products li:hover{ }
/* .alone-Products-box.Recommended-product{ height: 826px;} */
.alone-Products-box.Recommended-product .alone-Products>li { height: 390px;}
/* 放大镜 */
.zoomDiv{z-index:999;position:absolute;top:30px;left:0px;width:100px;height:100px;background:#ffffff;border:1px solid #CCCCCC;text-align:center;overflow:hidden;}
.zoomDiv .zoom_box{height:800px;width: 800px;vertical-align: middle;}
.zoomMask{position:absolute;width:100px;height:100px;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
#couponContainer{ margin-top: 4px;}
/* 提示页 */
.layadmin-tips{margin-top: 30px; text-align: center;}
.layadmin-tips .layui-icon[face]{display: inline-block; font-size: 300px; color: #393D49;}
.layadmin-tips .layui-text{width: 500px; margin: 30px auto; padding-top: 20px; border-top: 5px solid #009688; font-size: 16px;}
.layadmin-tips h1{font-size: 100px; line-height: 100px; color: #009688;}
.layadmin-tips .layui-text .layui-anim{display: inline-block;}
.az-red{background-color: #cf010e !important;}
.az-black{background-color: #000 !important;}
.az-tips{color: #7b7b7b !important;text-align: center;}
@media screen and (max-width: 640px) {
.layadmin-tips .layui-icon[face]{display: inline-block; font-size: 80px; color: #393D49;}
.layadmin-tips .layui-text{ max-width: 640px; margin: 30px auto; padding-top: 20px; border-top: 3px solid #009688; font-size: 16px; width: 100%;}
}
/*-------------登录------------*/
.topCom2{ width: 100%; min-width: 1200px; padding: 56px 0; height: 150px; box-shadow: 0 3px 5px #f2f2f2; box-sizing:border-box; background: #fff;}
.topCom2Left{ float: left;line-height: 30px;}
.topCom2Left a{ float: left; margin-right: 30px;}
.topCom2Left a .com2Logo{width: 200px;}
.com2Title{ float: left; line-height: 30px; font-size: 20px; color: #333;}
.topCom2Right{ float: right;}
.login_main{ width: 100%; min-width: 1200px; overflow: hidden;}
.login_box{ width: 600px; overflow: hidden; margin: 120px auto; background: #fff; box-shadow: 0 0 15px #e3e3e3; padding: 50px 70px 56px; border-radius: 6px; box-sizing:border-box;}
.login-title{ text-align: center; font-size: 30px; font-weight: bold; color: #333; line-height: 50px; padding-bottom: 30px;}
.input_box{ margin-bottom: 20px; height: 70px; position: relative;}
.form-control{ display: block; height: 70px; padding: 20px 20px 20px 56px; box-sizing:border-box; border: 1px solid #e9e9e9; border-radius: 6px; font-size: 18px; width: 100%;}
.input_text{ }
.input_box.input_box_first00:before{ content: ""; width: 26px; height: 26px; background: url(../images/icon/icon43.png)no-repeat center center; position: absolute; left: 18px; top: 20px;}
.input_box.input_box_first01:before{ content: ""; width: 26px; height: 26px; background: url(../images/icon/icon44.png)no-repeat center center; position: absolute; left: 18px; top: 20px;}
.input-password{}
.input_box .Verification { display: inline-block; height: 14px; background: #fff; width: 260px; padding-left: 4px; float: left; padding: 20px; height: 70px; border: 1px solid #e9e9e9;}
.Verification_code { height: 34px; float: left; margin: 13px 12px 0;}
.input_box_first .see { display: block; float: left; height: 70px; line-height: 70px; color: #1191cc; margin-left: 4px; font-size: 16px}
.fm-agreement{ float: left;}
.l_f.forget{ float: right; font-size: 18px; color: #666; height: 18px; line-height: 18px;}
#fm-agreement-checkbox{ float: left; margin: 2px 10px 0 0; width: 16px; height: 16px;}
.fm-agreement-txt{ float: left; font-size: 18px; line-height: 18px; color: #666; width: auto;}
.fm-agreement-txt.fm-agreement-txt02{ width: 432px;}
.input_box.input_box_first03{ height: 60px; padding-top: 4px;}
.button01{ display: block; width: 100%; height: 70px; background: #cf010e; border-radius: 6px; color: #fff; line-height: 70px; font-size: 18px; border: none;}
.l_f.free{ display: block; width: 100%; height: 70px; background: #000; border-radius: 6px; color: #fff; line-height: 70px; font-size: 18px; border: none; text-align: center;}
.input_box_txt{ text-align: center; font-size: 18px; color: #666; line-height: 50px; padding-bottom: 18px;}
.fm-agreement label{ cursor: pointer; float: left;}
/*手机端登录*/
.topCom2{ width: 100%; min-width: 1200px; padding: 56px 0; height: 150px; box-shadow: 0 3px 5px #f2f2f2; box-sizing:border-box; background: #fff;}
.topCom2Left{ float: left;line-height: 30px;}
.topCom2Left a{ float: left; margin-right: 30px;}
.topCom2Left a .com2Logo{width: 160px;}
.com2Title{ float: left; line-height: 30px; font-size: 20px; color: #333;}
.topCom2Right{ float: right;}
.login_main.mobile{ width: 100%; min-width: 200px; overflow: hidden; max-width: 640px; margin: 0 auto;}
.login_box.mobile{ width: 100%; overflow: hidden; margin: 40px auto; background: #fff; box-shadow: none; padding: 0; border-radius: 6px; box-sizing:border-box; padding: 0 20px;}
.login_box.mobile .login-title{ text-align: center; font-size: 26px; font-weight: bold; color: #333; line-height: 50px; padding-bottom: 20px;}
.login_box.mobile .input_box{ margin-bottom: 20px; height: 50px; position: relative;}
.login_box.mobile .form-control{ display: block; height: 50px; padding: 10px 10px 10px 46px; box-sizing:border-box; border: 1px solid #e9e9e9; border-radius: 6px; font-size: 16px; width: 100%;}
.login_box.mobile .form-control.mobile{ padding: 10px 10px 10px 10px;}
.login_box.mobile .form-control.input_text01.hide{ padding: 10px;display: none;}
.login_box.mobile .form-control.mobile.fixpd{ padding-left: 46px;}
.login_box.mobile .form-control.input_text_email{ padding: 10px 20px;box-sizing:border-box; }
.input_text{ }
.login_box.mobile .input_box.input_box_first00:before{ content: ""; width: 26px; height: 26px; background: url(../images/icon/icon43.png)no-repeat center center; position: absolute; left: 12px; top: 12px; background-size: 22px;}
.login_box.mobile .input_box.input_box_first01:before{ content: ""; width: 26px; height: 26px; background: url(../images/icon/icon44.png)no-repeat center center; position: absolute; left: 12px; top: 12px; background-size: 22px;}
.input-password{}
.input_box .Verification { display: inline-block; height: 14px; background: #fff; width: 260px; padding-left: 4px; float: left; padding: 20px; height: 70px; border: 1px solid #e9e9e9;}
.Verification_code { height: 34px; float: left; margin: 13px 12px 0;}
.input_box_first .see { display: block; float: left; height: 70px; line-height: 70px; color: #1191cc; margin-left: 4px; font-size: 16px}
.login_box.mobile .fm-agreement{ float: left; overflow: hidden; padding-bottom: 16px;}
.login_box.mobile .l_f.forget{ float: left; font-size: 16px; color: #666; height: 18px; line-height: 18px;
width: 100%; margin-top: 14px;}
#fm-agreement-checkbox{ float: left; margin: 2px 10px 0 0; width: 16px; height: 16px;}
.login_box.mobile .fm-agreement-txt{ float: left; font-size: 16px; line-height: 18px; color: #666; width: auto;}
.login_box.mobile .fm-agreement-txt.fm-agreement-txt02{ width: 92%;}
.login_box.mobile .input_box.input_box_first03{ height: auto; padding-top: 4px; overflow: hidden;}
.login_box.mobile .button01{ display: block; width: 100%; height: 50px; background: #cf010e; border-radius: 6px; color: #fff; line-height: 50px; font-size: 16px; border: none;}
.login_box.mobile .l_f.free{ display: block; width: 100%; height: 50px; background: #000; border-radius: 6px; color: #fff; line-height: 50px; font-size: 16px; border: none; text-align: center;}
.login_box.mobile .input_box_txt{ text-align: center; font-size: 16px; color: #666; line-height: 50px; padding-bottom: 18px;}
.login_box.mobile .fm-agreement label{ cursor: pointer; float: left;}
/*---------注册成功--------*/
.register_success{ width: 144px; height: 144px; margin: 60px auto;}
.register_box_txt{ text-align: center; font-size: 20px; color: #333; line-height: 50px; padding-bottom: 34px; line-height: 36px;}
.register_title{ padding-top: 20px;}
.input_box_first02 .l_f.free{ background: #cf010e;}
.input_box.input_box_first04 .smscode{font-size: 18px;color: #0070c9;position: absolute;line-height: 70px;top: 0;right: 20px; cursor: pointer;}
/*手机注册成功*/
.login_main.mobile .register_success{ width: 144px; height: 144px; margin: 40px auto;}
.login_main.mobile .register_box_txt{ text-align: center; font-size: 16px; color: #333; padding-bottom: 34px; line-height: 28px;}
.login_main.mobile .register_title{ padding-top: 20px;}
.input_box_first02 .l_f.free{ background: #cf010e;}
.login_main.mobile .input_box.input_box_first04 .smscode{font-size: 18px;color: #0070c9;position: absolute;line-height: 50px;top: 0;right: 20px; cursor: pointer;}
/*---------确认您的电子邮件---------*/
.confirm_btn{ width: 218px; height: 68px; border: 1px solid #cf010e; background: #cf010e; color: #fff; float: left; line-height: 70px; font-size: 18px; font-size: 18px; border-radius: 6px; text-align: center;}
.confirm_btn.confirm_btn02{ float: right; background: #fff; color: #cf010e;}
.Succes_sent{ font-size: 18px; color: #666; height: 24px; line-height: 24px; padding-left: 34px; background: url(../images/icon/icon51.jpg)no-repeat 0 center; margin-top: 4px;}
/*手机确认您的电子邮件*/
.login_main.mobile .confirm_btn{ width: 48%; height: 50px; border: 1px solid #cf010e; background: #cf010e; color: #fff; float: left; line-height: 50px; font-size: 16px; border-radius: 6px; text-align: center;}
.login_main.mobile .confirm_btn.confirm_btn02{ float: right; background: #fff; color: #cf010e;}
.login_main.mobile .Succes_sent{ font-size: 16px; color: #666; height: 24px; line-height: 24px; padding-left: 34px; background: url(../images/icon/icon51.jpg)no-repeat 0 center; margin-top: 4px;}
/*---------注册--------*/
.form-control.input_text01{ padding: 20px; outline: none; }
.input_box_first000 .form-control.input_text01{ width: 218px; float: left;}
.input_box_first000 .form-control.input_text01.input_text02{ width: 218px; float: right;}
.fm-agreement-txt.fm-agreement-txt01{ font-size: 15px; line-height: 20px;}
.input_box_txt a{ color: #cf010e;}
.other_login_tit{ border-top: 1px solid #666666; position: relative; margin: 30px 0;}
.other_login_tit span{ display: inline-block; background: #fff; padding: 0 20px; height: 24px; line-height: 24px; font-size: 22px; color: #666; position: absolute; left: 50%; margin: -12px 0 0 -86px;}
.other_login_style{ overflow: hidden; text-align: center; padding-top: 20px;}
.other_login_style a{ margin: 0 20px;}
.confirm_btn.confirm_btn02[data-regfrom="company"]{ float: left; border: none; cursor: pointer;}
.confirm_btn.confirm_btn02[data-regfrom="person"]{ float: right; border: none; cursor: pointer;}
.selectRegFrom .confirm_btn.confirm_btn02{ background: #e9e9e9; color: #313131;}
.selectRegFrom .confirm_btn.confirm_btn02.selected { background-color: #000 !important; color: #fff;}
.form-control.input_text01[name="country"]{background: url(../images/icon/icon01.png)no-repeat 426px center #fff; -webkit-appearance: none; appearance: none; color: #}
#login_form .selectdiv{ height: 50px!important; font-size: 18px; padding-top: 10px;}
/*手机端注册*/
.login_main.mobile .form-control.input_text01{ padding: 10px 20px; outline: none; box-sizing: border-box;}
.login_main.mobile .form-control.input_text01.input_text01_telCode{ padding: 10px 10px; outline: none; box-sizing: border-box;}
.login_main.mobile .input_box_first000 .form-control.input_text01{ width: 48%; float: left;}
.login_main.mobile .input_box_first000 .form-control.input_text01.input_text02{ width: 48%; float: right;}
.login_main.mobile .fm-agreement-txt.fm-agreement-txt01{ font-size: 15px; line-height: 20px;}
.login_main.mobile .input_box_txt a{ color: #cf010e;}
.login_main.mobile .other_login_tit{ border-top: 1px solid #666666; position: relative; margin: 30px 0;}
.login_main.mobile .other_login_tit span{ display: inline-block; background: #fff; padding: 0 20px; height: 24px; line-height: 24px; font-size: 22px; color: #666; position: absolute; left: 50%; margin: -12px 0 0 -86px;}
.login_main.mobile .other_login_style{ overflow: hidden; text-align: center; padding-top: 20px;}
.login_main.mobile .other_login_style a{ margin: 0 20px;}
.login_main.mobile .confirm_btn.confirm_btn02[data-regfrom="company"]{ float: left; border: none; cursor: pointer;}
.login_main.mobile .confirm_btn.confirm_btn02[data-regfrom="person"]{ float: right; border: none; cursor: pointer;}
.login_main.mobile .selectRegFrom .confirm_btn.confirm_btn02{ background: #e9e9e9; color: #313131;}
.login_main.mobile .selectRegFrom .confirm_btn.confirm_btn02.selected { background-color: #000 !important; color: #fff;}
.login_main.mobile .form-control.input_text01[name="country"]{background: url(../images/icon/icon01.png)no-repeat 97% center #fff; -webkit-appearance: none; appearance: none; color: #}
.login_main.mobile #login_form .selectdiv{ height: 50px!important; font-size: 16px; padding-top: 10px;}
.login_main.mobile .selectType { width: 50%; display: inline-block; float: left;}
/*----------我的账户----------*/
.topCom2.topCom3{ width: 100%; min-width: 1200px; padding: 40px 0; height: 116px; box-shadow: 0 0 0 #f2f2f2; box-sizing: border-box; background: #fff; border-top: 1px solid #ebebeb;}
.nav-search.nav-search02{ border-radius: 0; margin-top: 3px;}
.nav-search.nav-search02 .topsearchtxt{ border: 1px solid #ebebeb; border-right: none;}
.nav-cart.nav-cart02{ border: 1px solid #ebebeb; margin: 2px 0 0 10px; border-radius: 0;}
.nav-cart.nav-cart02 .cart-money{ color: #333; font-weight: bold; font-size: 16px;}
/*我的账户主体*/
.account-main-box{ background: #f2f2f2; width: 100%; min-width: 1200px; display: block; padding: 30px 0;}
.account-main{ width: 1200px; margin: 0 auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex;}
/*手机我的账户主体*/
.account-main-box.mobile { background:url(../images/bg10.jpg)no-repeat; width: 100%; min-width: 200px; display: block; padding: 30px 0; max-width: 640px; margin: 0 auto; background-size: 100%; }
.account-main-box.mobile.mobile01{ background: #fff;}
.account-main.mobile{ width: 100%; margin: 0 auto; overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 16px; box-sizing: border-box;}
.mobile_main_nav{ width: 100%; max-width: 640px; margin: 0 auto;}
/*左边*/
.account-main-l{ width: 180px; padding: 0 0 30px 30px; background: #fff; box-sizing: border-box;}
.account-project dt{ font-size: 16px; font-weight: bold; color: #333;padding-top: 40px; padding-bottom: 8px;}
.account-project dd a{ display: block; line-height: 30px; font-size: 14px; color: #333;}
.account-project dd a:hover,.account-project dd a span{ color: #cf010e;}
/*手机左边*/
.account-main-l.mobile{ width: 100%; padding: 0 16px; background: #fff; box-sizing: border-box; box-shadow: 0 0 5px #e0e0e0; max-width: 640px; border-radius: 9px;}
.account-main-l.mobile .account-project{ padding: 12px 0;}
.account-project dt{ font-size: 16px; font-weight: bold; color: #333;padding-top: 40px; padding-bottom: 8px;}
.account-main-l.mobile .account-project dd a{ display: block; line-height: 40px; font-size: 14px; color: #333; background: url(../images/icon/icon03.png) no-repeat right center;}
.account-project dd a:hover,.account-project dd a span{ color: #cf010e;}
.log-out-mobiel{ width: 100%; height: 40px; color: #fff; background: #191919; text-align: center; font-size: 16px; text-align: center; display: block; line-height: 40px; border-radius: 30px; margin: 30px 0 10px;}
/*右边*/
.account-main-r{ width: 1020px; padding-left: 30px; box-sizing: border-box;}
/*手机右边*/
.account-main-r.mobile{ width: 100%; padding-left: 0; box-sizing: border-box;}
/*01*/
.qj-userinfo{ width: 990px; height: 160px; background: url(../images/bg05.jpg)no-repeat;}
.qj-userinfo-l{ width: 120px; height: 120px; overflow: hidden; float: left; box-sizing: border-box; overflow: hidden; margin: 20px 30px; position: relative; border-radius: 60px; border: 2px solid #fff;}
.qj-wallet-t{ height: 34px;}
.qj-userinfo-l a{ display: block; width: 116px; height: 116px; border-radius: 60px; }
.qj-userinfo-l p{ position: absolute; height: 30px; background: rgba(0,0,0,.3); font-size: 12px; text-align: center; line-height: 20px; color: #fff; bottom: 0; width: 100%;}
.qj-userinfo-l a img{ -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.qj-userinfo-r{ width: 780px; overflow: hidden; float: left; padding-top: 26px;}
.qj-wallet-tl{ float: left; font-size: 18px; color: #fff; font-weight: bold;}
.qj-wallet-tl span{ display: inline-block; width: 62px; height: 22px; font-weight: normal; font-size: 12px; line-height: 22px; color: #333; margin-left: 4px; text-align: center;}
.member-h{ background: url(../images/icon/icon55.png)no-repeat;}
.qj-wallet-tr{ float: right; font-size: 12px; color: #666; padding-left:24px; cursor: pointer;}
.qj-wallet-tr.close{ background: url(../images/icon/icon54.png)no-repeat 0 center;}
.qj-wallet-tr.open{ background: url(../images/icon/icon53.png)no-repeat 0 center;}
.qj-wallet-b{ background: #fff; height: 80px; width: 100%; border-radius: 12px; box-sizing: border-box; padding: 0 0 0 20px; margin: 0;}
.qj-wallet-b li{ width: 25%; float: left; padding-left: 30px; box-sizing: border-box; background: url(../images/icon/icon34.jpg) no-repeat 0 center; height: 80px;}
.qj-wallet-b li p{ font-size: 20px; color: #333; font-weight: bold; line-height: 24px; padding-top: 18px; height: 24px;}
.qj-wallet-b li span{ font-size: 14px; color: #666;}
/*手机01*/
.qj-userinfo.mobile{ width: 100%; height: auto; background: none; overflow: hidden; position: relative;}
.qj-userinfo.mobile .qj-userinfo-l{ max-width: 60px; height: 60px; overflow: hidden; float: left; box-sizing: border-box; overflow: hidden; margin: 0 14px 0 0; position: relative; border-radius: 30px; border: 1px solid #fff; width: 30%; min-width: 60px;}
.qj-userinfo.mobile .qj-wallet-t{ height: auto;}
.qj-userinfo.mobile .qj-wallet-t .qj-wallet-tl{ padding-bottom: 6px;}
.qj-userinfo.mobile .qj-wallet-t .mobile-number{ font-size: 14px; color: #fff;}
.qj-userinfo.mobile .qj-userinfo-l a{ display: block; width: 100%; height: 100%; border-radius: 60px; }
.qj-userinfo-l p{ position: absolute; height: 30px; background: rgba(0,0,0,.3); font-size: 12px; text-align: center; line-height: 20px; color: #fff; bottom: 0; width: 100%;}
.qj-userinfo.mobile #imgbtn{ position: absolute; display: inline-block; background: #fff; line-height: 24px; padding: 0 10px; border-radius: 14px; height: 24px; color: #333; width: 54px; right: 0; top: 0; text-align: center;}
.qj-userinfo.mobile #imgbtn .webuploader-pick { position: relative; display: inline-block; cursor: pointer; padding: 0 0; color: #333; text-align: center; border-radius: 3px; overflow: hidden; font-size: 12px;}
.qj-userinfo.mobile .qj-userinfo-l a img{ -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.qj-userinfo.mobile .qj-userinfo-r{ width: 50%; overflow: hidden; float: left; padding-top: 8px; }
.qj-userinfo.mobile .qj-wallet-tl{ float: left; font-size: 16px; color: #fff; font-weight: bold;}
.qj-wallet-tl span{ display: inline-block; width: 62px; height: 22px; font-weight: normal; font-size: 12px; line-height: 22px; color: #333; margin-left: 4px; text-align: center;}
.member-h{ background: url(../images/icon/icon55.png)no-repeat;}
.qj-wallet-tr{ float: right; font-size: 12px; color: #666; padding-left:24px; cursor: pointer;}
.qj-wallet-tr.close{ background: url(../images/icon/icon54.png)no-repeat 0 center;}
.qj-wallet-tr.open{ background: url(../images/icon/icon53.png)no-repeat 0 center;}
.qj-wallet-b{ background: #fff; height: 80px; width: 100%; border-radius: 12px; box-sizing: border-box; padding: 0 0 0 20px; margin: 0;}
.qj-wallet-b li{ width: 25%; float: left; padding-left: 30px; box-sizing: border-box; background: url(../images/icon/icon34.jpg) no-repeat 0 center; height: 80px;}
.qj-wallet-b li p{ font-size: 20px; color: #333; font-weight: bold; line-height: 24px; padding-top: 18px; height: 24px;}
.qj-wallet-b li span{ font-size: 14px; color: #666;}
/*02*/
.qj-useroder{ padding-top: 20px; overflow: hidden; clear: both;}
/*手机02*/
.qj-useroder.mobile{ padding-top: 20px; overflow: visible; clear: both; border-radius: 5px; }
/*02-左*/
.qj-useroder-l{ float: left; background: #fff; width: 800px;}
.qj-useroder-r-tit p{ float: left;}
.qj-useroder-r-tit a{ float: right; font-size: 14px; font-weight: normal; color: #333;}
.qj-useroder-r-tit a span{ display: inline-block; width: 20px; height: 20px; background: url(../images/icon/icon03.png) no-repeat center center #f2f2f2; margin: 18px 0 0 8px; border-radius: 10px; float: right;}
.s-my-counts{ padding: 0; margin: 0; overflow: hidden; border-bottom: 1px solid #f2f2f2;}
.s-my-counts li{ width: 20%; padding: 40px 0 26px; float: left; text-align: center;}
.s-my-counts li a{ display: block; position: relative;}
.s-my-counts li a p{ padding-top: 14px; font-size: 14px; color: #333;}
.s-my-counts li a span{ display: inline-block; height: 18px; line-height: 18px; border: 1px solid #fff; background: #cf010e; border-radius: 10px; padding: 0 6px; color: #fff; position: absolute; top: -2px; left: 84px;}
.s-my-counts-img{ width: 50px; height: 50px; margin: 0 auto;}
.s-my-counts-img02{ display: none;}
.s-my-counts li a:hover p,.s-my-counts li.active a p{ color: #cf010e;}
.s-my-counts li a:hover .s-my-counts-img01,.s-my-counts li.active a .s-my-counts-img01{ display: none;}
.s-my-counts li a:hover .s-my-counts-img02,.s-my-counts li.active a .s-my-counts-img02{ display: block;}
.qj-express-box{ padding: 14px 20px; overflow: hidden; position: relative;}
.qj-express-list{ overflow: hidden; min-height: 70px;}
.qj-express-list li{display: none;}
.qj-express-m{ float: left; width: 600px;}
.qj-express-img{ float: left; width: 60px; height: 60px; border: 1px solid #f2f2f2; margin-right: 12px;}
.qj-express-img img{ width: 100%; height: 100%; display: block; }
.qj-express-main{ float: left; width: 520px;}
.qj-express-main p{ line-height: 22px; color: #666; font-size: 12px; height: 22px; overflow : hidden; text-overflow: ellipsis; white-space:nowrap; width: 520px; padding-top: 6px;}
.qj-express-view{ float: right; font-size: 12px; color: #666; line-height: 60px;}
.qj-express-view:hover{ color: #cf010e;}
.qj-express-box ol{ text-align: center;}
.qj-express-box ol li{ width: 12px; height: 12px; display: inline-block; margin: 0 4px; border: 1px solid #999; border-radius: 8px;}
.qj-express-box ol li.active{ background: #999;}
/* 手机02-左*/
.qj-useroder-l.mobile { float: left; background: #fff; width: 100%; border-radius: 9px; box-shadow: 0 0 5px #e0e0e0; margin-bottom: 20px;}
.qj-useroder-r-tit p{ float: left;}
.qj-useroder-r-tit a{ float: right; font-size: 14px; font-weight: normal; color: #333;}
.qj-useroder-l.mobile .qj-useroder-r-tit a span{ display: inline-block; width: 20px; height: 20px; background: url(../images/icon/icon03.png) no-repeat center center #f2f2f2; margin: 16px 0 0 8px; border-radius: 10px; float: right;}
.qj-useroder-l.mobile .s-my-counts{ padding: 0; margin: 0; overflow: visible; border-bottom: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box;}
.qj-useroder-l.mobile .s-my-counts li{ width: 20%; padding: 16px 0 40px; float: none; text-align: center; box-sizing: border-box;}
.s-my-counts li a{ display: block; position: relative;}
.s-my-counts li a p{ padding-top: 14px; font-size: 14px; color: #333;}
.qj-useroder-l.mobile .s-my-counts li a span{ display: inline-block; height: 18px; line-height: 18px; border: 1px solid #fff; background: #cf010e; border-radius: 10px; padding: 0 6px; color: #fff; position: absolute; top: -2px; left: 56%; }
.qj-useroder-l.mobile .s-my-counts-img{ width: 50%; height: auto; margin: 0 auto; position: relative;}
.qj-useroder-l.mobile .s-my-counts-img img{ width: 100%; max-width: 50px; height: auto; min-width: 30px;}
.s-my-counts-img02{ display: none;}
.s-my-counts li a:hover p,.s-my-counts li.active a p{ color: #cf010e;}
.s-my-counts li a:hover .s-my-counts-img01,.s-my-counts li.active a .s-my-counts-img01{ display: none;}
.s-my-counts li a:hover .s-my-counts-img02,.s-my-counts li.active a .s-my-counts-img02{ display: block;}
.qj-useroder-l.mobile .qj-express-box{ padding: 0; overflow: hidden; position: relative;}
.qj-express-list{ overflow: hidden; min-height: 70px;}
.qj-express-list li{display: none;}
.qj-express-m{ float: left; width: 600px;}
.qj-express-img{ float: left; width: 60px; height: 60px; border: 1px solid #f2f2f2; margin-right: 12px;}
.qj-express-img img{ width: 100%; height: 100%; display: block; }
.qj-express-main{ float: left; width: 520px;}
.qj-express-main p{ line-height: 22px; color: #666; font-size: 12px; height: 22px; overflow : hidden; text-overflow: ellipsis; white-space:nowrap; width: 520px; padding-top: 6px;}
.qj-express-view{ float: right; font-size: 12px; color: #666; line-height: 60px;}
.qj-express-view:hover{ color: #cf010e;}
.qj-express-box ol{ text-align: center;}
.qj-express-box ol li{ width: 12px; height: 12px; display: inline-block; margin: 0 4px; border: 1px solid #999; border-radius: 8px;}
.qj-express-box ol li.active{ background: #999;}
/*02-右*/
.qj-useroder-r{ float: right; width: 160px; background: #fff;}
.qj-useroder-r-tit{ font-size: 16px; color: #333;height: 56px; border-bottom: 1px solid #f2f2f2; padding: 0 20px; line-height: 56px; font-weight: bold;}
.qj-useroder-r-number{ text-align: center; font-size: 14px; color: #333; line-height: 28px; padding: 48px 0;}
.qj-useroder-r-number span{ font-size: 18px;}
/*手机02-右*/
.qj-useroder-r{ float: right; width: 160px; background: #fff;}
.qj-useroder-l.mobile .qj-useroder-r-tit{ font-size: 16px; color: #333;height: 56px; border-bottom: none; padding: 0 16px; line-height: 50px; font-weight: bold; }
.qj-useroder-r-number{ text-align: center; font-size: 14px; color: #333; line-height: 28px; padding: 48px 0;}
.qj-useroder-r-number span{ font-size: 18px;}
/*--------------我的订单-------------*/
.qj-useroder-r-tit.qj-useroder-o{ background: #fff; border: none; margin-bottom: 30px;}
.qj-roder-big-box{ width: 100%; overflow: hidden; background: #fff; padding: 20px; box-sizing: border-box; min-height: 500px;}
.account-main-r.mobile .qj-useroder-r-tit.qj-useroder-o{ background: #fff; border: none; margin-bottom: 0; font-size: 16px; height: 30px; line-height: 30px; margin: 0 ; padding: 0;}
.qj-roder-big-box.mobile{ width: 100%; overflow: hidden; background: #fff; padding: 0; box-sizing: border-box; min-height: 200px; box-shadow: 0 0 5px #e0e0e0; border-radius: 9px; margin-top: 14px;}
.qj-roder-big-box.mobile.mobile01{ width: 100%; overflow: visible; background: #fff; padding: 0; box-sizing: border-box; min-height: 400px; box-shadow: none; border-radius: 0; margin: 14px 0 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.account-main-box.mobile.mobile01 .coupon-box.coupon-pro.mobile{ padding: 0; margin: 10px auto; width: 100%;}
.qj-roder-nav{ width: 100%; height: 24px;}
.qj-roder-nav-l{ float: left;}
.qj-roder-nav-l a{ position: relative; margin-right: 30px; float: left;}
.qj-roder-nav-l.mobile a{ display: inline-block; float: none; margin-right: 14px;}
.qj-roder-nav-l a p{ line-height: 24px; font-size: 14px; color: #333; border-bottom: 2px solid #fff; float: left;}
.qj-roder-nav-l a:hover p,.qj-roder-nav-l a.active p{ color: #cf010e; border-color:#cf010e; }
.qj-roder-nav-l a span{ display: inline-block; font-size: 10px; color: #fff; background: #cf010e; line-height: 14px; border-radius: 8px; padding: 0 4px; margin: -1px 0 0 2px; float: right; }
.qj-roder-nav-l a:nth-of-type(6) p{ color: #999; padding-left: 30px; background: url(../images/icon/icon34.jpg)no-repeat 0 center;}
.qj-roder-nav-l.mobile a:nth-of-type(6) p{ color: #333; padding-left: 0; background: none;}
.qj-roder-nav-r{ float: right;}
.qj-roder-nav-l a:nth-of-type(6):hover p{ color: #cf010e; border-color:#fff;}
.qj-roder-search{ float: left; width: 200px; height: 22px; border: 1px solid #e9e9e9; font-size: 12px; padding: 0 10px; line-height: 22px; outline: none;}
.qj-roder-btn{ border: none; background: url(../images/icon/icon61.png)no-repeat center center #e9e9e9; height: 24px; width: 40px; text-indent: 99999px; cursor: pointer;}
/*02*/
.qj-roder-nav01{ height: 30px; background: #f7f7f7; width: 100%; font-size: 12px; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; margin-top: 14px;}
.qj-roder-nav01 th{ font-size: 12px; color: #333; border: none; margin: 0; padding: 0; height: 30px;}
.qj-roder-nav01 thead{ height: 30px;}
.qj-roder-nav01 th a{ display: block; margin: 0; padding: 0; line-height: 30px; color: #333; position: relative;}
.qj-roder-nav01 th span{ display: inline-block; width: 10px; height: 10px; background: url(../images/icon/icon01.png)no-repeat center center; margin-left: 4px; -webkit-transition: all .2s; transition: all .2s;}
.qj-roder-nav01 th a:hover{ background: #fff; box-shadow: 0 0 5px #e1e1e1;}
.qj-roder-nav01 th a:hover span{ -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.qj-roder-time-history{ width: 100%; position: absolute; background: #fff; display: none;}
.qj-roder-time-history li{ text-align: left; padding-left: 24px;}
.qj-roder-time-history li:hover{ background: #f5f5f5; color: #cf010e; }
.qj-roder-nav01 th a:hover .qj-roder-time-history{ box-shadow: 0 2px 5px #e1e1e1; display: block;}
.qj-roder-time-history.h-all li{ padding-left: 34px;}
/*03*/
.qj-roder-list-box{ border-collapse: collapse; border-spacing: 0; margin: 14px 0 0 0; padding: 0; width: 100%; border: 1px solid #e9e9e9;}
.qj-roder-list-box thead{ height: 30px; background: #f7f7f7; }
.qj-roder-list-box thead th{ border: none; margin: 0; padding: 0; line-height: 18px; padding: 8px 14px; box-sizing: border-box; text-align: left; color: #999;}
.qj-roder-delete{ width: 20px; height: 30px; background: url(../images/icon/icon62_b.png)no-repeat right center; float: right; position: relative;}
.qj-roder-delete:hover{ background: url(../images/icon/icon62_r.png)no-repeat right center; }
.qj-roder-list-box thead th span{ color: #333;}
.qj-roder-delete p{ font-size: 12px; color: #333; background: #fff;display: inline-block; height: 34px; border-radius: 5px; line-height: 34px; padding: 0 10px; position: absolute; width: 146px; top: -2px; right: 26px; box-shadow: 0 0 5px #e1e1e1; display: none; -webkit-transition: all .2s; transition: all .2s; text-align: center; font-weight: normal;}
.qj-roder-delete:hover p{ display: block;}
.qj-roder-list td{ padding: 10px; box-sizing: border-box; text-align: center;}
.pro_smimg{ width: 60px; height: 60px; border: 1px solid #f2f2f2; float: left;}
.pro_smimg img{ width: 100%; height: 100%;}
.pro_name{ text-align: left; float: left; width: 260px; margin:2px 0 0 12px; }
.pro_name a{ color: #333; font-size: 12px; line-height: 16px; display: block;}
.pro_name a:hover{ color: #cf010e;}
.pro_name p{ font-size: 12px; color: #999; padding-top: 4px;}
.pro_repair{ text-align: left; float: right;font-size: 12px; }
.qj-roder-pro{ border-right: 1px solid #e9e9e9;}
.qj-roder-list a{ display: block; color: #333;}
.qj-roder-list .qj-roder-color{ color: #999; height: 20px; line-height: 20px;}
.qj-roder-residue-time{ padding-left: 8px; background: url(../images/icon/icon63.png)no-repeat 0 center;}
.qj-roder-awaiting-pay{ font-weight: 700; color: #000; line-height: 16px;}
.qj-roder-kong{ border-top: 1px solid #d5d5d5; height: 4px; width: 82px; margin: 4px auto 0;}
.qj-roder-list .qj-roder-warn{ color: #ff6c00;}
.qj-roder-list .qj-roder-pay{ height: 24px; border: 1px solid #cf010e; color: #cf010e; line-height: 24px; margin: 4px 0;}
.qj-roder-list .qj-roder-pay:hover{ background: #cf010e; color: #fff;}
.qj-roder-list a:hover{ color: #cf010e;}
.qj-roder-list .qj-roder-harvest{ height: 24px; border: 1px solid #e9e9e9; color: #333; line-height: 24px; margin: 4px 0; background: #f7f7f7;}
.qj-roder-list .qj-roder-harvest:hover{ border-color:#cf010e; }
.qj-roder-list .qj-roder-o-more{ height: 26px; border: 1px solid #e9e9e9; color: #333; line-height: 24px; margin: 4px 0; background: url(../images/icon/icon64_b.png)no-repeat 16px center #f7f7f7; box-sizing: border-box; padding-left: 20px;}
.qj-roder-list .qj-roder-o-more:hover{ border: 1px solid #cf010e; background: url(../images/icon/icon64_r.png)no-repeat 16px center #f7f7f7; }
.qj-roder-pro{ color: #333;}
.qj-roder-pro-time092701{ color: #999;}
.pro_smimg .onerow{ background: #ffedd1; border: 1px solid #fea31b; font-size: 12px;}
.qj-roder-list-box01 .pro_smimg{ margin: 0 10px 0 0;}
.fill-express{ background: #f2f2f2; border: 1px solid #aeaeae; display:block; width: 78px; margin: 0 auto;}
/*04页码*/
.pagenav { clear: both; font-size: 12px; margin-top: 14px;}
.pagenav ul{ float: right;}
.pagenav li { float: left; margin-left: 6px;}
.pagenav li a { float: left; height: 26px; text-decoration: none; margin: 1px; color: #666; background: #f2f2f2; line-height: 26px; padding: 0 10px;}
.pagenav li a:hover{ color: #fff; background: #cf010e;}
.pagenav span a { font-size: 14px; margin: 0 4px;}
.pagenav .active a { color: #fff; text-decoration: none; background: #cf010e;}
.pagenav .goto { margin-left: 10px; vertical-align: middle; height: 28px; line-height: 28px;}
.pagenav select { width: auto; vertical-align: middle; margin: 0 0 0 10px; outline: none; border-color: #e9e9e9; height: 26px; padding: 0 6px; }
.recipient-information{ padding: 10px; border: 1px solid #e9e9e9; margin-bottom: 10px; width: 428px; background: #f2f2f2;}
#user_form .txt_row{ margin-bottom: 20px;}
/*--------------购物车-------------*/
.cart-main{ width: 1200px; margin: 0 auto; display: block; padding-bottom: 30px;}
.cart-main.mobile{ width: 100%; margin: 0 auto; display: block; padding-bottom: 0; max-width: 640px;}
/*01*/
.cart-top{ width: 100%; height: 70px; padding-top: 20px; padding: 20px 16px 0;}
.cart-top-l{ float: left; font-size: 22px; font-weight: bold; color: #333;}
.cart-top-l span{ font-size: 24px; margin-bottom: -2px;}
.cart-top-r{ float: right;}
.cart-top-rl{ float: left; font-size: 14px; color: #666; line-height: 26px; padding-right: 14px;}
.cart-top-rr{ float: left; line-height: 24px; border: 1px solid #e9e9e9; padding: 0 12px 0 14px; }
.cart-top-rr a{ color: #666; font-size: 14px; padding-right: 16px; background: url(../images/icon/icon01.png)no-repeat right center;}
/*手机端01*/
.cart-top.mobile{ width: 100%; height: 64px; padding: 20px 16px 0; box-sizing: border-box; /*display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;*/ display: none;}
.cart-top.mobile .cart-top-l{ float: left; font-size: 18px; font-weight: bold; color: #333; }
.cart-top.mobile .cart-top-l span{ font-size: 20px; margin-bottom: 0; color: }
.cart-top.mobile .cart-top-r{ float: right;}
.cart-top.mobile .cart-top-rl{ float: left; font-size: 14px; color: #666; line-height: 26px; padding-right: 14px;}
.cart-top.mobile .cart-top-rr{ float: left; line-height: 24px; border: 1px solid #e9e9e9; padding: 0 12px 0 14px; }
.cart-top.mobile .cart-top-rr a{ color: #666; font-size: 14px; padding-right: 16px; background: url(../images/icon/icon01.png)no-repeat right center;}
/*02*/
.cart-menu{ height: 35px; font-size: 14px; line-height: 35px; color: #333;}
.menu-first { padding-left: 20px; float: left; width: 168px; box-sizing: border-box;}
.cart-menu input[type=checkbox] { width: 18px; line-height: 18px; height: 18px; vertical-align: middle;}
.menu-first label{ cursor: pointer;}
#checkAllTop { vertical-align: middle; margin: 0px;}
#checkAllTop-lable { vertical-align: middle; margin: 0px;}
.menu-second { float: left; width: 324px;}
.menu-third { text-align: center; float: left; width: 216px; text-align: center;}
.menu-four { float: left; width: 156px; text-align: center;}
.menu-five { float: left; width: 192px; text-align: center;}
.menu-six { float: left; width: 144px; text-align: center;}
/*手机端02*/
.cart-menu.mobile,.qj-roder-nav-l.mobile{ height: 70px; font-size: 14px; line-height: 18px; color: #333; width: 100%; padding: 30px 16px 0; box-sizing: border-box; overflow-x: auto; white-space:nowrap ; }
.cart-menu-box{ }
.cart-menu.mobile a{ display: inline-block; margin-right: 14px; font-size: 16px; color: #333;}
.cart-menu.mobile a.act{ color: #000; font-weight: 700; border-bottom: 2px solid #cf010e;}
/*03*/
.shopping-cart-goods-container{ background: #f7f7f7; border-top: 1px solid #e9e9e9; height: 131px; box-sizing: border-box; padding: 20px 0; margin-top: 20px; }
.shopping-cart-goods01{ width: 168px; padding-left: 20px; box-sizing: border-box; display: block; float: left;}
.selectThisGoods{ width: 18px; height: 18px; float: left; margin-top: 36px;}
.shopping-cart-goods01 a{ display: block; float: left; width: 90px; height: 90px; margin-left: 20px;}
.shopping-cart-goods01 a img{ width: 100%; height: 100%;}
.shopping-cart-goods02{ width: 324px; float: left; height: 100%;}
.shopping-cart-goods02 a{ font-size: 14px; color: #333; line-height: 24px;}
.shopping-cart-goods03{ width: 216px; height: 100%; float: left;}
.shopping-cart-goods03 p{ font-size: 14px; text-align: center;}
.price-original{ color: #999; text-decoration: line-through;}
.shopping-cart-goods04{ width: 156px; float: left;}
.shopping-cart-goods04 .item-row-number{border: 1px solid #e9e9e9; display: inline-block; margin: 0 0 0 17px;}
.shopping-cart-goods04 .but-l { width: 30px; height: 24px; background: url(../images/icon/icon32.png)no-repeat center center #fff; float: left; cursor: pointer;}
.shopping-cart-goods04 .buy-num { background: #ffff; height: 24px; border: none; width: 60px; text-align: center; font-size: 14px; color: #333; border: 1px solid #e9e9e9; border-top: none; border-bottom: none;}
.shopping-cart-goods04 .but-r { width: 30px; height: 24px; background: url(../images/icon/icon31.png)no-repeat center center #fff; float: left; cursor: pointer;}
.shopping-cart-goods04-number{ text-align: center; font-size: 14px; line-height: 26px; color: #666;}
.shopping-cart-goods05{ width: 192px; float: left; box-sizing: border-box; text-align: center;}
.shopping-cart-goods05 p{ font-size: 14px; line-height: 26px; color: #cf010e;}
.show_price{ font-weight: bold;}
.shopping-cart-goods06{ width: 144px; float: left;}
.shopping-cart-goods06 a{ line-height: 26px; display: block; text-align: center; color: #333;}
.shopping-cart-goods06 a:hover{ color: #cf010e;}
/*手机端03*/
.shopCart-mobile{ width: 100%; padding: 0 16px; box-sizing: border-box;}
.shopping-cart-goods-container.mobile{ background: #fff; border-top: none; height: auto; box-sizing: border-box; padding: 20px 12px; margin-top: 16px; width: 100%; border-radius: 5px; box-shadow: 0 0 3px #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box;}
.shopping-cart-goods-container.mobile .shopping-cart-goods{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.shopping-cart-goods-r{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 60%; padding-left: 14px; box-sizing: border-box;}
.shopping-cart-goods-container.mobile .shopping-cart-goods01{ width: 30%; padding-left: 0; box-sizing: border-box; display: block; float: none; min-width: 108px; max-width: 108px;}
.selectThisGoods{ width: 18px; height: 18px; float: left; margin-top: 31px;}
.shopping-cart-goods-container.mobile .shopping-cart-goods01 a{ display: block; float: left; width:80px; height: 80px; margin-left: 10px;}
.shopping-cart-goods01 a img{ width: 100%; height: auto;}
.shopping-cart-goods-container.mobile .shopping-cart-goods02{ width: 100%; float: none; height: auto;}
.shopping-cart-goods-container.mobile .shopping-cart-goods02 a{ font-size: 14px; color: #333; line-height: 22px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; width: 100%; max-height: 40px; margin-bottom: 6px;}
.shopping-cart-goods-container.mobile .shopping-cart-goods03{ width: auto; height: auto; float: left; padding-top: 6px;}
.shopping-cart-goods-container.mobile .shopping-cart-goods03 p{ font-size: 14px; text-align: center; color: #cf010e; font-weight: bold;}
.shopping-cart-goods-container.mobile .price-original{ color: #999; text-decoration: line-through;}
.shopping-cart-goods-container.mobile .shopping-cart-goods04{ width: 100%; float: none; padding-top: 10px; overflow: hidden;}
.shopping-cart-goods-container.mobile .shopping-cart-goods04 .item-row-number{border: 1px solid #e9e9e9; display: inline-block; margin: 0 0 0 17px; float: right;}
.shopping-cart-goods-container.mobile .shopping-cart-goods04 .but-l { width: 26px; height: 24px; background: url(../images/icon/icon32.png)no-repeat center center #fff; float: left; cursor: pointer;}
.shopping-cart-goods-container.mobile .shopping-cart-goods04 .buy-num { background: #ffff; height: 24px; border: none; width: 40px; text-align: center; font-size: 14px; color: #333; border: 1px solid #e9e9e9; border-top: none; border-bottom: none;}
.shopping-cart-goods-container.mobile .shopping-cart-goods04 .but-r { width: 26px; height: 24px; background: url(../images/icon/icon31.png)no-repeat center center #fff; float: left; cursor: pointer;}
.shopping-cart-goods-container.mobile .shopping-cart-goods04-number{ text-align: center; font-size: 14px; line-height: 26px; color: #666;}
.shopping-cart-goods-container.mobile .shopping-cart-goods05{ width: 192px; float: left; box-sizing: border-box; text-align: center;}
.shopping-cart-goods-container.mobile .shopping-cart-goods05 p{ font-size: 14px; line-height: 26px; color: #cf010e;}
.shopping-cart-goods-container.mobile .show_price{ font-weight: bold;}
.shopping-cart-goods-container.mobile .shopping-cart-goods06{ width: 100%; float: none; padding-top: 10px;}
.shopping-cart-goods-container.mobile .shopping-cart-goods06 a{ line-height: 26px; display: block; text-align: right; color: #333;}
.shopping-cart-goods-container.mobile .shopping-cart-goods06 a:hover{ color: #cf010e;}
/*04*/
.shopping-cart-settlement { margin-top: 30px; height: 60px; background-color: #e5e5e5; line-height: 60px;}
.shopping-cart-settlement-first { padding-left: 20px; float: left; height: 100%; box-sizing: border-box;}
.checkAllButtom-container { float: left;}
#checkAll-bottom{ font-size: 14px; color: #333; margin-left: 2px; cursor: pointer;}
.checkAllButtom-container input { height: 18px; width: 18px; vertical-align: middle; margin: 0px;}
.shopping-cart-settlement-first a { margin-left: 30px; display: block; float: left; font-size: 14px; color: #333;}
.shopping-cart-settlement-first a:hover{ color: #cf010e;}
.shopping-cart-settlement-l{ float: right;}
.shopping-cart-settlement-second { float: left; height: 100%; color: #999; font-size: 14px; padding-right: 40px;}
.shopping-cart-settlement-second span { color: #cf010e; font-weight: bold; font-size: 20px; }
.shopping-cart-settlement-third { float: left; height: 100%; color: #999; font-size: 14px; position: relative; margin-right: 22px;}
#allSelectPrice { color: #cf010e; font-weight: bold; font-size: 20px;}
.allSelectPrice-remind{ float: right; width: 16px; height: 16px; background: url(../images/icon/icon65.png)no-repeat center center; margin: 22px 0 0 6px; position: relative; cursor: pointer;}
.allSelectPrice-remind p{ background: #fff; height: 32px; line-height: 32px; position: absolute; top: -64px; width: 160px; border-radius: 6px; box-shadow: 0 0 5px #dfdfdf; text-align: center; left: -26px; display: none;}
.allSelectPrice-remind p::after{ content: ""; width: 10px; height: 10px; background: #fff; transform: rotate(45deg); position: absolute; left: 30px; top: 26px; box-shadow: 3px 0 5px #dfdfdf;}
.allSelectPrice-remind:hover p{ display: block;}
.shopping-cart-settlement-four { float: left; text-align: center; font-size: 20px; font-weight: bold; color: white; width: 120px; background-color: rgb(176,176,176); height: 100%; cursor: pointer;}
.shopping-cart-settlement-four input[type=submit] { border-radius: 2px; background-color: rgb(176,176,176); width: 120px; height: 60px; padding: 0px; font-size: 20px; color: white; border: none; cursor: pointer; font-weight: bold;}
/*手机端04*/
.shopping-cart-settlement.mobile { margin-top: 10px; height:auto; background-color: #fff; line-height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.mobile .shopping-cart-settlement-first { padding: 0 16px; float: none; height: 100%; box-sizing: border-box; width: 100%;}
.mobile .checkAllButtom-container { float: left;}
.mobile #checkAll-bottom{ font-size: 14px; color: #333; margin-left: 2px; cursor: pointer;}
.mobile .checkAllButtom-container input { height: 18px; width: 18px; vertical-align: middle; margin: 0px;}
.mobile .shopping-cart-settlement-first a { margin-left: 30px; display: block; float: right; font-size: 14px; color: #333;}
.mobile .shopping-cart-settlement-first a:hover{ color: #cf010e;}
.mobile .shopping-cart-settlement-l{ float: none; width: 100%; background: #f2f2f2; padding: 0 0 0 16px; box-sizing: border-box; /*display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;*/}
.mobile .shopping-cart-settlement-second { float: left; height: auto; color: #999; font-size: 14px; padding-right: 40px;}
.mobile .shopping-cart-settlement-second span { color: #cf010e; font-weight: bold; font-size: 20px; }
.mobile .shopping-cart-settlement-third { float: left; height: auto; color: #999; font-size: 14px; position: relative; margin-right: 22px;}
.mobile #allSelectPrice { color: #cf010e; font-weight: bold; font-size: 20px;}
.mobile .allSelectPrice-remind{ float: right; width: 16px; height: 16px; background: url(../images/icon/icon65.png)no-repeat center center; margin: 22px 0 0 6px; position: relative; cursor: pointer;}
.mobile .allSelectPrice-remind p{ background: #fff; height: 32px; line-height: 32px; position: absolute; top: -64px; width: 160px; border-radius: 6px; box-shadow: 0 0 5px #dfdfdf; text-align: center; left: -26px; display: none;}
.mobile .allSelectPrice-remind p::after{ content: ""; width: 10px; height: 10px; background: #fff; transform: rotate(45deg); position: absolute; left: 30px; top: 26px; box-shadow: 3px 0 5px #dfdfdf;}
.mobile .allSelectPrice-remind:hover p{ display: block;}
.mobile .shopping-cart-settlement-four { float: right; text-align: center; font-size: 20px; font-weight: bold; color: white; width: 120px; background-color: rgb(176,176,176); height: auto; cursor: pointer;}
.mobile .shopping-cart-settlement-four input[type=submit] { border-radius: 2px; background-color: rgb(176,176,176); width: 120px; height: 62px; padding: 0px; font-size: 20px; color: white; border: none; cursor: pointer; font-weight: bold; float: right;}
/*手机端地址*/
.layui-table.qj-roder-nav01.mobile td{ border: none; padding: 0;}
.layui-table.qj-roder-nav01.mobile tr{ }
.add_top{ margin-bottom: 14px; padding: 14px; box-shadow: 0 0 5px #e0e0e0; border-radius: 9px;}
.add_top01 a{ font-size: 16px; color: #333; font-weight: 700; line-height: 24px; padding-left: 20px; background: url(../images/icon/icon22.png) no-repeat 0 center;}
.add_top01 span{ font-size: 14px; color: #999; line-height: 24px;}
.add_top02{ font-size: 14px; color: #999; line-height: 20px; padding: 6px 0 10px; border-bottom: 1px solid #d9d9d9;}
.add_top03{ padding: 10px 0; height: 16px;}
.add_top03_l{ float: left; height: 30px;}
.add_top03_l a{ float: left; }
.add_top03_l span{ float: left; padding-left: 4px; line-height: 20px;}
.add_top03_r{ float: right;}
.add_top03_r a{ display: inline-block; padding: 0 10px; line-height: 24px; border: 1px solid #989898; font-size: 12px; color: #666; border-radius: 16px; margin: 0 0 0 6px;}
.account-main-r.mobile .layui-btn.layui-btn-red{ width: 100%; border-radius: 20px;}
/*手机端编辑地址*/
.qj-useroder-r-tit.qj-useroder-o.mobile { font-size: 16px; color: #333; height: 30px; border-bottom: none; padding: 0 0; line-height: 30px; font-weight: bold; margin: 20px 0 20px 0;}
.layui-form.mobile{ width: 100%; max-width: 640px; margin: 0 auto; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box;}
.layui-form.mobile .layui-form-label { position: relative; float: left; display: block; padding: 8px 0; width: 80px; font-weight: 400; line-height: 20px; text-align: right;}
.layui-form.mobile .layui-input-block { margin-left: 0; min-height: 36px; width: 100%; box-sizing: border-box; padding-left: 92px;}
.layui-form.mobile .layui-form-item { position: relative; margin-bottom: 0; width: 100%;}
.layui-form.mobile .layui-form-item input[type="button"]{ display: block; width: 100%; height: 40px; border: none; background: #cf010e; color: #fff; font-size: 16px; border-radius: 30px; margin: 30px 0 40px;}
/*手机端我的留言*/
.layui-table.table-bordered.order-table.mobile{ margin-top: 0;}
.layui-table.table-bordered.order-table.mobile td{ border: none; padding: 0;}
.layui-table.table-bordered.order-table.mobile tr{ }
.ly_top{ margin-bottom: 14px; padding: 14px; box-shadow: 0 0 5px #e0e0e0; border-radius: 9px;}
.ly_top01{ font-size: 14px; color: #000; line-height: 22px; padding-bottom: 4px;}
.ly_top02,.ly_top04{ font-size: 12px; color: #999; padding-bottom: 8px;}
.ly_top03{ font-size: 12px; color: 333; line-height: 20px; padding-bottom: 4px;}
.ly_top05{ overflow: hidden;}
.ly_top05 button.layui-border-blue{ display: block; width: 80px; color: #cf010e!important; height: 28px; line-height: 28px; font-size: 12px; text-align: center; border: 1px solid #cf010e!important; float: right; border-radius: 20px;}
.ly_top05 button.layui-border-blue.delete01{ color: #333!important; border-color: #999!important; background: #fff;}
.ly_top05 button { margin-left: 10px;}
.ly_top05 .layui-border-blue-view{ display: block; width: 80px; color: #cf010e!important; height: 28px; line-height: 28px; font-size: 12px; text-align: center; border: 1px solid #cf010e!important; float: right; border-radius: 20px; margin-left: 10px;}
.main_auto.mobile{ width: 100%; max-width: 640px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box;}
/**分页控制 begin**/
.page-box{height: 24px; margin:5px;line-height: 24px;margin:10px 0 20px 0;}
.page{overflow: hidden;float:left;}
.page li{float:left; margin-left: 5px;}
@media screen and (max-width: 640px) {
.page-box{height: auto; overflow: hidden;}
.page-box .page-all{ width: 100%;}
.page-box .page{ padding-top: 8px;}
.page li{float:left; margin: 0 5px 8px 0;}
}
.page li a{border: 1px solid #cecece; display: inline-block;border-radius: 3px;padding: 0 8px; text-align: center;color: #595959;}
.page li:not(.page-disabled) a:hover{ border: 1px solid #cf010e; color: #fff; background: #cf010e;}
.page li.page-disabled{background:#d6d6d6;color:#fff}
.page li.page-disabled a{color:#fff;cursor:default}
.page li.page-choose a{ border: 1px solid #cf010e; color: #fff; background: #cf010e;cursor:default}
.page-box .page-go{float:left;margin:0 5px;}
.page-box .to_page_txt{width:32px;display: inline-block;height:26px}
.page-box .to_page_btn{padding:3px;}
.page-box .page-all{float:left;}
.page-box .to_pageall_txt{width:40px;display: inline-block;height:26px}
.small-page{float:right;height: 24px;line-height: 24px;}
.small-page .small-page-msg, .small-page .small-page-now{margin-right:10px;}
.small-page .small-page-msg>b, .small-page .small-page-now>b{margin:0 1px;color: #ff6161;}
.small-page .small-page-now>font{margin:0 1px;}
.small-page .small-pagebtn{font-weight: 700;font-size: 16px;text-align: center;background-color: #fff; border: 1px solid #cecece;display: inline;margin-left: 3px;padding: 0px 10px;color: #716464;}
.small-page .page-disabled{background-color:#f5f5f5;color:#ccc;cursor:not-allowed;}
.maintb {width: 1200px;margin: 0 auto;padding: 15px 0 15px;}
.txt_form{width:550px;padding:20px 20px}
.txt_form label { display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}
.txt_row{margin-bottom:6px;}
.txt_row .txt_title{margin-bottom:0px;font-weight:bold;line-height:36px;font-size:14px;width:90px;text-align:right;margin-right:5px;}
.txt_tips{color:#ddd;margin-left:100px;height:17px;line-height:17px;}
.txt_err .txt_tips{color:red;}
.txt_row .form-control{width:230px;}
.txt_row textarea.form-control{width:auto;}
.txt_row .btn,.txt_row .imgcode{margin-top:-1px}
.txt_anyrow .txt_title{display:block;float:left;}
.txt_anyrow .text_right{float:left;}
.txt_error{margin-left:5px;color:red}
.imgcode_box .form-control, .mobile_code_box .form-control{width:135px}
.agree_box label{margin-left:60px;font-weight:bold;font-size:14px;}
.sub_btns{padding-top:5px;margin:0px 0 5px 126px;}
.sub_btns .btn{width:135px}
.txt_main .form-control.addr, .form-control.addr{width:auto;max-width:120px;margin-right:5px}
.txt_main .form-control.address, .form-control.address{width:350px;}
.check-count{margin:0 4px;letter-spacing:1px;color: gray;}
#user_form{ width: 100%; border: 1px solid #b0b0b0; box-sizing:border-box; padding-bottom: 50px;}
.qj-roder-big-box.mobile #user_form,.qj-roder-big-box.mobile #unbind_mobile_form{ width: 100%; border: none; box-sizing:border-box; padding: 0; }
.qj-roder-big-box.mobile #user_form{ padding: 14px;}
.Prompt-Document{ font-size: 12px; color: #333; padding: 20px 0 50px;}
.account-main-r.mobile .Prompt-Document{ font-size: 12px; color: #333; padding: 0 ;}
.Prompt-Document span{ color: #cf010e;}
.qj-roder-big-box.mobile .txt_anyrow .txt_title { display: block; float: right;}
.qj-roder-big-box.mobile .txt_anyrow .qj-userinfo-l { width: 70px; height: 70px; overflow: hidden; float: left; box-sizing: border-box; overflow: hidden; margin: 0 ; position: relative; border-radius: 60px; border: 1px solid #f6f6f6;}
.qj-roder-big-box.mobile .txt_anyrow .text_right { float: right;}
.qj-roder-big-box.mobile .txt_anyrow .qj-userinfo-l a { display: block; width: 100%; height: 100%; border-radius: 60px;}
.qj-roder-big-box.mobile .txt_anyrow .qj-userinfo-l p{ line-height: 16px; font-size: 12px;}
.qj-roder-big-box.mobile .txt_row.txt_anyrow .txt_title{ line-height: 70px;}
.qj-roder-big-box.mobile .txt_row{ display: table; width: 100%; box-sizing: border-box;}
.qj-roder-big-box.mobile .txt_row .txt_title { margin-bottom: 0px; font-weight: bold; line-height: 36px; font-size: 14px; width: 90px;text-align: right; margin-right: 5px; text-align: left; float: left;}
.qj-roder-big-box.mobile .txt_row .txt_main div{ float: right; text-align: right; line-height: 36px;}
.qj-roder-big-box.mobile .txt_row .txt_main input{ border: none; line-height: 36px; height: 36px; text-align: right; float: right; color: #666;}
.qj-roder-big-box.mobile .txt_row .txt_main select{ border: none; line-height: 36px; height: 36px; text-align: right; float: right; color: #666;}
.qj-roder-big-box.mobile .sub_btns { padding: 30px 0; margin: 0;}
.qj-roder-big-box.mobile .sub_btns .layui-btn{ width: 100%; height: 40px; border-radius: 30px;}
.qj-roder-big-box.mobile .txt_form { width: 100%; padding:0;}
.qj-roder-big-box.mobile .txt_form form .txt_row,.qj-roder-big-box.mobile .txt_form #chkemail_form .txt_row{ padding: 10px; box-shadow: 0 0 5px #e0e0e0; margin-bottom: 16px;}
.qj-roder-big-box.mobile .txt_form #chkemail_form .txt_row{ position: relative;}
.qj-roder-big-box.mobile #chkemail_form .txt_row .txt_main img{ position: absolute; top: 10px;}
.qj-roder-big-box.mobile form .txt_row .txt_main{ min-height: 28px; position: relative;}
.qj-roder-big-box.mobile form .txt_row .txt_main .txt_title{ line-height: 36px;}
.qj-roder-big-box.mobile form .txt_row .txt_main b{ line-height: 36px; float: right;}
.qj-roder-big-box.mobile form .txt_row .txt_main.imgcode_box input,.qj-roder-big-box.mobile form .txt_row .txt_main.mobile_code_box input{ border: none; box-sizing: border-box; padding: 0 10px; line-height: 30px; color: #666; border-radius: 3px; height: 32px; text-align: left;}
.qj-roder-big-box.mobile form .txt_row .txt_main a{ width: 30px; height: 28px; position: absolute; right: 64px; top: 2px;}
.qj-roder-big-box.mobile form .txt_row .txt_main #sms_btn{ border: none; height: 30px; position: absolute; top: -2px; right: -12px; color: #0004fe;}
.qj-roder-big-box.mobile form .txt_row .txt_main .layui-inline{ position: absolute; top: 4px;}
/**表单布局 end**/
.btn {padding: 4px 6px;}
.btn-danger {color: #fff;background-color: #cf010e;border-color: #cf010e;}
.require{color: #cf010e;}
.webuploader-container {position: relative;}
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position: relative;display: inline-block;cursor: pointer;padding: 6px 8px;color: #fff;text-align: center;border-radius: 3px;overflow: hidden;}
.webuploader-pick-disable {opacity: 0.6;pointer-events:none;}
/**color begin**/
.orange{color:#ff6800}
.red,.error{color:red;}
.red2{color: #e02323;}
.red3{color: #a51d1d;}
.choose{color:#e02323}
.gray{color:gray}
.gray2{color:#808080;}
.green{color:green}
.blue{color:blue;}
.a_blue{color:#4887fa;}
.warn,.notice{color:#FF5722}
.required{color:red;padding:0 3px;font-weight:normal;font-style:normal}
.black{color:#3d3d3d}
.nodata{color: #FF5722; padding: 10px;text-align: center;}
/**color end**/
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.clear{clear:both;}
.btn { padding: 4px 6px;}
.btn-danger {color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.art-info{padding:20px 0;}
/**搜索配件条件**/
.pro-lists{margin-top:20px;min-height: 350px;}
.pro-lists .alone-Products>li{border:1px solid #e9e9e9;}
.pro-lists.mobile .alone-Products>li{border: none;}
.params-has{margin-bottom:10px;}
.params-has li{float:left;margin-right:10px;padding:5px;}
.params-has li.params-attr{border:1px dotted #ff6161;color: #e02323;}
.params-has li.params-attr a{color: #e02323;}
.params-has li.params-attr:hover{border:1px solid #ff6161;}
.params-has .glyphicon-remove{margin-left:5px;}
.param-selected{}
.search-params{border:1px solid #ccc;margin-bottom:10px;width:100%;}
.search-params a{color:#026ca5;}
.search-params a:hover{color:#ed6e6e;}
.search-params>tbody>tr>th{width:100px;background-color: #f9f9f9;color:#999;text-align:center;padding-top:9px;font-weight:700}
.search-params>tbody>tr>td{padding-left:10px;}
.search-params .brand-logo{height:20px;}
.search-params .select_box{display:block;margin-bottom: -2px;float:left;width:250px;}
.search-model-txt{display:inline-block;padding:4px 5px;margin-right:5px;}
.search-model-txt a{color:#e02323;}
.model-suit-list{max-height:96px;overflow-y: auto;}
.model-suit-list li{margin:2px;}
.model-suit-list .icon2_ul>li{background-position:-278px -8px;}
.search-params .modelBox{float:left;margin:0 10px -4px 0;}
.search-params .select_main{height:168px;width:1189px}
.part-suit-list li{float: left;margin-right: 20px; width: 150px;}
.part-suit-list li .oneli{line-height: 26px;}
.part-suit-list li.active>.oneli a{color: #fff;}
.part-suit-list li.active>.oneli{
padding:5px 10px;
background-color: #e02323;
color: #fff;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.search-params .more-btn{border: 1px solid #ddd;padding: 4px 5px 3px;color:#666}
.sorder-params{border:1px dotted #ccc;height:26px;background-color: #fff;padding:5px 10px;line-height:24px;}
.sorder-params.mobile{ border:none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; margin-top: 20px; width: 100%; max-width: 640px;}
.sorder-params.mobile a{ width: 25%; box-sizing: border-box; border: none; overflow: hidden; min-width: 30px;}
.sorder-params>.sorder-a{border:1px solid #ccc;border-right:none; background-color: #fff;float:left;text-align: center;padding-left:6px;width: auto; height:24px;line-height:24px;text-align: center; min-width: 100px;}
.sorder-params>.sorder-a-end{border-right:1px solid #ccc;}
.sorder-params>.sorder-a>.icon21{padding:0 7px;margin-left:2px;}
.sorder-params>.sorder-a>.icon2_sdown{background-position: -126px -437px;}
.sorder-params>.sorder-hover-sel, .sorder-params>.sorder-a:hover{color:#ff6161;background-color:#e6e6e6;}
.sorder-params>.sorder-hover-sel>.icon2_sdown, .sorder-params>.sorder-a:hover>.icon2_sdown{background-position: -126px -459px;}
.sorder-params>.sorder-a>.icon2_price_null{background-position: -197px -438px;}
.sorder-params>.sorder-a>.icon2_price_desc{background-position: -198px -458px;}
.sorder-params>.sorder-a>.icon2_price_asc{background-position: -234px -458px;}
.sorder-params.mobile>.sorder-a>.icon21.icon2_price_null{ background: url(../images/svg/updown.svg) no-repeat; cursor: pointer; background-size: 13px; background-position: -2px 3px;}
.sorder-params.mobile>.sorder-a>.icon21.icon2_price_desc{background: url(../images/svg/updown-down.svg) no-repeat; cursor: pointer; background-size: 13px; background-position: -2px 3px;}
.sorder-params.mobile>.sorder-a>.icon21.icon2_price_asc{background: url(../images/svg/updown-up.svg) no-repeat; cursor: pointer; background-size: 13px; background-position: -2px 3px;}
.mobile .icon21{ background:url(../images/svg/down.svg) no-repeat;cursor: pointer; background-size: 16px;}
.mobile .sorder-hover-sel .icon21{ background:url(../images/svg/down-red.svg) no-repeat; background-size: 16px;}
.sorder-params.mobile>.sorder-a>.icon2_sdown{background-position: -2px 1px;}
.sorder-params.mobile a .teb{ display: inline-block; overflow: hidden; max-width: 60px;
width: auto; height: 24px; float: left;}
/*价格范围*/
.params-price-box{margin-top:-5px;float:left;position: relative;width:123px;text-align:center;}
.params-price{margin-top:5px;}
.params-price>.form-control{width:50px;height:24px;}
.params-price-btn{display:none;}
.params-price-active{border:none;background-color: #e6e6e6;}
.params-price-active .params-price-btn{display:block;position: absolute;background-color: #e6e6e6;width:123px;text-align:center;padding:5px 0;}
.params-price-active .params-price-btn>.btn{height:24px;padding: 0px 4px;margin:0 8px;}
.pro-null{margin-top:20px;background-color: #fff;padding:20px;}
.sorder-params.mobile.mobile01{ margin-top: 0;}
a.icon21{padding-left:25px;}
.icon21{padding:3px 10px;background:url(../images/icons2.png) no-repeat;cursor: pointer;}
.open-share{background: #333;padding:20px;}
.open-share a{margin-right:5px;}
.layui-btn-red{background-color: #cf010e !important;}
/**对齐margin|padding|float begin**/
.maintb{width:1200px;margin: 0 auto;padding:15px 0 15px;}
.marauto{margin:0 auto;}
.maintb.mobile{ width: 100%; max-width: 640px; }
.comment-haed.mobile{ width: 100%; max-width: 640px; padding: 0 16px; box-sizing: border-box; text-align: left;}
.comment-haed.mobile h3{ text-align: left;}
.comment-haed.mobile .orderNum{ text-align: left;}
/******** 评论列表 begin ***********/
/*#item-evaluate .comment-top{position: relative;top: -16px;overflow: visible;}*/
.comment-top{height:auto;width:100%;border:1px solid #dddddd;border-bottom: none;padding:10px 0;}
.comment-top .comment-topleft-title{color: #333;font-size: 13px;}
.comment-top .score_num{font-size: 32px; color: #e02323; font-family: -webkit-body;line-height: 30px;}
.comment-topleft{height:85px;width:195px;border-right: 1px solid #dddddd;text-align:center;float: left;padding-top:10px;}
.comment-topmiddle{height:85px;}
.comment-topright{float: left; color: #ccc;width: 55px; height: 100%;font-size: 11px;line-height: 16px;background: url(../images/bracket.png) right center no-repeat;}
.comment-toprighttTxt{width: 16px;float: left;margin:3px 0 0 22px;}
.comment-list{margin-top: 20px;margin-bottom: 20px;}
.comment-list-label{width: 650px; float: left;margin-left: 10px;overflow: hidden;margin-top: 5px;height:80px;overflow: hidden;}
.comment-list-label span{float: left;height: 25px;margin: 7px 10px 6px;}
.labelSelect{background: #ffe2e2;border-color: #ff0036;color: #ff0036;}
.comment-list-label a:hover{background: #ffe2e2;border-color: #ff0036;color: #ff0036;}
.comment-list-label s{position: absolute;width: 12px;height: 12px;right: -6px;bottom: -6px;background: url(../images/green_draw.png) 0 -12px no-repeat;display: none;}
.comment-list-label a{position: relative;float: left;border-radius: 2px;line-height: 22px;background: #fff;color:#ff0036;box-shadow: 2px 2px 1px #f2f2f2;border: 1px solid #ffd7dd;white-space: nowrap;padding: 0 10px 0 10px;}
.comment-list-show{float:right;height: 100%;display: table-cell;vertical-align: middle;text-align: center;width: 58px;}
.comment-list-icon-box{margin-top: 50%;}
.comment-list-show .icon_select-{background-position: -83px -93px;}
.comment-list-show .icon_show{background-position: -120px -70px;}
.comment-middle-box{background: #efefef;border: 1px solid #c8c8c8;height: 35px;width:100%;line-height: 24px;padding: 1px 10px;position:relative;}
.comment-middle-box input{cursor: pointer;}
.comment-middle-left{position: absolute;margin-top: 5px;}
.comment-middle-left input{height: 15px;width: 15px;vertical-align:middle;}
.comment-middle-right{position:absolute;right:10px;margin-top: 1px;height: 33px;line-height: 33px;}
.comment-middle-right input{height: 18px;width: 18px;vertical-align:middle;}
.commstar-box{margin-left: 56px;height: 16px;width: 80px;overflow: hidden;}
.commstar{display:inline-block;width: 80px;height: 16px;background: url(../images/commstar.png) 0 0 repeat-x;
}
.cus_time_type{width:85px;height: 22px;background: #efefef;}
.commstar-eva-box{height: 16px;width: 80px;overflow: hidden;}
.commstarhover{position: relative;top:-19px;float:left;display: inline-block;height: 16px;background: url(../images/commstar.png) 0 -16px repeat-x;}
.comment-list-tr {border-bottom: 1px solid #e3e3e3;}
.comment-list-leftTd{width:838px;padding-left:10px;}
.comment-list-rightTd{padding-top:10px;vertical-align: top;width: 112px;}
.comment-list-txt{margin:10px 0 5px 0px;width: 600px;}
.comment-list-imgBox{height: 40px;margin-bottom:20px;}
.comment-list-img{float: left;width:50px;height:50px;border: 2px solid #f2f2f2;margin-right: 8px;position: relative;cursor: url('../images/show01.cur'),default;}
.cursorTypeselect-{cursor: url('.../images/select-01.cur'),default;}
.comment-list-date{clear: both;color: #ccc;margin-bottom:10px;padding-top: 5px;}
/*.comment-list-name{width: 110px;position: absolute;top:0;margin-top: 10px;}*/
.comment-list-name span{color:#999;}
.comment-list-reply{color: #AF874D;margin-bottom: 10px;}
.showComImgBox{display: none;clear:both;margin: 5px 0;border: 1px solid #ccc;background: #fff;padding: 2px;float: left;overflow: hidden;position: relative;}
.showComImgBox img{max-width: 480px;max-height: 480px;cursor: url('.../images/select-01.cur'),default;}
.showComImgBox .a-left{cursor: pointer;position: absolute;top:0px;left: 0px;height: 100%;width:33.3%;}
.showComImgBox .a-right{cursor: pointer;position: absolute;top:0px;right: 0px;height: 100%;width:33.3%;}
.showComImgBox .a-left span{position: absolute;left:-2px;top: 45%;display: none;}
.showComImgBox .a-right span{position: absolute;right:2px;top: 45%;display: none;}
.showComImgBox .icon_left{background-position: -155px -37px;}
.showComImgBox .icon_right{background-position: -188px -37px;}
#desc-com-box{margin-top: 5px;}
.choosed-img{border: 2px solid #f23d6a;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;}
.choosed-img-arrow{display: none; width: 0;height: 0;line-height: 0;font-size: 0;border: 6px dashed transparent;border-top: 6px solid #f23d6a; position: absolute;left: 26px;opacity: 1; bottom: -14px;background: 0 0}
#item-fit-car{display: none;}
#item-fit-car .selected{color:#e7181e;border-color:#e7181e;}
.fit-car-info-box{margin-bottom: 5px;}
.brand_th{background: #f7f7f7;height: 40px;color: #666}
.car_name{font-size: 20px; margin: 10px 0 20px 0;color: black;text-align: center;}
.brand_td_mk{font-size: 14px;color: #808080;}
#user_eva_box.mobile{ width: 100%; max-width: 640px;}
.mobile .comment-middle .commentinfo { margin-top: 10px; border: none;}
.proInfo.mobile .comment-goods { color: #666; text-align: center; padding: 10px 0 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 640px; box-shadow: 0 0 5px #e0e0e0;}
.proInfo.mobile .comment-goods .comment-img{ width: 30%; }
.proInfo.mobile .comment-goods .comment-img img{ width: 100%; max-width: 60px; height: auto;}
.proInfo.mobile .comment-goods .comment-goods-r{ width: 70%; padding: 0 14px; box-sizing: border-box;}
.proInfo.mobile .comment-goods .comment-name{ width: 100%; text-align: left;}
.proInfo.mobile .comment-goods .comment-price{ width: 100%; box-sizing: border-box; text-align: right;}
.mobile .comment-middle .proInfo { width: 100%; height: auto; float: none; padding: 0 16px; box-sizing: border-box; margin: 14px 0 8px;}
.comment-middle .commentwrite.mobile { padding: 18px 16px 0 16px; width: 100%; float: none; border-left: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box;}
.commentwrite.mobile .commentwrite-top{ width: 100%}
.commentwrite.mobile .txt_row{ width: 100%;}
.comment-middle.mobile .comtextarea { width: 100%; position: static; top: -30px;left: 120px; background: #f2f2f2;}
.comment-middle.mobile .comtextarea textarea{ width: 100%; background: #f2f2f2; border: none;}
.commentwrite.mobile .comText{ width: 100%;}
.comment-middle.mobile .column_row { position: static; top: -30px; left: 108px; margin-bottom: 5px; padding: 14px 0 0; width: 100%;}
.comment-middle.mobile .column_row .column_body{ margin: 0 ;}
.comment-middle.mobile .set_proimg_ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; width: 100%;}
.comment-middle.mobile .set_proimg_ul li { float: left; width: 60px; height: 60px; border: 1px solid #c9c9c9; margin: 0 8px 8px 0; background: #f9f9f9; text-align: center; margin-left: 1.5%;}
.comment-middle.mobile .column_body{ width: 100%;}
.comment-middle.mobile .column_body .no_proimg{ margin-top: 16px;}
.comment-middle.mobile .column_body div.has_proimg .proimg_btns { width: 60px;text-align: center; line-height: 22px;}
.comment-foot01.mobile{ width: 100%; max-width: 640px; padding: 30px 16px; box-sizing: border-box; }
.comment-foot01.mobile button{ width: 100%; border-radius: 30px;}
/*手机评论列表*/
.comment-top{height:auto;width:100%;border:1px solid #dddddd;border-bottom: none;padding:10px 0;}
.comment-top .comment-topleft-title{color: #333;font-size: 13px;}
.comment-top .score_num{font-size: 32px; color: #e02323; font-family: -webkit-body;line-height: 30px;}
.comment-topleft{height:85px;width:195px;border-right: 1px solid #dddddd;text-align:center;float: left;padding-top:10px;}
.comment-topmiddle{height:85px;}
.comment-topright{float: left; color: #ccc;width: 55px; height: 100%;font-size: 11px;line-height: 16px;background: url(../images/bracket.png) right center no-repeat;}
.comment-toprighttTxt{width: 16px;float: left;margin:3px 0 0 22px;}
.comment-list{margin-top: 20px;margin-bottom: 20px;}
.comment-list-label{width: 650px; float: left;margin-left: 10px;overflow: hidden;margin-top: 5px;height:80px;overflow: hidden;}
.comment-list-label span{float: left;height: 25px;margin: 7px 10px 6px;}
.labelSelect{background: #ffe2e2;border-color: #ff0036;color: #ff0036;}
.comment-list-label a:hover{background: #ffe2e2;border-color: #ff0036;color: #ff0036;}
.comment-list-label s{position: absolute;width: 12px;height: 12px;right: -6px;bottom: -6px;background: url(../images/green_draw.png) 0 -12px no-repeat;display: none;}
.comment-list-label a{position: relative;float: left;border-radius: 2px;line-height: 22px;background: #fff;color:#ff0036;box-shadow: 2px 2px 1px #f2f2f2;border: 1px solid #ffd7dd;white-space: nowrap;padding: 0 10px 0 10px;}
.comment-list-show{float:right;height: 100%;display: table-cell;vertical-align: middle;text-align: center;width: 58px;}
.comment-list-icon-box{margin-top: 50%;}
.comment-list-show .icon_select-{background-position: -83px -93px;}
.comment-list-show .icon_show{background-position: -120px -70px;}
.comment-middle-box{background: #efefef;border: 1px solid #c8c8c8;height: 35px;width:100%;line-height: 24px;padding: 1px 10px;position:relative;}
.comment-middle-box input{cursor: pointer;}
.comment-middle-left{position: absolute;margin-top: 5px;}
.comment-middle-left input{height: 15px;width: 15px;vertical-align:middle;}
.comment-middle-right{position:absolute;right:10px;margin-top: 1px;height: 33px;line-height: 33px;}
.comment-middle-right input{height: 18px;width: 18px;vertical-align:middle;}
.commstar-box{margin-left: 56px;height: 16px;width: 80px;overflow: hidden;}
.commstar{display:inline-block;width: 80px;height: 16px;background: url(../images/commstar.png) 0 0 repeat-x;
}
.cus_time_type{width:85px;height: 22px;background: #efefef;}
.commstar-eva-box{height: 16px;width: 80px;overflow: hidden;}
.commstarhover{position: relative;top:-19px;float:left;display: inline-block;height: 16px;background: url(../images/commstar.png) 0 -16px repeat-x;}
.comment-list-tr {border-bottom: 1px solid #e3e3e3;}
#commentTable.mobile{ width: 100%;}
@media screen and (max-width: 640px){
#commentTable.mobile .page-box .page-all{ float: none; width: 100%;}
#commentTable.mobile .page-box .page { padding-top: 8px; display: block; float: none;}
}
.mobile .comment-list-tr {border-bottom: none; width: 100%;}
.mobile .comment-list-tr-l {border-bottom: 1px solid #e3e3e3;}
.comment-list-leftTd{width:838px;padding-left:10px;}
.mobile .comment-list-leftTd{width:100%;padding-left:0; box-sizing: border-box;}
.comment-list-rightTd{padding-top:10px;vertical-align: top;width: 112px;}
.comment-list-txt{margin:10px 0 5px 0px;width: 600px;}
.mobile .comment-list-txt{margin:10px 0 5px 0px;width:100%;}
.comment-list-imgBox{height: 40px;margin-bottom:20px;}
.comment-list-img{float: left;width:50px;height:50px;border: 2px solid #f2f2f2;margin-right: 8px;position: relative;cursor: url('../images/show01.cur'),default;}
.cursorTypeselect-{cursor: url('.../images/select-01.cur'),default;}
.comment-list-date{clear: both;color: #ccc;margin-bottom:10px;padding-top: 5px;}
/*.comment-list-name{width: 110px;position: absolute;top:0;margin-top: 10px;}*/
.comment-list-name span{color:#999;}
.comment-list-reply{color: #AF874D;margin-bottom: 10px;}
.showComImgBox{display: none;clear:both;margin: 5px 0;border: 1px solid #ccc;background: #fff;padding: 2px;float: left;overflow: hidden;position: relative;}
.showComImgBox img{max-width: 480px;max-height: 480px;cursor: url('.../images/select-01.cur'),default;}
.showComImgBox .a-left{cursor: pointer;position: absolute;top:0px;left: 0px;height: 100%;width:33.3%;}
.showComImgBox .a-right{cursor: pointer;position: absolute;top:0px;right: 0px;height: 100%;width:33.3%;}
.showComImgBox .a-left span{position: absolute;left:-2px;top: 45%;display: none;}
.showComImgBox .a-right span{position: absolute;right:2px;top: 45%;display: none;}
.showComImgBox .icon_left{background-position: -155px -37px;}
.showComImgBox .icon_right{background-position: -188px -37px;}
#desc-com-box{margin-top: 5px;}
.choosed-img{border: 2px solid #f23d6a;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;}
.choosed-img-arrow{display: none; width: 0;height: 0;line-height: 0;font-size: 0;border: 6px dashed transparent;border-top: 6px solid #f23d6a; position: absolute;left: 26px;opacity: 1; bottom: -14px;background: 0 0}
#item-fit-car{display: none;}
#item-fit-car .selected{color:#e7181e;border-color:#e7181e;}
.fit-car-info-box{margin-bottom: 5px;}
.brand_th{background: #f7f7f7;height: 40px;color: #666}
.car_name{font-size: 20px; margin: 10px 0 20px 0;color: black;text-align: center;}
.brand_td_mk{font-size: 14px;color: #808080;}
/******** 评论列表 end***********/
/**********关于我们***********/
.main_about_box{ width: 100%; min-width: 1200px; background: #f6f6f6; padding-top: 50px; overflow: hidden;}
.main_about_nav{ width: 950px; height: 60px; margin: 0 auto;}
.main_about_nav li{ float: left; width: 25%; line-height: 60px;}
.main_about_nav li a{ display: block; text-align: center; font-size: 18px; color: #333;}
.main_about_nav li a:hover,.main_about_nav li a.a_blue{ background: #fff; }
.main_about_nav li a.a_blue{font-weight: bold;}
.main_auto.main_auto_about{ width: 950px; margin: 0 auto;}
.main_art_title{ width: 950px; margin: 0 auto; padding: 90px 0 50px; font-size: 38px; color: #333; text-align: center; font-weight: bold; border-bottom: 1px solid #ebebeb!important;}
.main_art_title span{ font-size: 38px;}
.art_info_tit01{ font-size: 24px; color: #333; font-weight: bold; padding-bottom: 26px; line-height: 32px;}
.art_info{ padding: 40px 0 80px!important;}
.art_info_txt01{ font-size: 16px; color: #333; line-height: 28px; padding-bottom: 24px; text-indent: 32px;}
.art_info_txt02{ font-size: 16px; color: #333; line-height: 28px; padding-bottom: 24px; }
.art_info_txt01 span{ font-weight: 700;}
.art_info_lx{ background: #f6f6f6; border-radius: 6px; padding: 20px 30px; height: 16px; box-sizing:border-box; overflow:hidden; height: 56px; margin-bottom: 20px; font-size: 16px;}
.art_info .art_info_lx p{ font-size: 16px; font-weight: bold; color: #333; float: left; padding-right: 14px; height: 16px; line-height: 16px; border-right: 1px solid #cfcfcf; display: inline-block; width: auto; margin-right: 14px;}
.art_info_lx span{ float: left; font-size: 16px; line-height: 16px;}
.art_info_lx01{ width: 49%; float: left;}
.art_info_lx02{ width: 49%; float: right;}
.art_info_lx.art_info_lx03{display: flex;flex: 1;}
/*手机端关于我们*/
.main_about_box.mobile{ width: 100%; min-width: 200px; background: #f6f6f6; overflow: hidden; max-width: 640px; margin: 0 auto; box-sizing:border-box; padding: 20px 10px 0;}
.main_about_box.mobile .main_about_nav{ width: 100%; height: 40px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.main_about_box.mobile .main_about_nav li{ float: left; width: 25%; line-height: 40px;}
.main_about_nav li a{ display: block; text-align: center; font-size: 14px; color: #333;}
.main_about_nav li a:hover,.main_about_nav li a.a_blue{ background: #fff; }
.main_about_nav li a.a_blue{font-weight: bold;}
.main_auto.main_auto_about.mobile{ width: 100%; margin: 0 auto;}
.main_art_title.mobile{ width: 100%; margin: 0 auto; padding: 30px 0 20px; font-size: 20px; color: #333; text-align: center; font-weight: bold; border-bottom: 1px solid #ebebeb!important; height: auto;}
.mobile .main_art_title span{ font-size: 18px;}
.main_auto.mobile .art_info_tit01{ font-size: 16px; color: #333; font-weight: bold; padding-bottom: 26px; line-height: 32px;}
.main_auto.mobile .art_info{ padding: 20px 0 40px!important;}
.main_auto.mobile .art_info_txt01{ font-size: 14px; color: #333; line-height: 28px; padding-bottom: 24px; text-indent: 32px;}
.main_auto.mobile .art_info_txt02{ font-size: 14px; color: #333; line-height: 28px; padding-bottom: 24px; }
.main_auto.mobile .art_info_txt01 span{ font-weight: 600;}
.main_auto.mobile .art_info_lx{ background: #f6f6f6; border-radius: 6px; padding: 14px; height: auto; box-sizing:border-box; overflow:hidden; margin-bottom: 20px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.main_auto.mobile .art_info .art_info_lx p{ font-size: 14px; font-weight: bold; color: #333; float: none; padding-right: 14px; height: 16px; line-height: 16px; border-right: none; display: inline-block; width: 100%; margin-right: 14px; }
.main_auto.mobile .art_info_lx span{ float: none; font-size: 14px; line-height: 22px; display: block; padding-top: 16px;}
.main_auto.mobile .art_info_lx01{ width: 100%; float: left;}
.main_auto.mobile .art_info_lx02{ width: 100%; float: right;}
/*********帮助中心*********/
.art_cat_list .cat_title,.art_cat_list .list-item a{ padding-left: 30px!important;}
.main_art_title.main_art_title_01{ text-align: left; font-size: 30px; padding: 0 0 20px;}
.main_art_title.main_art_title_01 span{ padding: 0;}
/*手机端*/
.art_left.mobile .art_cat_list .cat_title,.art_left.mobile .art_cat_list .list-item a{ padding-left: 20px!important;}
.mobile .main_art_title.main_art_title_01{ text-align: left; font-size: 18px; padding: 0 0 20px;}
.main_art_title.main_art_title_01 span{ padding: 0;}
/*用户注册*/
.user_txt_box{ padding-left: 20px; font-size: 14px; color: #333; line-height: 24px;}
.user_txt_box span{ font-weight: 700;}
/*商品订购*/
.Product_order_box{ border: 1px solid #ebebeb; padding: 30px 0 0;}
.Product_order_tit01{ font-size: 30px; color: #333; height: 44px; text-align: center; font-weight: bold;}
.Product_order_time{ font-size: 14px; color: #666; text-align: center;height: 40px;}
.Product_order_list_box{ border: 1px solid #ebebeb; border-top: none; padding: 40px;}
.Product_order_list{ overflow: hidden; background: url(../images/icon/icon67.png)repeat-y;}
.Product_order_list p{ background: url(../images/icon/icon66.png)no-repeat 0 0; font-size: 18px; color: #333; font-weight: bold; height: 50px; padding-left: 24px; line-height: 18px;}
.Product_order_list span{ font-size: 14px; color: #333; line-height: 24px; padding-left: 56px; padding-bottom: 12px; min-height: 40px; display: block;}
.Product_order_list_last{ background: no-repeat;}
/*商城积分*/
.integral_tit01{ font-size: 18px; font-weight: bold; color: #333; padding-bottom: 24px;}
.integral_txt01{ font-size: 14px; color: #333; line-height: 24px; padding-bottom: 24px;}
/*交流社区*/
/*发货验收*/
/*物流信息*/
/*特殊配送*/
/*退还政策*/
/*注册协议*/
.integral_txt01.integral_txt02{ font-weight: 700;}
/*隐私政策*/
/*赠品细则*/
/*投诉建议*/
.complaint_l{ width: 220px; float: left; font-size: 18px; font-weight: bold; color: #333;}
.complaint_r{ width: 720px; float: right; }
.complaint_r_tit{ font-size: 18px; font-weight: bold; color: #333; line-height: 28px;}
.complaint_r_txt{ font-size: 14px; line-height: 24px; color: #333;}
.complaint_r_txt a{ color: #0070c9;}
.complaint_form{ background: #fff; border-radius: 12px; padding: 50px; box-shadow: 0 0 14px #eaeaea; overflow: hidden; margin: 30px 0 50px;}
.complaint_form_list li{ position: relative; height: 50px; margin-bottom: 30px; float: left; width: 100%;}
.complaint_form_list .complaint_form_list01{ width: 290px; float: left;}
.complaint_form_list .complaint_form_list02{ width: 290px; float: right;}
.complaint_form_list li input{ display: block; width: 100%; border: none; border-bottom: 1px solid #e3e3e3; height: 50px; line-height: 50px; font-size: 16px; color: #333;}
.complaint_form_list .complaint_form_list04{ height: 142px;}
.txtrange{ border: none; border-bottom: 1px solid #e3e3e3; width: 100%; height: 142px; background: #f6f6f6; padding: 10px 14px; box-sizing:border-box; font-size: 16px; line-height: 28px;}
.complaint_form_list li span{ color: red; position: absolute; left: 0; bottom: -22px;}
.complaint_form_list .complaint_form_list05 .complaint_input{ width: 290px; float: left;}
.complaint_form_list .complaint_form_list06 .btn01{ width: 290px; height: 50px; border: 1px solid #e3e3e3; background: #fff; text-align: center; line-height: 50px; box-sizing:border-box; line-height: 50px; color: #333; border-radius: 50px; cursor: pointer;}
.complaint_form_list .complaint_form_list06 .btn01:hover{ color: #fff; background: #cf010e;}
.complaint_form_list .complaint_form_list05 img{ position: absolute; left: 310px; bottom: 0; }
.complaint_form_list .complaint_form_list05 p{ position: absolute; right: 88px; font-size: 14px; color: #666; bottom: 0; display: inline-block; cursor: pointer; width: auto;}
.complaint_form_list li .red_bottom{ border-bottom-color: #cf010e;}
/*手机端*/
.art_info.mobile .complaint_l{ width: 100%; float: none; font-size: 18px; font-weight: bold; color: #333; padding-bottom: 20px; }
.art_info.mobile .complaint_r{ width: 100%; float: none; }
.complaint_r_tit{ font-size: 18px; font-weight: bold; color: #333; line-height: 28px;}
.complaint_r_txt{ font-size: 14px; line-height: 24px; color: #333;}
.complaint_r_txt a{ color: #0070c9;}
.art_info.mobile .complaint_form{ background: #fff; border-radius: 12px; padding: 16px; box-shadow: 0 0 14px #eaeaea; overflow: hidden; margin: 30px 0 50px; width: 100%; box-sizing:border-box;}
.art_info.mobile .complaint_form_list li{ position: relative; height: 40px; margin-bottom: 30px; float: none; width: 100%;}
.art_info.mobile .complaint_form_list li.complaint_form_list06{ padding-top: 20px;}
.art_info.mobile .complaint_form_list .complaint_form_list01{ width: 100%; float: none;}
.art_info.mobile .complaint_form_list .complaint_form_list02{ width: 100%; float: none;}
.complaint_form_list li input{ display: block; width: 100%; border: none; border-bottom: 1px solid #e3e3e3; height: 50px; line-height: 50px; font-size: 16px; color: #333;}
.art_info.mobile .complaint_form_list .complaint_form_list04{ height: 142px;}
.txtrange{ border: none; border-bottom: 1px solid #e3e3e3; width: 100%; height: 142px; background: #f6f6f6; padding: 10px 14px; box-sizing:border-box; font-size: 16px; line-height: 28px;}
.art_info.mobile .complaint_form_list li span{ color: red; position: absolute; left: 0; bottom: -32px;}
.art_info.mobile .complaint_form_list .complaint_form_list05 .complaint_input{ width: 100%; float: left;}
.art_info.mobile .complaint_form_list .complaint_form_list06 .btn01{ width: 100%; height: 50px; border: 1px solid #cf010e; background: #cf010e; text-align: center; line-height: 50px; box-sizing:border-box; line-height: 50px; color: #fff; border-radius: 50px; cursor: pointer;}
.complaint_form_list .complaint_form_list06 .btn01:hover{ color: #fff; background: #cf010e;}
.art_info.mobile .complaint_form_list .complaint_form_list05 img{ position: absolute; left: 34%; bottom: 0; }
.art_info.mobile .complaint_form_list .complaint_form_list05 p{ position: absolute; right: 0; font-size: 14px; color: #666; bottom: 0; display: inline-block; cursor: pointer; white-space:nowrap ;}
.complaint_form_list li .red_bottom{ border-bottom-color: #cf010e;}
/**/
.mod-main-nav-box ul li a.mod-main-nav-choose, .mod-main-nav-box ul li a:hover { background: #cf010e!important; color: #fff;}
.hide{display: none;}
.layui-laypage-btn{
line-height: 30px !important;
height: 30px !important;
cursor: pointer;
}
/**/
/*-------------------------手机端------------------------------*/
.qj-roder-big-box.mobile .safe-item { width: 100%; border: none; padding: 10px; margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; box-shadow: 0 0 5px #e0e0e0; border-radius: 5px;}
.qj-roder-big-box.mobile .safe-item .is_ok { padding: 8px 12px; margin: 0 4px 0 0; background: url(../images/icon/icon77.png) no-repeat 0 center; box-sizing: border-box;}
.kong{ height: 30px;}
.qj-roder-big-box.mobile .safe-item .is_not { padding: 8px 12px; margin: 0 4px 0 0; background: url(../images/icon/icon78.png) no-repeat 0 center; box-sizing: border-box;}
.kong{ height: 30px;}
.qj-roder-big-box.mobile .main_middle{ width: 100%;}
.qj-roder-big-box.mobile .safe-item .item1{ font-size: 14px; width: 32%; float: none; border: none;}
.qj-roder-big-box.mobile .safe-item .item3{ width: 68%; margin: 0; text-align: right;}
.qj-roder-big-box.mobile .safe-item .item2{ display: none;}
.qj-roder-big-box.mobile .safe-item.safe-item2 .item2{ display: block; width: 58%; margin: 0; text-align: right; padding-right: 12px; box-sizing: border-box;}
.qj-roder-big-box.mobile .safe-item.safe-item2 .item3{ display: block; width: 10%; min-width: 30px;}
/*订单*/
.sp_all_box.mobile{ box-shadow: 0 0 5px #e0e0e0; border-radius: 5px; width: 100%; max-width: 640px; padding: 14px 8px; box-sizing: border-box; margin-bottom: 20px;}
.sp_all01,.sp_all02{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; padding-bottom: 8px;}
.sp_all01_l{ width: 67%; line-height: 20px; color: #333; font-size: 14px; font-weight: 600;}
.sp_all01_r{ width: 33%; line-height: 20px; font-size: 12px; color: #999; text-align: right;}
.sp_all02_l{ width: 73%;}
.sp_all02_r{ width: 27%;}
.mobile .pro_smimg01{ width: 60px; height: 60px; float: left;}
.mobile .pro_smimg01 img{ display: block; width: 100%; height: 100%; border: 1px solid #f2f2f2; border-radius: 3px;}
.pro_name01{ width: 100%; padding-left: 70px; box-sizing: border-box;}
.pro_name01 a{ font-size: 12px; color: #333; line-height: 18px; width: 100%; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; max-height: 40px;}
.pro_name01 p{ padding-top: 4px; font-size: 14px;color: #333;}
.sp_all02_r{ text-align: right;}
.danjia{ color: #333; font-size: 14px; font-weight: 700; padding-bottom: 6px;}
.sp_all02_r .number02{ font-size: 14px; color: #333;}
.sp_all03{ font-size: 14px; font-weight: 700; text-align: right; width: 100%; line-height: 30px;}
.sp_all04{ overflow: hidden; text-align: right;}
.sp_all04 a{ display: inline-block; line-height: 24px; padding: 0 12px; border: 1px solid #999; margin-left: 6px; border-radius: 14px; font-size: 12px;}
.sp_all04 a.red{ border-color: #cf010e; color: #cf010e;}
.sp_all04 p.miaoshu{ text-align: left; color: #cf010e; }
/*订单详情*/
.maintb.order-detail-row.mobile{ width: 100%; max-width: 640px; margin: 0 auto; padding: 0;}
.order-notice.mobile { background: #cf010e; padding: 20px; font-size: 14px; border: none; box-sizing: border-box; width: 100%; max-width: 640px; margin: 0 auto;}
.order-notice.mobile .notice-nav { font-size: 16px; border-bottom: none; padding-bottom: 10px; color: #fff; text-align: center; font-weight: 700;}
.order-notice.mobile .notice-nav p{ font-size: 14px; font-weight: normal; padding-top: 6px;}
.order-notice.mobile .notice-nav a{ border: 1px solid #fff; margin: 16px 8px 0; font-weight: normal;}
.order-add.mbile{ width: 100%; max-width: 640px; margin: 0 auto; padding: 0 16px; box-sizing: border-box;}
.order-add.mbile .order-add-m{ position: relative; padding: 18px 0; border-bottom: 1px solid #d8d8d8;}
.order-add.mbile .order-add-t a{ font-size: 16px; color: #333; font-weight: 700; line-height: 24px; padding-left: 20px; background: url(../images/icon/icon22.png) no-repeat 0 0;}
.order-add.mbile .order-add-t span { font-size: 14px; color: #999; line-height: 24px;}
.order-add.mbile .order-add-b{ font-size: 14px; color: #999; line-height: 20px; padding: 6px 0 4px; }
/*物流*/
.order-wl{ width: 100%; max-width: 640px; margin: 0 auto; padding: 20px 16px; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.order-wl.mobile .order-wl-t{ width: 100%; height: 40px;}
.order-wl.mobile .order-wl-t p{ display: inline-block; font-size: 14px; color: #999; line-height: 24px; margin-right: 20px;}
.order-wl.mobile .order-wl-t p span{ color: #333;}
.order-wl.mobile .order-wl-list{ overflow: hidden;}
.order-wl.mobile li div{ padding-left: 20px;}
.order-wl.mobile li.order-wl-list-first .order-wl-list-time{ background: url(../images/icon/icon79.png)no-repeat 0 2px; font-size: 14px; color: #999;}
.order-wl.mobile li.order-wl-list-last .order-wl-list-time{ background: url(../images/icon/icon80.png)no-repeat 0 -22px; font-size: 14px; color: #999;}
.order-wl.mobile li.order-wl-list-m .order-wl-list-time{ background: url(../images/icon/icon81.png)no-repeat 0 -21px; font-size: 14px; color: #999;}
.order-wl.mobile li.order-wl-list-last .order-wl-list-txt{ background: no-repeat;}
.order-wl.mobile li .order-wl-list-txt{ background: url(../images/icon/icon82.png)repeat-y 0 0; font-size: 14px; line-height: 22px; color: #333; padding: 12px 0 14px 20px;}
.order-gm-mobile{ width: 100%; max-width: 640px; padding: 0 16px; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.order-content.mobile{ width: 100%; max-width: 640px; padding: 0 16px; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: none; margin: 0 auto;}
.order-detail-content.clearfix.mobile{ background: #f2f2f2; width: 100%; border-radius: 0 0 10px 10px;}
.order-detail-content.clearfix.mobile ul{ padding: 20px 16px; }
.order-detail-content.clearfix.mobile ul li{ line-height: 24px; padding: 0 0 6px 0;}
.order-detail-content.clearfix.mobile ul li span{ color: #999;}
.order-detail-ss.mobile{ background: #f2f2f2; width: 100%; border-radius: 10px 10px 0 0 ; padding: 20px 16px 0; }
.order-detail-ss.mobile ul{ overflow: hidden; border-bottom: 1px solid #d8d8d8; padding: 0 0 20px 0;}
.order-detail-ss.mobile ul li{ height: 30px; line-height: 30px;}
.order-detail-ss.mobile ul li p{ float: left; font-size: 14px; color: #333;}
.order-detail-ss.mobile ul li span{ float: right; font-weight: 700;}
.order-zh{ width: 100%; max-width: 640px; padding: 30px 16px 40px; box-sizing: border-box; margin: 0 auto;}
.order-zh a{ width: 48.5%; height: 40px; display: block; text-align: center; line-height: 40px; border: 1px solid #999999; color: #333; float: left; border-radius: 30px; }
.order-zh a.fukuan.mobile{ float: right; color: #fff; background: #cf010e; border-color: #cf010e;}
.sp_all_box.mobile.shouhou{ box-sizing: border-box;}
.order-zh a.fukuan.mobile.refundDetail{ width: 100%;}
/*申请售后*/
.qj-roder-big-box.mobile #user_form.mobile { padding: 14px; box-shadow: 0 0 5px #e0e0e0;}
.qj-roder-big-box.mobile #user_form.mobile .txt_row { margin-bottom: 6px;}
.qj-roder-big-box.mobile #user_form.mobile .txt_row .txt_main select{ padding-right: 16px; background: url(../images/icon/icon03.png) no-repeat right center; box-sizing: border-box;}
.qj-roder-big-box.mobile #user_form.mobile .txt_row .txt_main input[name="rep[rep_count]"]{padding-right: 16px; background: url(../images/icon/icon03.png) no-repeat right center; box-sizing: border-box;}
.txt_miaoshu{ color: #999; line-height: 20px;}
.txt_row.textareaimg textarea{ width: 100%; border: none; background: #f2f2f2;}
.qj-roder-big-box.mobile #user_form.mobile .txt_row.textareaimg{ background: #f2f2f2; padding: 10px;}
.qj-roder-big-box.mobile #user_form.mobile .set_proimg_ul li { float: left; width: 60px; height: 60px; border: 1px dashed #c9c9c9; margin: 0 8px 8px 0; background: #f9f9f9; text-align: center; }
.qj-roder-big-box.mobile #user_form.mobile div.no_proimg{ margin-top: 16px; padding-right: 15px;}
.qj-roder-big-box.mobile #user_form.mobile div.has_proimg .proimg_btns{ width: 60px; text-align: center; line-height: 22px;}
.qj-roder-big-box.mobile #user_form.mobile .txt_row.txt_anyrow .txt_title { line-height: 36px;}
.mobile_waike{ width: 100%; max-width: 640px; padding: 0 16px; box-sizing: border-box; margin: 40px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
/*售后订单详情*/
.order-detail-ss.mobile.refundDetail{ border-radius: 0;}
.order-detail-ss.mobile.refundDetail ul li{ height: auto;}
.order-detail-ss.mobile.refundDetail ul li p{ color: #999; float: left; width: 100px;}
.order-detail-ss.mobile.refundDetail ul li span{ display: block; width: 100%; box-sizing: border-box; padding-left: 100px; float: none; font-weight: normal;}
.refundDetail-add{ font-size: 18px; font-weight: 700; color: #333; line-height: 24px; padding-bottom: 10px; width: 100%;}
.refundDetail-add2{ font-size: 14px; font-weight: 700; color: #333; line-height: 24px; padding-bottom: 10px; width: 100%;}
.layui-form-item.mobile{ margin-bottom: 0;}
.refundDetail_zhuangtai.mobile{ width: 100%; max-width: 640px; margin: 0 auto 40px; padding: 0 16px; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.refundDetail_zhuangtai_box01{ width: 100%; max-width: 640px; margin: 0 auto 40px; padding: 16px; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-shadow: 0 0 5px #e0e0e0; border-radius: 9px;}
.refundDetail_zhuangtai.mobile .layui-form-item.mobile{ width: 100%;}
.refundDetail_zhuangtai.mobile .layui-form-item.mobile .layui-form-label{ width: 100px; padding: 9px 0; text-align: left;}
.refundDetail_zhuangtai.mobile .layui-form-item.mobile .layui-input-block{ text-align: right; width: 100%; box-sizing: border-box; max-width: 640px; padding-left: 110px; margin: 0;}
.refundDetail_zhuangtai.mobile .layui-form-item.mobile .layui-input-block.mobile{ padding: 0; margin: 0; width: 100%;}
.qj-roder-big-box.mobile #user_form.mobile #shoujian.txt_row .text_right{ width: 100%;}
.qj-roder-big-box.mobile #user_form.mobile #shoujian.txt_row .text_right .recipient-information{ width: 100%; box-sizing: border-box;}
.order-add.mbile.mobile-order{ border-bottom: 1px solid #d8d8d8; margin-bottom: 20px;}
.order-add.mbile.mobile-order .order-add-m { border-bottom: none;}
#order-ad01{ width: 40px; height: 60px; display: block; background: url(../images/icon/icon03.png)no-repeat right center; position: absolute; top: 6px; right: 0;}
/*提交订单*/
.order-list.mobile{ width: 100%; max-width: 640px; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box;}
.order-detail-ss01.mobile{ width: 100%; box-shadow: 0 0 5px #e0e0e0; border-radius: 9px; padding: 14px 8px; box-sizing: border-box;}
.order-list.mobile{ width: 100%; max-width: 640px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; padding: 10px 16px 0; margin: 0 auto;}
.order-detail-ss01.mobile ul{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px; padding-bottom: 20px;}
.order-detail-ss01.mobile ul li{ line-height: 36px; width: 100%;}
.order-detail-ss01.mobile ul li p{ float: left; font-size: 14px; color: #333;}
.order-detail-ss01.mobile ul li span{ float: right; font-weight: 700;}
.order-detail-ss01.mobile ul li span.order-mobile-btn{ display: inline-block; padding-right: 14px; background: url(../images/icon/icon03.png)no-repeat right center;}
.submit-order.mobile{ width: 100%; max-width: 640px; padding: 10px 16px; margin: 0 auto; background: #f2f2f2; box-sizing: border-box; position: fixed; bottom: 0; z-index: 2; }
.submit-order.mobile button{ width: 40%; border-radius: 30px; margin-left: 14px;}
.submit-order.mobile span{ color: #cf010e; font-size: 18px; font-weight: 700;}
.MainPaybBox.mobile{ width: 100%; max-width: 640px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; padding: 10px 16px 0; margin: 0 auto;}
.MainPayb.mobile{ width: 100%;}
.MainPayb.mobile .pay_prompt{ width: 100%; box-sizing: border-box;}
.pay_box.mobile{ width: 100%; box-sizing: border-box;}
.pay_box.mobile .pay_Orders{ width: 100%; box-sizing: border-box;}
.pay_box.mobile .pay_Orders_l{ width: 100%;}
.pay_box.mobile .pay_Orders_r{ display: none;}
.MainPayb.mobile #total_price{ width: 100%;}
#payment_method_box.mobile{ background: #fff;width: 100%; overflow: hidden; margin: 0 auto 80px; padding: 12px 30px; box-sizing: border-box;}
#payment_method_box.mobile .Ali_Pay { height: 134px;line-height: 134px; font-size: 18px; background: none; padding-left: 0; text-align: center;}
#payment_method_box.mobile #Ali_Pay_btn { display: block; width: 100%; height: 50px; border: none; background: #cf010e; color: #fff; line-height: 50px; text-align: center; font-size: 18px; margin: 0; border-radius: 30px;}
/*提交订单弹窗*/
.order-tanchuang-box{ width: 100%; height: 100%; max-width: 640px; position: fixed; top: 0; margin: 0 auto; background: rgba(0,0,0,0.8); z-index: 3; display: none;}
.order-tanchuang{ width: 100%; max-width: 640px; box-sizing: border-box; height: 70%; background: #fff; border-radius: 9px 9px 0 0; position: absolute; bottom: 0;}
.order-tanchuang-tit{ width: 100%; line-height: 50px; color: #333; font-size: 18px; font-weight: bolder; text-align: center; position: relative;}
.order-tanchuang-tit span{ display: block; width: 40px; height: 40px; background: url(../images/icon/icon83.png)no-repeat center center; position: absolute; right: 0; top: 4px;}
.order-tanchuang-m{ width: 100%; height: 70%; overflow-y: auto; padding: 20px 16px 0; box-sizing: border-box;}
.order-tanchuang-b{ padding: 20px 16px; background: #fff; position: absolute; bottom: 0; border-top: 1px solid #d8d8d8; width: 100%; box-sizing: border-box;}
.order-tanchuang-b button{ width: 48%; display: block; height: 40px; border: 1px solid #999; float: left; background: #fff; color: #333; border-radius: 30px;}
.order-tanchuang-b button.order-tanchuang-br{ background: #cf010e; border-color: #cf010e; color: #fff; float: right;}
.order-tanchuang-b button.order-tanchuang-br.mobile{ width: 100%;}
.order-transport{ overflow: hidden;}
.order-transport li{ overflow: hidden; height: 36px;}
.order-transport li p{ font-size: 14px; color: #333; line-height: 36px; float: left;}
.order-transport li .order-transport-l{ float: right; display: inline-block;}
.order-transport li .order-transport-l a{ color: #cf010e; line-height: 36px; font-size: 16px; float: left; margin-right: 8px;}
.order-transport li .order-transport-l span{ float: left; padding-top: 6px;}
.order-transport li .order-transport-l input{ display: block; width: 20px; height: 20px;}
.order-transport.m-coupon{ border-bottom: 1px solid #d8d8d8; padding-bottom: 10px;}
.order-transport.Available{ padding-top: 10px;}
.order-transport.Available .order-transport-l a{ color: #999;}
.order-transport.Available p{ line-height: 18px;}
.order-transport.Available p span{color: #999; display: block;}
.order-transport.Available li{ padding: 0 0 8px 0;}
.order-transport.Available li:nth-of-type(1) p{ line-height: 36px; padding: 0 0 10px 0;}
/*评价详情*/
.comment-list-name.mobile{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; width: 100%; max-width: 640px;}
.comment-list-name-box{ width: 70%;}
.modle-star{ width: 30%; box-sizing: border-box; padding-top: 2px;}
.comment-list-name-l{ float: left; width: 40px; height: 40px; margin-right: 10px; border-radius: 20px; overflow: hidden;}
.comment-list-name-l img{ display: block; width: 100%; height: 100%; border-radius: 20px;}
.comment-list-name-r{ line-height: 40px; max-height: 40px; overflow: hidden;}
.modle-star .class-test-rate.pro-rate.layui-inline{ float: right;}
.rreply-box{ width: 100%; padding: 10px; box-sizing: border-box; overflow: hidden; background: #f2f2f2;}
.comment-list-name-l.mobile{ width: 30px; height: 30px;}
.rreply-main label{ color: #999; margin-right: 4px; line-height: 24px;}
.rreply-main span{ color: #333; line-height: 24px;}
.rreply-main-small .comment-list-date{ font-size: 12px; float: left; padding: 0; margin: 0 20px 0 0; line-height: 16px; clear: none;}
.rreply-main-small a{ display: inline-block; padding: 0 12px; line-height: 16px; color: #999; }
.rreply-main{ width: 100%; box-sizing: border-box; padding-left: 40px;}
.rreply-main-small{ padding-top: 6px; }
.rreply-list li{ overflow: hidden; padding-bottom: 12px;}
.rreply-list{ overflow: hidden; }
/*pc端视频页面*/
.v_top{ width: 100%; min-width: 1200px; height: 590px; background: url(../images/vbg01.jpg)no-repeat center center;}
.v_top1{ width: 1200px; margin: 0 auto 0; padding-top: 14px;}
.v_top1_l{ float: left; height: 20px; padding-top: 2px;}
.v_top1_l a{ float: left;}
.v_top1_l span{ display: inline-block; margin-left: 14px; color: #fff; font-size: 18px; line-height: 20px; float: left;}
.v_top1_r{ float: right;}
.v_top1_r a{ float: left; display: inline-block; font-size: 18px; height: 24px; line-height: 24px; text-align: center; padding: 0 10px; border: 1px solid #fff; color: #fff; margin-right: 14px;}
.v_top1_r a:hover{ border: 1px solid #ffaa00; background: #ffaa00;}
.v_top2{ width: 1200px; margin: 200px auto 0; text-align: center;}
.v_top2_txt01{ font-size: 32px; color: #fff; padding-bottom: 20px;}
.v_top2_txt02{ font-size: 68px; font-weight: bold; color: #fff; line-height: 68px;padding-bottom: 30px;}
.v_top2 a{ display: block; width: 260px; height: 38px; font-size: 22px; border-radius:30px; line-height: 38px; color: #fff; background: #231815; margin: 0 auto}
.v_top2 a:hover{ color: red;}
.v_tit01{ text-align: center; font-size: 30px; color: #000; font-weight: bold; padding-top: 80px;}
.v_tit02{ text-align: center; font-size: 18px; color: #666; padding-top: 10px; margin-bottom: 40px;}
.v_main01{ display: flex; flex-wrap: wrap; border-radius: 30px; background: #f2f2f2; padding: 70px 0;box-sizing: border-box; width: 1200px; margin: 0 auto; box-shadow: 10px 10px 10px #cfcfcf; margin-bottom: 100px;}
.v_main01_c{ display: flex; flex-wrap: wrap; width: 100%; padding: 0 100px; box-sizing: border-box; }
.v_main01_c li{ width: 20%; text-align: center;}
.v_main01_c li img{ margin-bottom: 10px;}
.v_main01_c li p{ color: #666; font-size: 18px; line-height: 30px;}
.v_main01_c li:nth-of-type(1) img,.v_main01_c li:nth-of-type(3) img,.v_main01_c li:nth-of-type(5) img{ width: 96px; height: auto;}
.v_main01_c li:nth-of-type(2) img,.v_main01_c li:nth-of-type(4) img{ margin-top: 30px;}
.v_main02{ width: 1200px; box-shadow: 10px 10px 10px #cfcfcf; border: 1px solid #cfcfcf; margin: 0 auto 100px; box-sizing: border-box; padding: 50px 50px 80px; border-radius: 30px;}
.v_tit01.v_tit001{ padding-top: 0;}
#boox .v_main02_01{ text-align: center;}
#boox .v_main02_01 span{ display: inline-block; padding-left: 24px; font-size: 16px; color: #646464; height: 32px; line-height: 26px; cursor: pointer;}
#boox .v_main02_01 span.v_span01{ padding-right: 100px; background: url(../images/video/05.svg)no-repeat 0 4px;}
#boox .v_main02_01 span.v_span02{ background: url(../images/video/06.svg)no-repeat 0 1px;}
#boox .v_main02_01 span p{ height: 32px;}
#boox .v_main02_01 span.v_act p{ color: #e10000; background: url(../images/video/bg01.jpg) no-repeat 0 bottom;}
.v_main02_ol li{ padding-bottom: 20px;}
.v_main02_ol_tit{ font-size: 16px; color: #000; padding-left: 20px; background: url(../images/video/img08.jpg)no-repeat 0 5px; line-height: 28px; font-weight: bold; padding-bottom: 6px; line-height: 24px; cursor: pointer;}
.v_main02_ol_tit.v_main02_act{ background: url(../images/video/img07.jpg)no-repeat 0 9px; }
.v_main02_ul{ padding-top: 50px;}
.v_main02_ul>li{ display: none;}
.v_main02_ol_txt{ display: none; font-size: 16px; line-height: 26px; padding-left: 20px;}
.v_main02_ul_link_box{ text-align: center;}
.v_main02_ul_link{ display: inline-block; padding: 0 30px; height: 28px; line-height: 28px; color: #fff; background: #000; margin: 20px auto 0; font-size: 16px; }
.v_main02_ul_link:hover{ background: #de0000; color: #fff;}
/*手机端端视频页面*/
.v_top.mobile{ width: 100%; min-width: 300px; height: auto; background: url(../images/vbg01.jpg)no-repeat center center; background-size: cover; display: flex; flex-wrap: wrap;}
.mobile .v_top1{ width: 100%; margin: 0 auto 0; padding-top: 14px;}
.mobile .v_top1_l{ float: none; height: auto; padding-top: 2px; text-align: center; }
.mobile .v_top1_l a{ float: none; width: 100%; display: block;}
.mobile .v_top1_l span{ display: block; margin-left: 0; color: #fff; font-size: 18px; line-height: 26px; float: none; padding: 10px 14px; box-sizing: border-box; }
.mobile .v_top1_r{ float: none; width: 100%; padding-top: 0; text-align: center;}
.mobile .v_top1_r a{ float: none; display: inline-block; font-size: 14px; height: 24px; line-height: 24px; text-align: center; padding: 0 16px; border: 1px solid #fff; color: #fff; margin-right: 14px; border-radius: 3px;}
.mobile .v_top1_r a.l02{ margin: 0;}
.mobile .v_top2{ width: 100%; margin: 12% auto 15%; text-align: center; padding: 0 14px; box-sizing: border-box; }
.mobile .v_top2_txt01{ font-size: 14px; color: #fff; padding-bottom: 10px;}
.mobile .v_top2_txt02{ font-size: 20px; font-weight: bold; color: #fff; line-height: 38px;padding-bottom: 16px;}
.mobile .v_top2 a{ display: block; width: 50%; height: 34px; font-size: 14px; border-radius:30px; line-height: 34px; color: #fff; background: #231815; margin: 0 auto;}
.v_tit01.mobile{ text-align: center; font-size: 18px; color: #000; font-weight: bold; padding-top: 40px;}
.v_tit02.mobile{ text-align: center; font-size: 14px; color: #666; padding: 4px 0 0; margin:0 auto 20px; box-sizing: border-box; width: 96%;}
.v_main01.mobile{ display: flex; flex-wrap: wrap; border-radius: 10px; background: #f2f2f2; padding: 20px 0;box-sizing: border-box; width: 96%; margin: 0 auto 30px; box-shadow: 2px 2px 4px #cfcfcf; }
.mobile .v_main01_c{ display: flex; flex-wrap: wrap; width: 100%; padding: 0 10px; box-sizing: border-box; }
.mobile .v_main01_c li{ width: 20%; text-align: center;}
.mobile .v_main01_c li img{ margin-bottom: 10px;}
.mobile .v_main01_c li p{ color: #666; font-size: 12px; line-height: 20px;}
.mobile .v_main01_c li:nth-of-type(1),.mobile .v_main01_c li:nth-of-type(3),.mobile .v_main01_c li:nth-of-type(5){ width: 27%;}
.mobile .v_main01_c li:nth-of-type(2),.mobile .v_main01_c li:nth-of-type(4){ width: 9.5%; }
.mobile .v_main01_c li:nth-of-type(1) img,.mobile .v_main01_c li:nth-of-type(3) img,.mobile .v_main01_c li:nth-of-type(5) img{ width: 46px; height: auto;}
.mobile .v_main01_c li:nth-of-type(2) img,.mobile .v_main01_c li:nth-of-type(4) img{ display: block; width: 10px; margin: 16px auto 0;}
.v_main02.mobile{ width: 96%; box-shadow: 2px 2px 4px #cfcfcf; border: 1px solid #cfcfcf; margin: 0 auto 50px; box-sizing: border-box; padding: 14px; border-radius: 10px;}
.mobile .v_tit01.v_tit001{ padding-top: 10px; font-size: 18px;}
.mobile #boox .v_main02_01{ text-align: left; display: flex; flex-wrap: wrap;}
.mobile #boox .v_main02_01 span{ display: inline-block; padding-left: 24px; font-size: 14px; color: #646464; height: auto; line-height: 22px; cursor: pointer; width: 50%; box-sizing: border-box; }
.mobile #boox .v_main02_01 span.v_span01{ padding-right: 0; background: url(../images/video/05.svg)no-repeat 0 4px; background-size: 16px;}
.mobile #boox .v_main02_01 span.v_span02{ background: url(../images/video/06.svg)no-repeat 0 1px; background-size: 14px; padding-left: 20px;}
.mobile #boox .v_main02_01 span p{ height: auto; line-height: 20px; padding-bottom: 4px;}
.mobile #boox .v_main02_01 span.v_act p{ color: #e10000; background: url(../images/video/bg01.jpg) no-repeat 0 bottom; }
.mobile .v_main02_ol li{ padding-bottom: 6px;}
.mobile .v_main02_ol_tit{ font-size: 14px; color: #000; padding-left: 20px; background: url(../images/video/img08.jpg)no-repeat 0 4px; line-height: 28px; font-weight: bold; padding-bottom: 2px; line-height: 22px; cursor: pointer;}
.mobile .v_main02_ol_tit.v_main02_act{ background: url(../images/video/img07.jpg)no-repeat 0 9px; }
.mobile .v_main02_ul{ padding-top: 24px;}
.mobile .v_main02_ul>li{ display: none;}
.mobile .v_main02_ol_txt{ display: none; font-size: 14px; line-height: 22px; padding-left: 20px; color: #666; font-size: 12px;}
.mobile .v_main02_ul_link_box{ text-align: center;}
.mobile .v_main02_ul_link{ display: inline-block; padding: 0 30px; height: 28px; line-height: 28px; color: #fff; background: #000; margin: 10px auto 20px; font-size: 16px; }
.mobile .v_main02_ul_link:hover{ background: #de0000; color: #fff;}
/*pc端视频弹窗*/
.v_Float{ width: 100%; min-width: 1200px; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.8); z-index: 2; display: none;}
.v_Float01{ width: 1000px; background: #fff; margin: 110px auto; }
.v_Float_t_tit{ position: relative; background: #000; height: 66px;}
.v_Float_t_tit p{ font-size: 32px; text-align: center; line-height: 66px; color: #fff;}
.v_Float_t_tit .v_clase01{ position: absolute; top: 8px; right: 18px; display: block; width: 50px; cursor: pointer;}
.v_Float01_main{ padding: 50px; }
.v_Float01_main01{ width: 100%; background: #ededed; text-align: center; padding: 60px 0; border-radius: 20px; margin-bottom: 60px;}
.v_Float01_main01 p{ font-size: 22px; color: #404040; padding-top: 20px; font-weight: bold;}
/*手机端视频弹窗*/
.v_Float.mobile{ width: 100%; min-width: 100px; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.8); z-index: 2; display: none;}
.mobile .v_Float01{ width: 94%; background: #fff; margin: 40px auto 40px; }
.mobile .v_Float_t_tit{ position: relative; background: #000; height: 44px;}
.mobile .v_Float_t_tit p{ font-size: 20px; text-align: center; line-height: 44px; color: #fff;}
.mobile .v_Float_t_tit .v_clase01{ position: absolute; top: 6px; right: 10px; display: block; width: 32px; cursor: pointer;}
.mobile .v_Float01_main{ padding: 30px 14px 40px; }
.mobile .v_Float01_main01{ width: 100%; background: #ededed; text-align: center; padding: 10% 0; border-radius: 10px; margin-bottom: 30px;}
.mobile .v_Float01_main01 p{ font-size: 18px; color: #404040; padding: 10px 20px 0; font-weight: bold; line-height: 28px;}
/*pc端视频上传*/
.v_Float01_01{ width: 100%; padding: 0 20%; box-sizing: border-box; height: 40px; border-bottom: 1px solid #c8c8c8; display: flex; margin-bottom: 30px;}
.v_Float01_01 span{ width: 50%; text-align: center; font-size: 18px; font-weight: bold; color: #999; height: 30px; cursor: pointer;}
.v_Float01_01 span.v_act{ color: #000; background: url(../images/video/bg01.jpg)no-repeat bottom center;}
.v_Float01_ul li{ display: none;}
.v_Float01_ul_txt01{ font-size: 16px; color: #999; line-height: 34px;}
.v_Float01_ul_txt01 span{ color: #333; font-weight: bold;}
.v_Float01_link{ text-align: center; margin-top: 30px;}
.v_Float01_linkk{ display: inline-block; padding: 0 40px; border-radius: 20px; line-height: 36px; color: #fff; font-size: 20px; background: #d70707;}
.v_error{ font-size: 16px; color: #0090e4;}
.v_error:hover{ color: #fc1304;}
/*手机端视频上传*/
.mobile .v_Float01_01{ width: 100%; padding: 0; box-sizing: border-box; height: 30px; border-bottom: 1px solid #c8c8c8; display: flex; margin-bottom: 20px;}
.mobile .v_Float01_01 span{ width: 50%; text-align: center; font-size: 16px; font-weight: bold; color: #999; height: 24px; cursor: pointer;}
.mobile .v_Float01_01 span.v_act{ color: #000; background: url(../images/video/bg01.jpg)no-repeat bottom center;}
.mobile .v_Float01_ul li{ display: none;}
.mobile .v_Float01_ul_txt01{ font-size: 14px; color: #999; line-height: 24px;}
.mobile .v_Float01_ul_txt01 span{ color: #333; font-weight: bold;}
.mobile .v_Float01_link{ text-align: center; margin-top: 30px;}
.mobile .v_Float01_linkk{ display: inline-block; padding: 0 0; border-radius: 20px; line-height: 30px; color: #fff; font-size: 16px; background: #d70707; width: 70%;}
.mobile .v_error{ font-size: 14px; color: #0090e4;}
.mobile .v_error:hover{ color: #fc1304;}
/*pc端视频错误案例*/
.v_Error_case{ width: 100%; padding: 10% 0 2%; flex-wrap: wrap; display: flex;}
.v_Error_case li{ width: 32%; margin-bottom: 40px; box-sizing: border-box;}
.v_Error_case li img{ width: 100%; height: auto; display: block;}
.v_Error_case li p{ text-align: center; font-size: 16px; padding-top: 14px; color: #333; line-height: 28px;}
.v_Error_case li:nth-of-type(2),.v_Error_case li:nth-of-type(5){ padding: 0 2%; width: 36%;}
/*手机端视频错误案例*/
.mobile .v_Error_case{ width: 100%; padding: 5% 0 0; flex-wrap: wrap; display: flex;}
.mobile .v_Error_case li{ width: 50%; margin-bottom: 20px; box-sizing: border-box;}
.mobile .v_Error_case li img{ width: 100%; height: auto; display: block;}
.mobile .v_Error_case li p{ text-align: center; font-size: 12px; padding-top: 6px; color: #333; line-height: 22px;}
.mobile .v_Error_case li:nth-of-type(2),.mobile .v_Error_case li:nth-of-type(5){ padding: 0; width: 50%;}
.mobile .v_Error_case li:nth-of-type(odd){ padding: 0 2% 0 0; }
.mobile .v_Error_case li:nth-of-type(even){ padding: 0 0 0 2%;}
/*pc端视频信息面板*/
.v_clase02{ display: block; width: 50px; height: 50px; position: absolute; top: 8px; right: 88px;}
.v_clase02 img{ display: block; width: 100%;}
.v_Float01_main_tit{ font-size: 34px; color: #404040; font-weight: bold; text-align: center; padding-top: 20px; margin-bottom: 30px;}
.v_Float01_list{ flex-wrap: wrap; display: flex; width: 100%; padding-bottom: 20px;}
.v_Float01_list_tit{ border-bottom: 1px solid #bbbbbb; overflow: hidden; padding-bottom: 4px; margin-bottom: 14px; height: 26px;}
.v_Float01_list_tit p{ float: left; font-size: 20px; font-weight: bold; color: #898989;}
.v_Float01_list_tit span{ float: left; width: 18px; height: 18px; border-radius: 20px; background: #898989; line-height: 18px; text-align: center; color: #fff; margin-left: 6px; margin-top: 5px; cursor: pointer;}
.v_Float01_list_txt{ font-size: 16px; color: #000; line-height: 18px; padding-bottom: 4px;}
.v_Float01_list_txt span{ color: red; float: left; line-height: 26px; font-size: 24px; margin-right: 2px;}
.v_Float01_list>li input{ width: 100%; border: none; background: #e2e2e2; color: #333; height: 30px; border-radius: 20px; padding: 0 12px; box-sizing: border-box; font-size: 16px; line-height: 30px; margin-bottom: 20px;}
.v_Float01_list>li{ width: 31%; box-sizing: border-box; margin-bottom: 20px;}
.v_Float01_list>li:nth-of-type(2){ padding: 0 0 0 3.5%; width: 69%;}
.v_Float01_list>li:nth-of-type(2) ol{ flex-wrap: wrap; display: flex; width: 100%;}
.v_Float01_list>li:nth-of-type(2) ol li{ width: 50%; box-sizing: border-box;}
.v_Float01_list>li:nth-of-type(2) ol li:nth-child(odd){ padding-right:2.5%; }
.v_Float01_list>li:nth-of-type(2) ol li:nth-child(even){ padding-left:2.5%; }
.v_Float01_list>li:nth-of-type(4){ padding: 0 3.5%; width: 38%;}
.v_Float01_form_txt01{ font-size: 16px; color: #999; line-height: 28px; padding-bottom: 40px;}
.v_Float01_form_checkbox{ overflow: hidden; padding-bottom: 40px;}
.v_Float01_form_checkbox input{ width: 22px; height: 22px; display: block; float: left;}
.v_Float01_form_checkbox a{ font-size: 16px; color: #18b2fe; line-height: 22px; float: left;}
.v_Float01_form_checkbox a:hover{ color: #18b2fe;}
.v_Float01_form_Submit{ text-align: center;}
.v_Float01_form_Submit input{ display: block; border: none; height: 34px; line-height: 34px; padding: 0 70px; background: #d70707; color: #fff; font-weight: bold; border-radius: 20px; font-size: 20px; margin: 0 auto 30px;cursor: pointer; }
/*手机端视频信息面板*/
.mobile .v_clase02{ display: block; width: 30px; height: 30px; position: absolute; top: 6px; right: 58px;}
.mobile .v_clase02 img{ display: block; width: 100%;}
.mobile .v_Float01_main_tit{ font-size: 20px; color: #404040; font-weight: bold; text-align: center; padding-top: 0; margin-bottom: 20px;}
.mobile .v_Float01_list{ flex-wrap: wrap; display: flex; width: 100%; padding-bottom: 0;}
.mobile .v_Float01_list_tit{ border-bottom: 1px solid #bbbbbb; overflow: hidden; padding-bottom: 4px; margin-bottom: 14px; height: 22px;}
.mobile .v_Float01_list_tit p{ float: left; font-size: 16px; font-weight: bold; color: #898989;}
.mobile .v_Float01_list_tit span{ float: left; width: 16px; height: 16px; border-radius: 20px; background: #898989; line-height: 16px; text-align: center; color: #fff; margin-left: 4px; margin-top: 3px; cursor: pointer;}
.mobile .v_Float01_list_txt{ font-size: 14px; color: #000; line-height: 14px; padding-bottom: 4px;}
.mobile .v_Float01_list_txt span{ color: red; float: left; line-height: 20px; font-size: 20px; margin-right: 2px;}
.mobile .v_Float01_list>li input{ width: 100%; border: none; background: #e2e2e2; color: #000; height: 30px; border-radius: 20px; padding: 0 12px; box-sizing: border-box; font-size: 14px; line-height: 30px; margin-bottom: 16px;}
.mobile .v_Float01_list>li{ width: 100%; box-sizing: border-box; margin-bottom: 20px;}
.mobile .v_Float01_list>li:nth-of-type(2){ padding: 0 0 0 0; width: 100%;}
.mobile .v_Float01_list>li:nth-of-type(2) ol{ flex-wrap: wrap; display: flex; width: 100%;}
.mobile .v_Float01_list>li:nth-of-type(2) ol li{ width: 100%; box-sizing: border-box;}
.mobile .v_Float01_list>li:nth-of-type(2) ol li:nth-child(odd){ padding-right:0; }
.mobile .v_Float01_list>li:nth-of-type(2) ol li:nth-child(even){ padding-left:0; }
.mobile .v_Float01_list>li:nth-of-type(4){ padding: 0 0; width: 100%;}
.mobile .v_Float01_form_txt01{ font-size: 14px; color: #999; line-height: 22px; padding-bottom: 30px;}
.mobile .v_Float01_form_checkbox{ overflow: hidden; padding-bottom: 40px;}
.mobile .v_Float01_form_checkbox input{ width: 18px; height: 18px; display: block; float: left;}
.mobile .v_Float01_form_checkbox a{ font-size: 14px; color: #18b2fe; line-height: 20px; float: left;}
.mobile .v_Float01_form_checkbox a:hover{ color: #18b2fe;}
.mobile .v_Float01_form_Submit{ text-align: center;}
.mobile .v_Float01_form_Submit input{ display: block; border: none; height: 30px; line-height: 30px; padding: 0 0; background: #d70707; color: #fff; font-weight: bold; border-radius: 20px; font-size: 16px; margin: 0 auto 30px;cursor: pointer; width: 70%;}
.mobile .v_Float01_main.mobile { padding: 30px 14px 16px;}
.error_page{display: none;background: rgb(0, 0, 0,0.2);}
.info_page{display: none;background: rgb(0, 0, 0,0.2);}
#filePicker div:nth-child(2){width: 100% !important;height: 100% !important;}
.videoContainer{display: none;position: relative;}
/* .videoClose{position: absolute;cursor: pointer;top: -50px;right: -40px;} */
.video-list {
list-style: none;
padding: 0;
}
.video-item {
display: flex;
align-items: center;
margin-bottom: 10px;
position: relative;
border: 1px solid #ccc;
border-radius: 8px;
padding: 10px;
justify-content: space-between;
}
.video-item video {
width: 200px;
height: 150px;
}
.video-item button {
margin-left: 10px;
}
.progress {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
background-color: #f3f3f3;
}
.progress-bar {
width: 0;
height: 100%;
background-color: #4caf50;
}
/* 来回扫光的效果 */
.login_video a:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.3),
rgba(255, 255, 255, 0.8), /* 更亮的中心光 */
rgba(255, 255, 255, 0.3),
transparent
);
transition: 0.5s;
animation: shine 3s infinite;
}
.login_video a:hover:before {
animation: shine 0.5s forwards;
}
@keyframes shine {
0% { left: -100%; }
100% { left: 100%; }
}