html {overflow-y:scroll;}
body{
font: 12px/1.5 Microsoft YaHei,Helvetica,Tahoma,Arial,"宋体b8b\4f53",sans-serif;color: #333
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,a {margin:0;padding:0;}
a:visited,a:hover,a:active {text-decoration:none;}
a {color:#333;text-decoration:none;cursor: pointer;}
a:hover{color:#f50;}
.show {display:block;}
.hide {display:none;}
ul,ol {list-style: none;}
input,button {outline:none;}
.cleafix{clear:both;zoom:1;}
.cleafix:after {display: block;clear: both;height: 0;content: "\0020";visibility:hidden;}
/* 简化 210520*/
.cfx{clear:both;zoom:1;}
.cfx:after {display: block;clear: both;height: 0;content: "\0020";visibility:hidden;}

img {-webkit-transition: -webkit-transform .2s linear;  -moz-transition: -moz-transform .2s linear;  -o-transition: -o-transform .2s linear;  transition: transform .2s linear;border:0;vertical-align:middle;}
span,h3 {font-weight:normal;}
em {font-style:normal;}
.w100 {width: 100%;}
.w1200 {width:1200px;margin:0 auto;}
.w1400 {width:1400px;margin:0 auto;}
.fl {float:left;}
.fr {float:right;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mr4 {margin-right:4px;}
.mt4 {margin-top:4px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.pl {position:relative;}
.ml6 {margin-left:6px;}
.pl {position:relative;}
.p10 {padding:10px;}
.nof {float:none;}
.pt10 {padding-top:10px;}
.dib{display: inline-block}
.db{display: block;}
.dn{display: none;}

.com_ico {width: 16px;height: 16px;background-color: #3D7EFF;display: inline-block;font-size: 12px;color: #fff;line-height: 16px;border-radius: 2px;text-align: center;}
.per_ico {width: 16px;height: 16px;background-color: #f9981f;display: inline-block;font-size: 12px;color: #fff;line-height: 16px;border-radius: 2px;text-align: center;}
.qcc-bg-white{ background: #fff;}
.qcc-bg-lgr{background-color: #F5F5F8}
.qcc-bg-pb60{padding-bottom: 60px}

.marketlink {float: right;margin-right: -4px;margin-top: 30px;}

.marketlink a {font-weight: bold;color: #f50;float: left;margin-right: 4px;width: 66px;height: 28px;line-height: 28px;border-radius: 2px;border: 1px solid #f50;text-align: center;transition: all .1s ease-in-out;}

.marketlink a:hover {background-color: #f50;border: 1px solid #f50;color: #fff;}
.marketfour{margin-top: 12px;width: 144px;margin-right: 0;float: left;margin-left: 20px;}
.marketfour a {margin-bottom: 4px;}


/*新通用导航*/
.p-nav {background-color: #FF5500;}
.p-nav ul li {display: inline-block;font-size: 14px;color: #fff;margin-right: 0px;}
.p-nav ul li.act {background-color: #CE3900;}
.p-nav ul li a {height: 40px;min-width: 60px;padding:0 10px 0 9px;line-height:40px;display: inline-block;color: #fff;text-align:center;}
.p-nav ul li a{padding:0 7px;min-width: 56px;}
.p-nav ul li a:hover {background-color: #ff753e; }
.p-nav .subnav{float:right;margin-right: 1px;}


/*导航增加new图标 20200401*/
.p-nav ul li{position: relative;}
.p-nav ul li .new{    width: 34px;
height: 18px;
position: absolute;
top: -16px;
right: -2px;
background: url(https://g1.17qcc.com/2018/product/images/new.gif?v1) top center;
z-index: 2;
}

/*导航增加new图标 202101*/
.p-nav ul li span.balenum2{display: block;position: absolute;z-index: 4;top: 5px;right: 0;color: #fff;line-height: 12px;-moz-transition: top .5s ease;
-webkit-transition: top .5s ease;-ms-transition: top .5s ease;transition: top .5s ease;-webkit-animation: swaythis .9s .4s linear infinite;-ms-animation: swaythis .9s .4s linear infinite;animation: swaythis .9s .4s linear infinite;}

.p-nav ul li span.balenum2 i{font-size:14px;display: block;position: absolute;top: -7px;left: -24px;font-size: 12px;text-align: center;line-height: 7px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",SimSun,Arial,sans-serif;-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);color: #222;font-weight: 700;float: right;background: linear-gradient(45deg,#E73584,#FD6486);padding: 7px 6px;border-radius: 10px 10px 10px 0;color: #FFF;font-style: normal;}
@-webkit-keyframes swaythis{from {top: 4px  }  50% {top: 1px  }  to {    top: 4px  }}
@-moz-keyframes swaythis {from {top: 4px}50% {top: 1px}to {top: 4px}}
@-o-keyframes swaythis {from {top: 4px }50% {top: 1px}to {top: 4px  }}
@keyframes swaythis {from {top: 4px }50% {top: 1px}to {top: 4px}}


/* 顶部通栏 */
.min_nav{background-color: #F5F5F5;height: 34px;line-height: 34px}
.min_nav{    
position: relative;
/* z-index: 101; */
z-index: 201;
}
.topbarWarp .qcc_home,.mark_more span.mark_icon{background: url(https://g1.17qcc.com/2018/buyer/images/qcctopbar.png)  no-repeat;display: block;}
.topbarWarp .qcc_home{float: left;color: #666;min-width: 60px;background-position: 0 12px;padding-left: 14px;margin-right: 21px;font-size: 12px;    line-height: normal;padding-top: 9px;}
/* .topbarWarp .qcc_home{background: none;} */
.topbarWarp .qcc_home .hicon{position: absolute; left: -2px; top: 9px; font-size: 15px; color: #bbb;}

.topbarWarp .mark_more{float:left;width: 96px;cursor: pointer;position: relative;}
.topbarWarp .mark_more .markIcon{    margin-right: 3px; float: left; margin-top: 11px; color: #f50; font-size: 12px;}
.topbarWarp .mark_more span.mark_icon{width: 20px;height: 12px;margin-right: 3px;background-position: 6px -24px;float: left;margin-top: 11px}
.topbarWarp .mark_more p{color: #FA5F05;font-size: 12px;text-align: left}

.topbarWarp .mark_more i{top: 15px;right: 2px;height: 5px;overflow: hidden;font: 700 14px/16px simsun;color: #ccc;transition: transform .1s ease-in 0s;-webkit-transition: -webkit-transform .1s ease-in 0s;display: block;position: absolute;transform-origin: 50% 30%;-webkit-transform-origin: 50% 30%;}
.topbarWarp .mark_more i s{position: relative;top: -9px;text-decoration: none;}
.topbarWarp .mark_more .mark_molist{position: absolute;top: 34px;left:-1px;background-color: #fff;z-index: 2020;font-size: 12px;width: 96px;border: 1px solid #ececec;border-top: 0 none}
.topbarWarp .mark_more .mark_molist ul{padding: 0 5px 4px;}
.topbarWarp .mark_more .mark_molist ul li a{height: 32px;line-height: 32px;text-align: left;display: block;color: #555;font-size: 12px;}
.topbarWarp .mark_more .mark_molist ul li a:hover{background-color: #f5f5f5;color: #f50}
.topbarWarp .mark_more{border: 1px solid transparent;border-top: 0 none;border-bottom: 0 none}
.topbarWarp .mark_more:hover{    border: 1px solid #ececec;border-top: 0 none;border-bottom: 0 none}
.topbarWarp .mark_more:hover i{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.topbarWarp .mark_more:hover p{background-color: #fff;}
.topbarWarp .mark_more:hover .mark_molist{display: block}

.topbarWarp .sign_status {float:left;margin-left: 20px;}
.topbarWarp .sign_status li {float:left;padding-right:16px;}
.topbarWarp .sign_status .top_tool {float:right;}

/* 190830退出下拉列表收起 */
.topbarWarp .sign_status li a.uname{color: #f50;}
.topbarWarp .sign_status{position: relative;}
.topbarWarp .sign_status ul{position: relative;z-index: 10090;}
.topbarWarp .sign_status li .arrow{height: 5px;overflow: hidden;font: 700 14px/16px simsun;color: #ccc;
transition: transform .1s ease-in 0s;-webkit-transition: -webkit-transform .1s ease-in 0s;display: inline-block;
transform-origin: 50% 30%;-webkit-transform-origin: 50% 30%;vertical-align: middle;margin-left: 2px;}
.topbarWarp .sign_status li .arrow s{position: relative;top: -9px;text-decoration: none;}
.topbarWarp .sign_status li.arrow{    
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.topbarWarp .sign_status:hover .arrow{    
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.topbarWarp .sign_status .sign_menu{min-width: 50px;
padding: 28px 12px 6px 12px;
top: 0px;
left: -12px;
right:9px;
background-color: #fff;
border: 1px solid #e5e5e5;
border-top: none;
z-index: 10080;
display: none;
position: absolute;
}
.topbarWarp .sign_status .sign_menu a{line-height: 26px;display: block;}
.topbarWarp .sign_status:hover .sign_menu{display: block;}



/* 1908消息位移 */
.topbarWarp  .nav_title_left{
font-size: 12px;
border-radius: 5px;
float:  left;
}
.topbarWarp  .nav_title_left a span{padding-left: 2px;float:  left;}
.topbarWarp  .nav_title_left i{top: 15px;right: 4px;height: 5px;overflow: hidden;font: 700 14px/16px simsun;color: #ccc;transition: transform .1s ease-in 0s;-webkit-transition: -webkit-transform .1s ease-in 0s;display: block;position: absolute;transform-origin: 50% 30%;-webkit-transform-origin: 50% 30%;}
.topbarWarp  .nav_title_left a i s{position: relative;top: -9px;text-decoration: none;}

.topbarWarp .nav_title_left span.badge {
border-radius: 6px;
background-color: #FA5F05;
height:  12px;
padding: 1px 2px 0 2px;
color: #fff;
display: inline;
line-height: 11px;
margin-top: 10px;
margin-left: 3px;
}

/* 

.topbarWarp  .nav_title_left{
font-size: 12px;
border-radius: 5px;
float:  left;
}
.topbarWarp  .nav_title_left a span{padding-left: 2px;float:  left;}
.topbarWarp  .nav_title_left i{top: 15px;right: 4px;height: 5px;overflow: hidden;font: 700 14px/16px simsun;color: #ccc;transition: transform .1s ease-in 0s;-webkit-transition: -webkit-transform .1s ease-in 0s;display: block;position: absolute;transform-origin: 50% 30%;-webkit-transform-origin: 50% 30%;}
.topbarWarp  .nav_title_left a i s{position: relative;top: -9px;text-decoration: none;}

.topbarWarp .nav_title_left span.badge{border-radius: 6px;background-color: #FA5F05;height: 12px;padding: 1px 2px 0 2px;color: #fff;display:  inline;line-height: 12px;margin-top: 10px;margin-left:  3px;} */


.topbarWarp .topnav{float: right;}
.topbarWarp .topnav li{float: left;padding-right: 20px;position: relative;z-index: 20180}
.topbarWarp .topnav li.qcc_home_li{border: 0 none}
/* .topbarWarp .topnav li.qcc_home_li .qcc_home{    margin-right: 0;} */
.topbarWarp .topnav li.qcc_home_li:hover{background: transparent;border: 0 none}
.topbarWarp .topnav .nav_title{font-size: 12px;}
.topbarWarp .topnav li.nav_verline{color: #ccc;font-size: 12px;padding-left: 10px;padding-right: 10px;}
.topbarWarp .topnav li.nav_noother{font-size: 12px;padding-right: 0}
.topbarWarp .topnav li.nav_noother span{padding: 0 10px}
.topbarWarp .topnav  a{color: #666}
.topbarWarp .topnav .nav_title a span{float: left;padding-left:5px}
.topbarWarp .topnav .nav_title a i{top: 15px;right: 4px;height: 5px;overflow: hidden;font: 700 14px/16px simsun;color: #ccc;transition: transform .1s ease-in 0s;-webkit-transition: -webkit-transform .1s ease-in 0s;display: block;position: absolute;transform-origin: 50% 30%;-webkit-transform-origin: 50% 30%;}
.topbarWarp .topnav .nav_title a i s{position: relative;top: -9px;text-decoration: none;}
.topbarWarp .topnav li:hover i{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.topbarWarp .topnav .nav_purchase span.badge{margin-left: 4px;border-radius: 6px;background-color: #FA5F05;height: 14px;padding:1px 3px;line-height: 12px;color: #fff;margin-top: 10px;box-sizing: border-box;}
.topbarWarp .topnav li .nav_cons{position: absolute;background-color: #fff;position: absolute;top: 34px;left: -1px;width: 130px;display: none;border: 1px solid #ececec;border-top: 0;z-index: 2020;}
.topbarWarp .topnav li .nav_cons ul{padding: 0 5px 4px;}
.topbarWarp .topnav li .nav_cons ul li{float: none;padding-right: 0}
.topbarWarp .topnav li .nav_cons ul li a{color: #555;font-size: 12px;display: block;text-align: left;padding-left: 5px}
.topbarWarp .topnav li .nav_cons ul li a:hover{background-color: #f5f5f5;color: #f50}
.topbarWarp .topnav li{border: 1px solid transparent;border-top: 0 none;border-bottom: 0 none;}
.topbarWarp .topnav li:hover{border: 1px solid #ececec;border-top: 0 none;border-bottom: 0 none;}
.topbarWarp .topnav li:hover{background-color: #fff}
.topbarWarp .topnav li:hover .nav_cons{display: block}
.topbarWarp .topnav li.nav_verline:hover{background-color: #F5F5F5;}


.topbarWarp .topnav li .mes_top_badge_s{position: relative;margin-left: 3px;display: inline-block; padding: 0 6px; font-size: 12px; text-align: center;
background-color: #FF5722; color: #fff; border-radius: 2px;height: 18px;line-height: 18px;}
.topbarWarp .topnav li .mes_top_badge_s b{position: absolute;left: -3px;top: 6px;width: 3px;height: 5px;background: url(https://g1.17qcc.com/2018/buyer/images/badge_arrow.png) top center no-repeat;}

/* 手机青创网  2212*/
.topbarWarp .topnav li.nav_corebox .nav_corecons{ position: absolute; background-color: #fff; position: absolute; top: 43px; left: -83px; width: 220px; display: none;box-shadow: 0px 0px 12px rgb(0 0 0 / 10%); border-top: 0; z-index: 2020; box-sizing: border-box; }
.topbarWarp .topnav li.nav_corebox .nav_corecons .tri1 {width: 0px;height: 0px;position: absolute;top: -16px;left: 112px;padding: 0;border: 8px solid transparent;border-color: transparent transparent #fff transparent;content: '';z-index: 3;}
.topbarWarp .topnav li.nav_corebox .nav_corecons .tri2{width: 0px;height: 0px;position: absolute;top: -16px;left: 112px;padding: 0;border: 8px solid transparent;border-color: transparent transparent #ccc transparent;content: '';z-index: 2;}
.topbarWarp .topnav li.nav_corebox .nav_corecons dl{display: flex;flex-direction: column;}
.topbarWarp .topnav li.nav_corebox .nav_corecons dd{display: flex;padding: 15px 0;align-items: center;justify-content: center;border-top: 1px solid #F0F0F0;cursor: pointer;}
.topbarWarp .topnav li.nav_corebox .nav_corecons dd:first-child{border-top: 0;}
.topbarWarp .topnav li.nav_corebox .nav_corecons .item{display: flex;align-items: center;justify-content: center;}
.topbarWarp .topnav li.nav_corebox .nav_corecons .qrcode{width: 100px;height: 100px;display: inline-flex;box-sizing: border-box;background-color: #fff;border: 1px solid #F0F0F0;margin-right: 8px;align-items: center;justify-content: center;}
.topbarWarp .topnav li.nav_corebox .nav_corecons .qrcode img{width: 92px;height: auto;}
.topbarWarp .topnav li.nav_corebox .nav_corecons .qwx{width: 108px;}
.topbarWarp .topnav li.nav_corebox .nav_corecons .qwx img{width: 98px;}
.topbarWarp .topnav li.nav_corebox .nav_corecons .info{    display: flex; flex-direction: column; align-items: flex-start; }
.topbarWarp .topnav li.nav_corebox .nav_corecons .info  p{line-height: normal;height: 18px;display: inline-flex}
.topbarWarp .topnav li.nav_corebox .nav_corecons .info .tit{color: #333;}
.topbarWarp .topnav li.nav_corebox .nav_corecons .info .value{color: #f50;}
.topbarWarp .topnav li.nav_corebox .nav_corecons .info .dval{color: #f50;}
.topbarWarp .topnav li.nav_corebox .corerig{position: absolute; top: 43px; z-index: 2; left: 0;display: none;}
.topbarWarp .topnav li.nav_corebox .corerig .coreditems {width: 80px;height: 89px;background: #FFFFFF;border: 1px solid transparent;box-shadow: 0px 0px 12px rgb(0 0 0 / 10%);border-radius: 1px;text-align: center;position: relative;}
.topbarWarp .topnav li.nav_corebox .corerig .coreditems:before { width: 0px; height: 0px; position: absolute; top: -17px; left: 28px; padding: 0; border: 8px solid transparent; border-color: transparent transparent #fff transparent; content: ''; z-index: 12; }
.topbarWarp .topnav li.nav_corebox .corerig .coreditems img {width: 70px;margin: 2px auto 0;}
.topbarWarp .topnav li.nav_corebox .corerig .coreditems p{font-size: 12px;color: #f50;font-weight: bold;line-height: normal;}


.topbarWarp .topnav li.nav_corebox:hover{background-color: transparent;border: 1px solid transparent;border-top: 0 none;border-bottom: 0 none;}
.topbarWarp .topnav li.nav_corebox:hover .nav_corecons{display: block;}

/* 底部*/
.footer{/*height: 118px;*/background-color: #fff;border-top:2px solid #FA5F05;font-size: 14px;height: auto;padding-bottom: 20px;}
.footer .abt{text-align: center;margin-top: 40px;}
.footer .abt a{padding-right: 24px;padding-left: 24px;line-height: 17px}
.footer .copy{text-align: center;color: #bbb;padding-top: 10px;}
.copy{height:20px;line-height:20px;}
.copy .gwab {position: relative;padding-left: 25px;color: #bbb;height: 20px;line-height: 20px;display: inline-block;}
.copy .gwab i {position: absolute;left: 0;top: 0;width: 20px;height: 20px;background: url(//g1.17qcc.com/images/ban.png) 0 0 no-repeat;}
.copy span {color: #888;padding: 0 8px;}
.copy a {color: #888;}



/*网站大底部*/
.footer-main {margin-top: 60px;border-top: 2px solid #FA5F05;background-color: #fff;/*padding: 38px 0 30px 0;*/}
.footer-main .ft-logo {float: left;margin-left: 38px;margin-right: 38px;}
.footer-main .ft-logo img {max-width: 272px;max-height: 110px;display: block;margin-top: 26px;}
.footer-main .ft-con {float: left;}
.footer-main .ft-con dl {float: left;margin-left: 40px;border-right: 1px solid #EBEBEB;height: 155px;}
.footer-main .ft-con dd {position: relative;font-size: 12px;height: 16px;line-height: 16px;margin-bottom: 8px;width: 127px;}
.footer-main .ft-con dd a, .footer-main .link a {color: #666;}
.footer-main .ft-con dd.first {font-weight: bold;font-size: 14px;text-align: left;height: 19px;line-height: 19px;margin-bottom: 16px;}
.footer-main .ft-con dl.last {margin-right: 0;}
.footer-main .link {margin-top: 30px;text-align: center;color: #666;position: relative;height: 18px;}
.footer-main .link .line {border-bottom: 1px dashed #bbb;width: 100%;height: 1px;position: absolute;left: 0;top: 8px;z-index: 1;}
.footer-main .link a {padding: 0 6px;}
.footer-main .link-con {background-color: #fff;width: 400px;position: absolute;left: 50%;margin-left: -200px;z-index: 2;}
.footer-main a:hover, .footer-main .area dd a:hover, .footer-main .abt a:hover {color: #cc0000;}
.footer-main .about {font-size: 14px;text-align: center;margin: 20px 0 10px 0;color: #ccc;}
.footer-main .about a {margin: 0 14px;}
.footer-main .copy {color: #bbb;text-align: center;}


/* 分站底部友情链接 210514*/
.footer .links{margin-top: 30px;text-align: center;color: #666;position: relative;height: 18px;}
.footer .links .line {border-bottom: 1px dashed #bbb;width: 100%;height: 1px;margin-bottom: -12px;}
.footer .link-cons{background-color: #fff;display: inline-block;width: auto;padding: 0 20px;}


/*公用搜索*/
.top-wrap {position: relative;}
.top-wrap .logo {width: 222px;height: 80px;float: left;}

.logo h1 .logo-bd {display: block;width: 222px;height: 90px;text-indent: -9999px;background: url(https://g1.17qcc.com/2018/logo.png) center no-repeat;}
.logo h1 .logo-bd{background: url(https://g1.17qcc.com/2018/logoz.png) center no-repeat;background-size:144px 45px;width: 150px;height: 76px;}

.search {float: left;margin-left: 38px;width: 658px;position: relative;height: 80px;}
.search-bd .search-triggers {height: 24px;}
.search-bd .search-triggers li {text-align: center;float: left;width: 60px;height: 24px;line-height: 24px;cursor: pointer;border-radius: 2px 2px 0px 0px;background-color: #F2F2F2;margin-right: 4px;}
.search-bd .search-triggers .active {background-color: #FF5500;color: #fff;font-size: 12px;}
.search-bd .search-panel {position: relative;height: 38px;border: 1px solid #FA5F05;}
.search-bd .search-panel .search-input {padding: 5px 0;text-indent: 30px;height: 28px;line-height: 28px;width: 538px;border: none;background: #FFF;}
.search-bd .search-panel i {width: 10px;height: 12px;top: 14px;left: 14px;position: absolute;}
.search-bd .search-panel .btn-search {font-size: 14px;font-weight: 700;color: #FFF;background-color: #FF5500;cursor: pointer;height: 100%;border: none;width: 120px;position: absolute;right: 0;top: 0;}
.search-bd .search-panel i {background-position: 0 0;background-image: url(https://g1.17qcc.com/2018/home/sprites.png?t);background-repeat: no-repeat;}
.search-ft{position:absolute;bottom:-10px;left:0;}
.search-ft a{margin-right:8px;}
.activity {width: 124px;margin-left: 20px;float: left;margin-top: 24px;}
.activity .activity-title {color: #999;}
.activity .activity-con {font-size: 14px;}
.activity .activity-con a:hover {text-decoration: underline;}
.wx_scan {padding: 6px;position: absolute;right: 0;top: -12px;width: 80px;border: 1px solid #EBEBEB}
.wx_scan p {color: #999;font-size: 10px;text-align: center;}
/* 190313app二维码 */
.wx_phonea{background: url(https://g1.17qcc.com/2018/shop/images/phoneapp.png) top center no-repeat;width: 96px;height: 114px;position: absolute;right: 100px;top: -13px;text-align: center;}
.wx_phonea img{margin-top: 5px;width: 75px;height: 75px;}
.wx_phonea span{display:inline-block;color: #903e16;width: 80px;height: 16px;line-height: 16px;background-color: #f7eaac;border-radius: 8px;margin-top: 10px;}



/* 内页导航 */
.s_navTab{height: 40px;line-height: 40px;margin-top: 30px !important;}
.s_navTab .s_n_fr{float: right}
.s_navTab .s_n_fr li{float: left;margin-left: 24px;}
.s_navTab .s_n_fr li a{color: #666;}
.s_navTab .s_n_fr li a:hover{color: #f50}
.s_navTab .s_n_fr li.active a{color: #f50}

.s_navTab .s_n_fl{float: left;margin-left: -20px}
.s_navTab .s_n_fl li{float: left;font-size: 14px;padding-right: 20px;padding-left: 20px;position: relative;}
.s_navTab .s_n_fl li a{color: #333;position: relative;}
.s_navTab .s_n_fl li a .icon{position: absolute;}
.s_navTab .s_n_fl li a .icon_ping{width: 10px;height: 18px;background: url(https://g1.17qcc.com/2018/shop//images/icon_ping.png) top center no-repeat;top: 0;right: 0;background-size: 100% 100%;    top: -8px; right: -12px;}
.s_navTab .s_n_fl li a .icon_hot{width: 15px;height: 18px;background: url(https://g1.17qcc.com/2018/shop/images/shop_icon.png) 0 -21px  no-repeat;top: -9px;right: -13px;}
.s_navTab .s_n_fl li a:hover{color: #f50}
.s_navTab .s_n_fl li span{position: absolute;width: 1px;background-color: #ccc;height: 10px;top: 0;right: 0;margin-top: 15px}
.s_navTab .s_n_fl li.active a{color: #FF5500}



/* 页面内右下角回到顶部 */
.wrap_backtop{display:none;position: fixed;bottom: 160px;right:0;width: 40px;height: 40px;background-color: #999;cursor: pointer;border-radius: 4px}
.wrap_backtop i{top: 13px;right: 5px;height:18px;width:30px;overflow: hidden;font: 700 28px/16px simsun;color: #fff;transition: transform .1s ease-in 0s;-webkit-transition: -webkit-transform .1s ease-in 0s;display: block;position: absolute;transform-origin: 50% 30%;-webkit-transform-origin: 50% 30%;    transform: rotate(180deg);    -webkit-transform: rotate(180deg);}
.wrap_backtop i s{position: relative;top: -9px;text-decoration: none;}
.wrap_backtop:hover {background-color: #ff6000}





.pro_nav .shcbox{float: left;margin-top:20px;position: relative;margin-left: 34px;}
.pro_nav .shcbox #keywords{float: left;width:432px;height: 38px;line-height: 38px;border: 1px solid #FA5F05;padding-left: 26px;font-size: 12px;color:#666}
.pro_nav .shcbox .sch_icon{position: absolute;top:14px;left: 10px;width: 12px;height: 12px;/*background: url(https://g1.17qcc.com/2018/shop/images/sch_icon.png);background-size: 100% 100%;*/}
.pro_nav .shcbox .sch_icon{background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;background-position: -419px -180px;}
.pro_nav .shcbox  .top-serchebtn{float: left;width: 96px;height: 40px;line-height: 40px;text-align:center;font-size: 14px;color: #fff;background-color: #FF5500;border: 0 none;cursor: pointer;}
.pro_nav .shcbox .souallweb{float: left;margin-left: 10px;width: 80px;height: 40px;line-height: 40px;border: 1px solid #FF5500;background-color: #fff;font-size: 14px;color: #f50;cursor: pointer;}

.pro_nav .wx_scan{top: -16px}
/* 190313 app二维码 */
.pro_nav .wx_phonea{background: url(https://g1.17qcc.com/2018/shop/images/phoneapp.png) top center no-repeat;width: 96px;height: 114px;position: absolute;right: 100px;top: -17px;text-align: center;}
.pro_nav .wx_phonea img{margin-top: 5px;width: 75px;height: 75px;}
.pro_nav .wx_phonea span{display:inline-block;color: #903e16;width: 80px;height: 16px;line-height: 16px;background-color: #f7eaac;border-radius: 8px;margin-top: 10px;}


/* 新品上架+跨境专区+疯狂档口--内容头部 */
.pro_nav{margin-top: 20px;margin-bottom: 20px;position: relative;}
.w1200.pro_nav .shcbox #keywords{width: 318px;}
.pro_nav .logo {width: 222px;height: 80px;float: left;}
.pro_nav .logo { width: 150px; }
.pro_nav .nav_title{    margin-left: 17px; margin-top:24px;float: left;}
.pro_nav .nav_title:before {content: ''; display: inline-block;margin-right: 20px;height: 30px;width: 1px;background-color: #F0F0F0;vertical-align: middle;
}
.pro_nav .nav_title img {width:146px;height: 30px;}





/* 首页+商品详情页 右侧导航 0823*/
.fixedtool{display: none;position: fixed;bottom: 320px;right: 20px;width: 100px;height: 266px;cursor: pointer;border-radius: 4px;border: 1px solid #f5f5f5; z-index: 1000;}

.fixedtool a[target="_blank"]{/*background-image: url(https://pics.17qcc.com/imgextra/banner/201812/01/2715261095091.jpg);*/display: block;width: 100px;/*height: 90px;*/min-height: 130px;background-position: top center;background-repeat: no-repeat;}

.fixedtool a[target="_blank"] img{margin-top:2px;width: 100px;height: 130px;}

.fixedtool a[target="_blank"] img:hover{    opacity: 0.8;}


.fixedtool .kefu{padding: 14px 3px;text-align: center;background-color: #fff;}
.fixedtool .kefu:hover{background-color: #fcf7ec;color: #fa5f05}
.fixedtool .reng{padding: 9px 3px;text-align: center;background-color: #fff;display: block;border-top:1px solid #f5f5f5}
.fixedtool .reng:hover{background-color: #fcf7ec;color: #fa5f05}
.fixedtool .reng:hover a{color: #fa5f05}
.fixedtool .reng .reng_ico{background: url(https://g2.17qcc.com/2018/mall/imgs/cservice27.png) top center no-repeat;width: 28px;height: 28px;background-size: 28px;margin:0 auto;}

.fixedtool .reng p{line-height: 23px;}
/* .fixedtool .fd_gotop{background: url(https://g1.17qcc.com/2018/home/fltop.jpg) top center no-repeat;width: 100px;height: 48px;display: block} */
.fixedtool .fd_gotop{width: 100px;height: 48px;display: block;background-color: #fff;border-top:1px solid #f5f5f5}
.fixedtool .fd_gotop .up_ico{display: block;width: 22px;height: 12px;margin: 9px auto 0;position: relative;}
.fixedtool .fd_gotop .up_ico .icon_arrow_right{position: absolute;top: 0;left: 0;border-width:0px 9px 10px 9px;border-style: dashed  solid solid solid;
border-color:transparent transparent  #717171  transparent ;}
.fixedtool .fd_gotop .up_ico span{position: absolute;top:2px;left: 0px;border-width:0px 9px 10px 9px;border-style: dashed  solid solid solid;border-color: transparent transparent #fff transparent ;}

.fixedtool .fd_gotop i{text-align: center;font-size: 14px;color: #717171;font-style: normal;margin-top: 2px;display: block}
.fixedtool .fd_gotop:hover{background-color: #fcf7ec;color: #fa5f05}
.fixedtool .fd_gotop:hover i{color: #fa5f05}

.fixedtool .fd_gotop:hover .up_ico .icon_arrow_right{border-color:transparent transparent  #fa5f05  transparent ;}
.fixedtool .fd_gotop:hover .up_ico span{border-color:transparent transparent #fcf7ec  transparent ;}


/* 产品详情页-立即订购-弹窗登录 0918*/
/*.Pur_lo_bg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);z-index: 20181}*/
/*.Pur_lo{position: fixed;top: 50%;left: 50%;background: rgba(162, 162,162, .6);z-index: 20182;padding: 5px;width:340px;height:416px;margin-left: -170px;margin-top: -208px;}*/
.Pur_lo{padding: 5px;}



.Pur_lo .login_item{background-color: #fff;width: 340px;height: 475px;}

.Pur_lo .login_item .log_ti{height: 42px;line-height: 42px;border-bottom: 1px solid #f4f4f4}
.Pur_lo .login_item .log_ti a{float: left;margin: 11px 8px 0 11PX;width: 128px;height:20px;border-radius: 2px;text-decoration: none;text-indent: -9999px;background: url(https://g1.17qcc.com/2018/loginreg/images/logo_i.png) 0 0 no-repeat;}

.Pur_lo .login_item .log_ti a{background-size: auto 20px;width: 84px;}

.Pur_lo .login_item .log_ti span{float: left;font-size: 16px;color: #666}
.Pur_lo .login_item .log_ti .close{float: right;width: 16px;height: 16px;background: url(https://g1.17qcc.com/2018/shop/images/lo_close.png) top center no-repeat;background-size: 100% 100%;margin-right: 10px;margin-top: 14px;cursor: pointer;}

.Pur_lo .login_item .hd{height: 40px;position: relative;margin-top: 5px;background-color: #fff;z-index: 99}
.Pur_lo .login_item .hd .fl{float: left;padding-left: 18px}
.Pur_lo .login_item .hd .fl a{color: #333;font-size: 16px;float: left;padding-bottom: 5px;margin-top:9px}
.Pur_lo .login_item .hd .fl a.fr{float: right;}
.Pur_lo .login_item .hd .fr .poptip{border: 1px solid #F1DBA0;height: 16px;line-height: 16px;padding: 2px 13px 2px 11px;background: #FEFCEE;position: relative;float: left;margin-right: 46px;}
.Pur_lo .login_item .hd .fr .poptip .poptip-arrow{position: absolute;z-index: 10;top: 4px;right: 0;}
.Pur_lo .login_item .hd .fr .poptip .poptip-arrow em {top: 0;left: 1px;border-left-color: #f3d995;border-width: 6px 0 6px 6px;}
.Pur_lo .login_item .hd .fr .poptip .poptip-arrow span {border-left-color: #FEFCEE;border-width: 6px 0 6px 6px;}
.Pur_lo .login_item .hd .fr .poptip .poptip-content {color: #DF9C1F;font-size: 12px;font-weight: 400;}
.Pur_lo .poptip-arrow em,.poptip-arrow span {position: absolute;width: 0;height: 0;border-color: rgba(255, 255, 255, 0);border-color: transparent \0;   _border-color: tomato; _filter: chroma(color=tomato);border-style: solid;overflow: hidden;top: 0;left: 0;}

.Pur_lo .login_item .hd .quick{width: 40px;height: 40px;cursor: pointer;position: absolute;right:5px;top: 0}
.Pur_lo .login_item .hd .quick img{max-width: 40px;max-height: 40px;display: none}
.Pur_lo .login_item .hd .quick img.active{display: block}

.Pur_lo .login_item .bd .static{margin-top: 24px}
.Pur_lo .login_item .bd .static .staitem{width: 304px;height: 40px;line-height: 40px;border: 1px solid #F0F0F0;position: relative;margin: 0 auto 26px}
.Pur_lo .login_item .bd .static .staitem label{margin-left: 12px;color: #333333;padding-right: 8px;border-right: 1px solid #999;width: 48px;height: 17px;line-height: 17px;float: left;margin-top: 12px}
.Pur_lo .login_item .bd .static .staitem input{margin-left: 6px;border: 0 none;width: 229px;}

.Pur_lo .login_item .bd .static .staitem .error{color: #333;line-height: 18px;position: absolute;top:-25px;left: 0;display: none;width: 306px;background-color: #ffebeb;padding: 2px 0}
.Pur_lo .login_item .bd .static .staitem .error i{display: inline-block;vertical-align: middle;width: 14px;height: 14px;margin-left: 3px;margin-right:5px;background: url(https://g1.17qcc.com/2018/shop/images/lo_err_icon.png) top center no-repeat;margin-top: -3px}

.Pur_lo .login_item .bd .static .staitem .error_show{display: block}
.Pur_lo .login_item .bd .static .staitem input[name=password]{width: 166px}

.Pur_lo .login_item .bd .static .staitem .fgray{color: #666666;position: absolute;right: 6px;top: 12px;text-decoration: underline;line-height: normal;}

.Pur_lo .login_item .bd .static .staitem input[name=phonecode]{width:130px}
.Pur_lo .login_item .bd .static .staitem input[name=capha]{width:130px}
.Pur_lo .login_item .bd .static .staitem #captchaImage{width: 71px;height: 28px;position: absolute;right: 6px;top: 6px;line-height: normal}
.Pur_lo .login_item .bd .static .staitem #sublogin{height: 40px;line-height: 40px;color: #fff;font-size: 16px;width: 100%;text-align: center;background-color: #FF5500;border: 0 none;cursor: pointer;margin: 0}
.Pur_lo .login_item .bd .quk_list{margin-top: 20px;line-height: 24px;padding-left: 18px;padding-right: 12px}
.Pur_lo .login_item .bd .quk_list span{float: left;font-size: 14px;color: #666666}
.Pur_lo .login_item .bd .quk_list ul{float: left;}
.Pur_lo .login_item .bd .quk_list ul li{float: left;margin-left: 12px}
.Pur_lo .login_item .bd .quk_list ul li a{display: block;width:24px;height: 24px;margin-top: -3px}
.Pur_lo .login_item .bd .quk_list ul li a img{max-width: 24px;max-height: 24px}
.Pur_lo .login_item .bd .quk_list .fr a{margin-right: 6px;color: #666}
.Pur_lo .login_item .bd .quk_list .fr a:hover{color: #f50}

/* .Pur_lo .login_item .bd .quick_be{position: relative;display: block;height: 326px;} */

/* .Pur_lo .login_item .bd .quick_be .qrcode_main {width: 158px;margin: 0 auto;text-align: center;position: absolute; top: -55px; left: 12px;} */
/* .Pur_lo .login_item .bd .quick_be .qrcode_main img{max-width: 158px;max-height: 158px;} */
/* .Pur_lo .login_item .bd .quick_be .qrcode_main .info{margin-top: 10px} */
/* .Pur_lo .login_item .bd .quick_be .qrcode_main .info p{color: #333;margin-top: 10px} */
/* 190315修改 */
.Pur_lo .login_item .bd .quick_be{position: relative;display: block;height: 326px;}

.Pur_lo .login_item .bd .quick_be .qrcode_main {height: auto;overflow: hidden;position: relative;top: 12px;left: 55px;text-align: center;display: inline-block;}
.Pur_lo .login_item .bd .quick_be .qrcode_main .appsm{width: 56px;height: 56px;background: url(https://g1.17qcc.com/2018/loginreg/images/saom_logo.png?v1) top center no-repeat;background-size: 100%;position: absolute;top: 90px;left: 87px;}
.Pur_lo .login_item .bd .quick_be .qrcode_main img{width: 230px;height: 230px;display: inline-block;vertical-align: middle;max-width: 230px;
max-height: 230px;}
.Pur_lo .login_item .bd .quick_be .qrcode_main .info{margin-top: 10px}
.Pur_lo .login_item .bd .quick_be .qrcode_main .info p{color: #333;margin-top: 10px}

.Pur_lo .login_item .bd .quick_be .qrcode_desc{overflow: hidden;width: 132px;margin: 10px auto 12px;}
.Pur_lo .login_item .bd .quick_be .qrcode_desc img{float: left;color: #f40;width: 32px;height: 32px;margin-right: 10px;margin-top: 3px;}
.Pur_lo .login_item .bd .quick_be .qrcode_desc p{width: 90px;line-height: 18px;color: #6c6c6c;font-size: 12px;float: left;}
.Pur_lo .login_item .bd .quick_be .qrcode_desc p .ft_gray {color: #9c9c9c;}
.Pur_lo .login_item .bd .quick_be .qrcode_desc p span{display:block;margin-left: 2px;text-align:  left;}
.Pur_lo .login_item .bd .quick_be .qrcode_desc p .light_link{color: #f50;}



/* 分销+供应 首页专题悬浮 1019 */
.special_ad_f {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99999;background-color: rgba(0, 0, 0, 0.5);display: none;}
.special_ad_f .popup_pic_buyer{width: 740px;height: 293px;position: fixed;z-index: 999;top: 50%;left: 50%;margin-top:-181px;margin-left: -370px;}
.special_ad_f .popup_pic_seller{width: 870px;height: 412px;position: fixed;z-index: 999;top: 50%;left: 50%;margin-top:-206px;margin-left: -435px;}

.special_ad_f .popup .prompt{margin-bottom: 16px;}
.special_ad_f .popup .prompt a{float: right;}
.special_ad_f .popup .prompt a span{float: left;font-size: 16px;width:90px;height: 24px;line-height: 24px;text-align: center;border-radius: 12px;color: #fff;background-color: transparent;border:1px solid #fff;}
.special_ad_f .popup .prompt a span{    -webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.special_ad_f .popup_pic_buyer .prompt a:hover span{color: #fff;background-color: #ff5500;border: 1px solid 
#f50;}
.special_ad_f .popup_pic_seller .prompt a:hover span{color: #fff;background-color: #3d7eff;border: 1px solid  #3d7eff;}

.special_ad_f .popup .prompt a i{font-size: 24px;color: #666;background-color: #fff;width: 24px;height: 24px;border-radius: 50%;float: left;margin-left: 10px;font-style: normal;text-align: center;margin-top: 2px;line-height: 21px;}
.special_ad_f .popup .prompt a i{-webkit-transition: all .2s linear;-moz-transition: all .2s linear;
-o-transition: all .2s linear;transition: all .2s linear;}
.special_ad_f .popup_pic_buyer .prompt a:hover i{color: #fff;background-color: #f50;}

.special_ad_f .popup_pic_seller .prompt a:hover i{color: #fff;background-color: #3d7eff;}

/*账户中心加载效果 1115*/
.acc_loader{position: relative;height: 76px; width: 1200px; overflow: hidden;margin: 0 auto}
.acc_loadEffect { position:relative;top: 50%;left: 50%;margin-top: -10px;}
.acc_loadEffect i{ display:block; width:15px;height:15px;border-radius:50%; background-color:#630606; position:absolute;}
.acc_loadEffect i.lo_1{top:25px;left:0;-webkit-animation:loadEffect 1s ease 0s infinite;animation:loadEffect 1s ease 0s infinite;}
.acc_loadEffect i.lo_2{top:17px;left:17px;-webkit-animation:loadEffect 1s ease -0.12s infinite;animation:loadEffect 1s ease -0.12s infinite;}
.acc_loadEffect i.lo_3{top:0px;left:25px;-webkit-animation:loadEffect 1s ease -0.24s infinite;animation:loadEffect 1s ease -0.24s infinite;}
.acc_loadEffect i.lo_4{top:-17px;left:17px;-webkit-animation:loadEffect 1s ease -0.36s infinite;animation:loadEffect 1s ease -0.36s infinite;}
.acc_loadEffect i.lo_5{top:-25px;left:0;-webkit-animation:loadEffect 1s ease -0.48s infinite;animation:loadEffect 1s ease -0.48s infinite;}
.acc_loadEffect i.lo_6{top:-17px;left:-17px;-webkit-animation:loadEffect 1s ease -0.6s infinite;animation:loadEffect 1s ease -0.6s infinite;}
.acc_loadEffect i.lo_7{top:0px;left:-25px;-webkit-animation:loadEffect 1s ease -0.72s infinite;animation:loadEffect 1s ease -0.72s infinite;}
.acc_loadEffect i.lo_8{top:17px;left:-17px;-webkit-animation:loadEffect 1s ease -0.84s infinite;animation:loadEffect 1s ease -0.84s infinite;}

@keyframes loadEffect{
50%{ transform:scale(0.4); opacity:.4;}
100%{ transform:scale(1); opacity:1;}
}
@-webkit-keyframes loadEffect{
50%{ transform:scale(0.4); opacity:.4;}
100%{ transform:scale(1); opacity:1;}
}


/* 帮助中心 1116*/
.help-nav {background-color: #00ae45;}
.help-nav ul li {display: inline-block;font-size: 18px;color: #fff;margin-right: 7px;}
.help-nav ul li.act {background-color: #fff;}
.help-nav ul li.act a{color: #00ae45}
.help-nav ul li a {height: 40px;width: 72px;padding:0 10px;line-height:40px;display: inline-block;color: #fff;text-align:center;font-weight: bold;}
.help-nav ul li:hover{background-color: #fff;}
.help-nav ul li:hover a{background-color: #fff;color: #00ae45 }

.help-main{background-color: #f3f3f3;padding-bottom: 20px;padding-top: 20px;}
.help-main .left-bar {width: 160px;background-color: #fff;padding-bottom: 50px;float: left;}
.help-main .left-menu .tit{height: 40px;line-height: 40px;font-size: 18px;color:#fff;text-align: center;background: #00ae45;}
.help-main .left-menu .tit em{display: inline-block;vertical-align: middle;}
.help-main .left-menu .tit span{display: inline-block;vertical-align: middle;width: 19px;height: 23px;background: url(https://g1.17qcc.com/2018/home/help_icon_question.png) top center no-repeat;margin-right: 6px;margin-top: -2px;}
.help-main .left-menu dl{border-bottom: 1px solid #ededed;}
.help-main .left-menu dl dt{font-size: 14px;color:#000;padding-left: 24px;height:40px;line-height: 36px;position: relative;cursor: pointer;}
.help-main .left-menu dl dt .left_minus{width: 14px;height: 14px;background: url(https://g1.17qcc.com/2018/home/help_icon_add_2.png) top center no-repeat;position: absolute;top: 10px;left: 7px;}
.help-main .left-menu dl dt.on .left_minus{width: 14px;height: 14px;background: url(https://g1.17qcc.com/2018/home/help_icon_minus.png) top center no-repeat;position: absolute;top: 10px;left: 7px;}
.help-main .left-menu dl dd ul li{line-height: 36px;}
.help-main .left-menu dl dd ul li a{padding-left: 24px;display: block;color: #333;}
.help-main .left-menu dl dd ul li a.active{color: #00ae45;background: url(https://g1.17qcc.com/2018/home/help_icon_arrow.png) 12px center no-repeat;}
.help-main .left-menu dl dd ul li a:hover{color: #00ae45;background: url(https://g1.17qcc.com/2018/home/help_icon_arrow.png) 12px center no-repeat;}
.help-main .left-menu h4{line-height: 36px;height: 36px;}
.help-main .left-menu h4 a{display: block;padding-left: 24px;}
.help-main .left-menu h4 a:hover{color:#00ae45; }

.help-main .about-main{padding: 12px 18px;background-color: #fff;overflow: hidden;width: 984px;float: right;min-height: 100px;}
.help-main .about-main .path {height:28px;padding-bottom: 12px;border-bottom: 1px solid #ededed;}
.help-main .about-main .path li {margin-right:5px;float:left;height:28px;line-height:28px;position:relative;color: #999;}
.help-main .about-main .path li a{color: #999;}
.help-main .about-main .path li span{font-family: simsun;font-style: normal;margin:0 5px;}

.help-main .about-main .about-con .hd{padding-top: 20px;text-align: center;margin-bottom: 12px;}
.help-main .about-main .about-con .hd em{font-size: 20px;color: #333;font-weight: bold;display: block;}
.help-main .about-main .about-con .hd span{display: block;font-size: 12px;color: #333;}
.help-main .about-main .about-con p{line-height: 26px;margin-bottom: 12px;color:#333;}

.help-main .about-main .about-con-list li{padding-left: 16px;background: url(https://g1.17qcc.com/2018/home/circy_1.png) 0px center no-repeat;}
.help-main .about-main .about-con-list li a{display: block;line-height: 36px;height: 36px;}
.help-main .about-main .about-con-list li a span{font-size: 14px;float: left;}
.help-main .about-main .about-con-list li a em{font-size: 12;float: right;color: #666;}
.help-main .about-main .about-con-list li:hover{background: url(https://g1.17qcc.com/2018/home/circy_2.png) 0px center no-repeat;}
.help-main .about-main .about-con-list li:hover a{color:#00ae45; }
.help-main .about-main .about-con-list li:hover a em{color: #00ae45;}

/* 帮助中心 191231 */
.helps_nav{margin-top: 24px;padding-bottom: 20px;position: relative;}
.helps_nav .logo{width: 222px;height: 48px;float: left;}
.helps_nav .nav_title{margin-left: 17px; margin-top:8px;float: left;}
.helps_nav .logo{width: 138px;height:48px;float: left;}
.helps_nav .logo h1 .logo-bd {width: 138px;height: 48px;background: url(https://g1.17qcc.com/2018/sitexie/images/xlogo.png) center no-repeat;}
.helps_nav .nav_title:before{content: '';margin-right: 20px;height: 30px;width: 1px;float: left;background-color: #F0F0F0;margin-top: 6px;}
.helps_nav .nav_title span{font-size: 26px;color: #333;}

.hs_keys{background: linear-gradient(235deg,#ff5500,#ff5200);padding-bottom: 20px}
.hs_keys .wenti{text-align: center;padding-top:10px}
.hs_keys .wenti a{display: inline-block;vertical-align: middle;color: #FDD9C5;font-size:18px;padding: 0 20px;}
.hs_keys .wenti a span{display: inline-block;vertical-align: middle;padding-bottom: 10px;border-bottom: 3px solid transparent;}
.hs_keys .wenti a.active{color: #fff;}
.hs_keys .wenti a.active span{border-bottom: 3px solid #F3F3F3;}
.hs_keys .wenti a:hover {color: #fff;}
.hs_keys .wenti a:hover span{border-bottom: 3px solid #F3F3F3;}

.hs_seller{background:linear-gradient(235deg,rgba(44,115,251,1),rgba(44,127,251,1));}
.hs_seller .wenti a{color: #C2DFFD}



.hs_keys .shcbox{display: block;width: 530px;margin: 20px auto 0px;position: relative;background-color: #fff;border-radius:3px;height: 40px;line-height: 40px;}
.hs_keys .shcbox .sch_icon{position: absolute;top: 16px;left: 14px;width: 10px;height: 10px;background: url(https://g1.17qcc.com/2018/shop/images/sch_icon.png);background-size: 100% 100%;}
.hs_keys .shcbox #keywords{float: left;width: 404px;padding-left: 28px;border: 0;border-radius: 3px;color: #666;height: 40px;line-height: 40px;}
.hs_keys .shcbox .top-serchebtn{width: 90px;height: 36px;line-height: 36px;margin-top: 2px;text-align: center;color: #fff;font-size: 14px;float:right;margin: 2px;border: 0;background-color: #FD6F10;border-radius:3px;}

.hs_seller .shcbox .top-serchebtn{background-color: #3D94FF;}

.hs_zizhu p{font-size: 24px;color: #333333;padding-top:60px;padding-bottom: 20px;text-align: center;}
.hs_zizhu ul{margin-left: -60px;}
.hs_zizhu ul li{float: left;width: 190px;height: 190px;border:1px solid #D0D0D0;margin-left: 60px;border-radius:10px;cursor: pointer;}
.hs_zizhu ul li a{display: block;}
.hs_zizhu ul li span{display: block;transition: all .1s ease-in-out;}
.hs_zizhu ul li em{display: block;font-size: 16px;color: #999;text-align: center;margin-top: 30px;}
.hs_zizhu ul li .z1{width: 44px;height: 50px;margin: 46px auto 0;background: url(https://g1.17qcc.com/2018/shop/images/hsz1-ico.png) top center no-repeat;}
.hs_zizhu ul li .z2{width: 42px;height: 46px;margin: 48px auto 0;background: url(https://g1.17qcc.com/2018/shop/images/hsz2-ico.png) top center no-repeat;}
.hs_zizhu ul li .z3{width: 44px;height: 48px;margin: 47px auto 0;background: url(https://g1.17qcc.com/2018/shop/images/hsz3-ico.png) top center no-repeat;}
.hs_zizhu ul li .z4{width: 56px;height: 50px;margin: 46px auto 0;background: url(https://g1.17qcc.com/2018/shop/images/hsz4-ico.png) top center no-repeat;}
.hs_zizhu ul li .z5{width: 42px;height: 49px;margin: 46px auto 0;background: url(https://g1.17qcc.com/2018/shop/images/hsz5-ico.png) top center no-repeat;}
.hs_zizhu ul li:hover{border: 1px solid #FF5500;}
.hs_zizhu ul li:hover em{color: #FF5500;}
.hs_zizhu ul li:hover .z1{background: url(https://g1.17qcc.com/2018/shop/images/hszz1-ico.png) top center no-repeat;}
.hs_zizhu ul li:hover .z2{background: url(https://g1.17qcc.com/2018/shop/images/hszz2-ico.png) top center no-repeat;}
.hs_zizhu ul li:hover .z3{background: url(https://g1.17qcc.com/2018/shop/images/hszz3-ico.png) top center no-repeat;}
.hs_zizhu ul li:hover .z4{background: url(https://g1.17qcc.com/2018/shop/images/hszz4-ico.png) top center no-repeat;}
.hs_zizhu ul li:hover .z5{background: url(https://g1.17qcc.com/2018/shop/images/hszz5-ico.png) top center no-repeat;}

.hs_szz ul li .z1{width: 53px;height: 49px;margin: 46px auto 0;background: url(https://g1.17qcc.com/2018/shop/images/hsz6-ico.png) top center no-repeat;}
.hs_szz ul li .z2{width: 53px;height: 48px;margin: 46px auto 0;background: url(https://g1.17qcc.com/2018/shop/images/hsz7-ico.png) top center no-repeat;}
.hs_szz ul li .z3{width: 52px;height: 48px;margin: 46px auto 0;background: url(https://g1.17qcc.com/2018/shop/images/hsz8-ico.png) top center no-repeat;}
.hs_szz ul li .z4{width: 54px;height: 54px;margin: 43px auto 0;background: url(https://g1.17qcc.com/2018/shop/images/hsz9-ico.png) top center no-repeat;}
.hs_szz ul li .z5{width: 49px;height: 52px;margin: 43px auto 0;background: url(https://g1.17qcc.com/2018/shop/images/hsz10-ico.png) top center no-repeat;}
.hs_szz ul li:hover{border: 1px solid #3D94FF;}
.hs_szz ul li:hover em{color: #3D94FF;}
.hs_szz ul li:hover .z1{background: url(https://g1.17qcc.com/2018/shop/images/hszz6-ico.png) top center no-repeat;}
.hs_szz ul li:hover .z2{background: url(https://g1.17qcc.com/2018/shop/images/hszz7-ico.png) top center no-repeat;}
.hs_szz ul li:hover .z3{background: url(https://g1.17qcc.com/2018/shop/images/hszz8-ico.png) top center no-repeat;}
.hs_szz ul li:hover .z4{background: url(https://g1.17qcc.com/2018/shop/images/hszz9-ico.png) top center no-repeat;}
.hs_szz ul li:hover .z5{background: url(https://g1.17qcc.com/2018/shop/images/hszz10-ico.png) top center no-repeat;}


.hotzx{margin-top: 60px;}
.hotzx .t{font-size:24px;color:#333;text-align: center;}
.hotzx .panel{border: 1px solid #EBEAEA;margin-top: 20px;}
.hotzx .panel .hd{height: 48px;line-height: 48px;background-color:#F5F5F5;}
.hotzx .panel .hd span{font-size: 14px;float: left;width: 20%;color: #333;text-indent: 78px;}

.hotzx .panel .bd{padding: 0px 0 15px;}
.hotzx .panel .bd li{float: left;width: 20%;}
.hotzx .panel .bd li a{display: block;margin-left:78px;color: #666;padding-top: 15px;}
.hotzx .panel .bd li a .more{display: inline-block;vertical-align: middle;width: 6px;height: 10px;background: url(https://g1.17qcc.com/2018/shop/images/hotarow-icon.png) top center no-repeat;background-size: 100% 100%;margin-left: 10px;}
.hotzx .panel .bd li a:hover{color:#f50}
.hotzx .panel .bd li a:hover .more{background: url(https://g1.17qcc.com/2018/shop/images/hotarow-icon2.png) top center no-repeat;background-size: 100% 100%;}

.hotsel .panel .bd li a:hover{color: #3D7FFF;}
.hotsel .panel .bd li a:hover .more{background: url(https://g1.17qcc.com/2018/shop/images/hotarow-icon3.png) top center no-repeat;background-size: 100% 100%;}

.hs_us{margin-top: 60px;}
.hs_us .t{font-size:24px;color:#333;text-align: center;}
.hs_us .panel{border:1px solid #EBEAEA;padding: 40px 80px 30px;margin-top: 25px;}
.hs_us .panel .infol{float: left;}
.hs_us .panel .infol ul{margin-left: -40px;}
.hs_us .panel .infol li{margin-left: 40px;float: left;}
.hs_us .panel .infol li p{font-size: 14px;margin-bottom: 10px;}
.hs_us .panel .infol li p span{color: #999;display: inline-block;vertical-align: middle;}
.hs_us .panel .infol li p em{color: #333;display: inline-block;vertical-align: middle;}
.hs_us .panel .infol li p .line{width: 1px;height: 16px;background-color:#EFEFEF;margin: 0 12px;}
.hs_us .panel .infol li p a i{display: inline-block;vertical-align: middle;color:#f50;font-style: normal;margin-top: -2px;}
.hs_us .panel .infol li p a img{margin-top: -2px;margin-left: 2px;margin-right: 3px;}
.hs_us .panel .infol li p a.qq2 i{color: #333;}

.hs_us .panel .infol li p a:hover em{color:#f50}
.hs_us .panel .infol li p a:hover i{color:#f50}

.hs_uz .panel .infol li p a i{color: #333;}
.hs_uz .panel .infol li p a.qq2 i{color: #3D7FFF;}

.hs_uz .panel .infol li p a:hover em{color:#3D7FFF}
.hs_uz .panel .infol li p a:hover i{color:#3D7FFF}



.hs_us .panel .coder{float: right;}
.hs_us .panel .coder{margin-left: -70px;border-left: 1px solid #EFEFEF;}
.hs_us .panel .coder li{float: left;margin-left: 70px;text-align: center;color: #999999;}
.hs_us .panel .coder li img{display: block;width:80px;height: 80px;margin: 0 auto;}


.helps_nav .shcbox{display: block;width: 400px;position: relative;background-color: #fff;height: 34px;line-height: 34px;float: right;margin-top: 12px;}
.helps_nav .shcbox .sch_icon{position: absolute;top: 8px;right: 16px;width: 18px;height: 18px;background: url(https://g1.17qcc.com/2018/shop/images/schw_icon.png);background-size: 100% 100%;}
.helps_nav .shcbox #keywords{float: left;width: 323px;color: #666;height: 32px;line-height: 32px;border: 1px solid #D0D0D0;border-right: 0;padding-left: 26px;}
.helps_nav .shcbox .top-serchebtn{width: 50px;height: 34px;line-height: 34px;margin-top: 0;text-align: center;color: #fff;font-size: 14px;float:right;border: 0;background-color: #3388FF;cursor: pointer;}

.helpsl{border-bottom: 1px solid #EDEDED;}

.hslist{margin-top: 30px;position: relative;}
.hslist .w1200{background: url(https://g1.17qcc.com/2018/shop/images/helps_leftbg.png) repeat-y left;}

.hslist .sortl{float: left;width: 196px;/*border: 1px solid #EDEDED;*/    padding: 0 1px;}
.hslist .sortlfixed{position: fixed;top: 0;}
.hslist .sortl dl {
border-top:1px solid #fff;
}
.hslist .sortl dd {
background-color: #fff;
}
.hslist .sortl dd ul {
max-height: 600px;
overflow: auto;
}
.hslist .sortl dt{font-size: 14px;color: #333;padding-left:54px;height: 40px;line-height: 40px;position: relative;cursor: pointer;background-color: #f5f5f5;}
.hslist .sortl dt span{width: 14px;height: 8px;display: inline-block;vertical-align: middle;transition: transform .1s ease-in 0s;background: url(https://g1.17qcc.com/2018/shop/images/help_icon_arrow.png) top center no-repeat;margin-left: 3px;}
.hslist .sortl dt span{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.hslist .sortl dt.on span{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.hslist .sortl dd ul li{line-height:40px;height: 40px;}
.hslist .sortl dd ul li a{padding-left: 54px;height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hslist .sortl dd ul li a:hover{color: #2DAA51;}
.hslist .sortl dd ul li a.active{color: #2DAA51;}

.hslist .sortrbox{float: right;padding-left: 10px;background-color: #fff;}
.hslist .sortr{float: right;width: 988px;min-height: 635px;border: 1px solid #EDEDED;}
.hslist .sortr .hd{padding:30px 50px;}
.hslist .sortr .hd em{font-size: 20px;color: #333;font-weight: bold;display: block;}
.hslist .sortr .bd{padding: 0 50px;}
.hslist .sortr .bd img{max-width: 100%;}
.hslist .sortr .bd p{line-height: 26px;margin-bottom: 12px;color: #666;font-size: 14px;}
.hslist .sortr strong span { font-weight: inherit; }

/* 帮助中心-搜索 202001 */
.hs_keys_ask .wenti a.active span{border-bottom: 3px solid transparent;}
.hs_keys .shcbox .sch_close{width: 16px;height: 16px;background: url(https://g1.17qcc.com/2018/shop/images/sch_close_help.png) top center no-repeat;position: absolute;top: 14px;right: 100px;display: none;}

.hs_qucask .qleft{float: left;}
.hs_qucask .qleft li{margin-top: 20px;border-bottom: 1px solid #EEEEEE;transition: all .1s ease-out;cursor: pointer;width:790px;margin-right: 80px;}
.hs_qucask .qleft li a{display: block;padding: 30px 15px;}
.hs_qucask .qleft li .match{font-size: 14px;color: #333;line-height: 20px;margin-bottom: 10px;/*margin-right: -4px;margin-left: -4px*/}
.hs_qucask .qleft li .match i{float: left;width: 6px;height: 6px;background-color: #DFDEDE;border-radius: 50%;margin-right: 20px;transition:all .1s  ease-out;margin-top: 8px;}
.hs_qucask .qleft li .match span{color:#FA1313}
.hs_qucask .qleft li .con{margin-left: 28px;font-size:12px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.hs_qucask .qleft li:hover{border-bottom: 1px solid #fff;background-color:#FEF9F7;}
.hs_qucask .qleft li:hover i{background-color: #FF5500;}

.hs_qucask .qleft .nofind{width: 820px;margin-right: 80px;padding-top: 100px}
.hs_qucask .qleft .nofind .nopic{/*width: 253px;height: 258px;*/float: left;}
.hs_qucask .qleft .nofind .nofright{padding-top: 50px;margin-left: 90px;float: left;}
.hs_qucask .qleft .nofind .nofright .noftops{padding-bottom: 20px;}
.hs_qucask .qleft .nofind .nofright .noftops p{font-size: 30px;color: #f50;}
.hs_qucask .qleft .nofind .nofright .noftops span{color: #f50;font-size: 24px;}
.hs_qucask .qleft .nofind .nofright .noftops p .error{font-size: 30px;color: #f60;margin-right: 2px}



.hs_qucask .qr{float: left;}
.hs_qucask .qr .hot{margin-top: 30px;}
.hs_qucask .qr .hot .t{font-size: 14px;color: #333;position: relative;height: 20px;line-height: 20px;padding-bottom: 6px;}
.hs_qucask .qr .hot .t span{position: absolute;left: 0;bottom: 0;width: 25px;height: 2px;background-color: #FF5500;}
.hs_qucask .qr .hot ul li{margin-top: 12px}
.hs_qucask .qr .hot ul li a{color: #666;transition: all .1s ease-out;display: block;}
.hs_qucask .qr .hot ul li a i{float: left;width: 6px;height: 6px;background-color: #DFDEDE;border-radius: 50%;margin-right:6px;transition:all .1s  ease-out;margin-top: 8px;}

.hs_qucask .qr .hot ul li:hover a{color: #f50;}
.hs_qucask .qr .hot ul li:hover i{background-color: #FF5500}

.hs_qucask .qr .service{margin-top: 30px;}
.hs_qucask .qr .service .t{font-size: 14px;color: #333;position: relative;height: 20px;line-height: 20px;padding-bottom: 6px;}
.hs_qucask .qr .service .t span{position: absolute;left: 0;bottom: 0;width: 25px;height: 2px;background-color: #FF5500;}
.hs_qucask .qr .service ul li{margin-top: 12px;}
.hs_qucask .qr .service ul li a i{font-style: normal;}
.hs_qucask .qr .service ul li a img{margin-top: -4px;}

.hs_qucask .qr .oncall{margin-top: 30px;}
.hs_qucask .qr .oncall .t{font-size: 14px;color: #333;position: relative;height: 20px;line-height: 20px;padding-bottom: 6px;}
.hs_qucask .qr .oncall .t span{position: absolute;left: 0;bottom: 0;width: 25px;height: 2px;background-color: #FF5500;}
.hs_qucask .qr .oncall ul li{margin-top: 12px;color: #666;}


/* 首页右侧导航栏 0105*/
/* .rightnavbg{position: fixed;width: 36px;background-color: #dcdcdc;height: 100%;right: 0;top:0;z-index: 20181;display: none;}
.rightnavbg .rightnav{position: absolute;top:50%;margin-top:-115px;}
.rightnavbg .rightnav .nav-tools{height: 34px;margin-bottom: 20px;display: block;width: 36px;position: relative;}
.rightnavbg .rightnav .nav-tools .tools{height: 36px;cursor: pointer;padding-top: 4px;}
.rightnavbg .rightnav .nav-tools .tools-cur{background-color:#f50;}
.rightnavbg .rightnav .nav-tools .tools-cur .explain{display: block;}

.rightnavbg .rightnav .nav-tools .tools:hover{background-color:#f50}
.rightnavbg .rightnav .nav-tools .tools:hover .explain{display: block;}


.rightnavbg .rightnav .nav-tools .icon{display: block;width: 16px;height: 16px;margin:0px 10px 0px 10px;background-image: url(https://g1.17qcc.com/2018/home/rightnav-icon.png);}
.rightnavbg .rightnav .nav-tools .pos1{background-position: 0 0;}
.rightnavbg .rightnav .nav-tools .pos2{background-position: 0 -30px;}
.rightnavbg .rightnav .nav-tools .pos3{background-position: 0 -60px;}
.rightnavbg .rightnav .nav-tools .pos4{background-position: -30px -90px;}
.rightnavbg .rightnav .nav-tools .pos5{background-position: 0 -120px;}
.rightnavbg .rightnav .nav-tools .posx30{background-position-x: -30px;}

.rightnavbg .rightnav .nav-tools .tools-cur .icon{background-position-x: -30px;}
.rightnavbg .rightnav .nav-tools .tools:hover .icon{background-position-x: -30px;}

.rightnavbg .rightnav .nav-tools .explain{text-align: center;color: #fff;display: none;}
.rightnavbg .rightnav .nav-tools .explaincart{color: #f50;background-color: #fff;width: 22px;height: 12px;border-radius: 6px;line-height: 12px;margin: 2px auto;}
.rightnavbg .rightnav .nav-tools .exp_cur{display: block;}

.rightnavbg .rightnav .nav-tools .tools-cart .explaincart{display:block;}

.rightnavbg .gototop{background: url(https://g1.17qcc.com/2018/home/rightnav-icon.png?v0316) no-repeat;background-position: -93px -77px;width: 14px;height: 8px;position: absolute;bottom: 10px;left: 0;cursor: pointer;padding: 21px 11px;}

.rightnavopen{height: 100%;position: fixed;right: 36px;top: 0;z-index: 20180;}

.rightnavopen .member .spacing{height: 10px;background-color: #ededed}

.rightnavopen .member,.rightnavopen .footprint{position: absolute;width: 228px;height: 100%;background-color: white;right: -230px;border:1px solid #eee;top:0;cursor: default;display: none;}
.rightnavopen .muenlist .top,.rightnavopen .serviceonline .top{width: 218px;background-color: #efefef;height:33px;line-height: 32px;color: #656565;padding-left:10px;font-size:18px;position: relative;}
.rightnavopen .muenlist .top .close,.rightnavopen .serviceonline .top .close{width: 8px;height: 14px;top:11px;right: 10px;position: absolute;background-image: url(https://g1.17qcc.com/2018/home/jiao-icon.png);display: inline-block;cursor: pointer;}
.rightnavopen .member .welcome{width: 228px;height: 109px;background-color: #fff;padding-top:24px;}
.rightnavopen .member .welcome .tx{width: 56px;height: 56px;margin-left:15px;display:inline-block;}
.rightnavopen .member .welcome img{width: 56px;height: 56px;border-radius: 50%;margin: 0px;display: inline-block;}
.rightnavopen .member .welcome span{display:inline-block;line-height: 28px;vertical-align: middle;margin-left:10px;color: #999999;}
.rightnavopen .member .welcome span em{color: #000;}
.rightnavopen .member .welcome .myorder{margin: 15px 15px 0 15px;width: 198px;height: 20px;}
.rightnavopen .member .welcome .myorder .myoeder_img{width: 14px;height: 16px;display: inline-block;vertical-align: middle;background-image: url(https://g1.17qcc.com/2018/home/rightnav-icon.png);background-position: -60px 0;}
.rightnavopen .member .welcome .myorder span{display: inline-block;font-size: 12px;height: 20px;vertical-align: middle;line-height: 20px;color: #666;margin-left: 5px;}
.rightnavopen .member .welcome .myorder a{width: 67px;height: 20px;display: inline-block;vertical-align: middle;background-color: #ff5500;text-align: center;line-height: 20px;border-radius: 2px;color: #fff;margin-left: 56px;}

.rightnavopen .member .assets{width: 198px;height: 70px;background-color: #fff;position: relative;padding:34px 15px 0 15px;}
.rightnavopen .member .assets .line{border-bottom: 1px dashed #bbb;width: 198px;height: 1px;position: absolute;left: 15px;top: 15px;z-index: 1;}
.rightnavopen .member .assets .line-txt{height: 32px;line-height: 32px;width: 74px;z-index: 2;position: absolute;background-color: #fff;left:77px;text-align: center;top: 0;}
.rightnavopen .member .assets .as_list{float: left;width: 69px;height: 65px;cursor: pointer;margin:0 15px 0 15px;}
.rightnavopen .member .assets .as_list i{display: block;margin: 0 auto;width: 24px;height: 24px;background-image: url(https://g1.17qcc.com/2018/home/rightnav-icon.png);}
.rightnavopen .member .assets .as_list i.list1{background-position: -60px -30px;}
.rightnavopen .member .assets .as_list i.list2{background-position: -60px -60px;width: 27px;}
.rightnavopen .member .assets .as_list i.list3{background-position: -60px -90px;}
.rightnavopen .member .assets .as_list i.list4{background-position: -60px -120px;}
.rightnavopen .member .assets .as_list span {display: block;margin: 0 auto;text-align: center;}
.rightnavopen .member .assets .as_list .as_num{background-color: #f50;height: 16px;border-radius: 8px;color: #fff;width: 32px;text-align: center;margin: 2px auto;line-height: 16px;}

.rightnavopen .member .shop_assistant{display: block;width: 228px;height: 36px;background-color: #a5a5a5;color: #fff;line-height: 36px;text-align: center;position: relative;}
.rightnavopen .member .shop_assistant span{position: absolute;right: 15px;}

.rightnavopen .member .shop_assistant:hover{background-color: #f60;}

.rightnavopen .footprint ul{width: 236px;overflow-y: auto;display: block;height: 100%;position: relative;padding-right: 5px;}
.rightnavopen .footprint ul a{height: 118px;width: 100px;}
.rightnavopen .footprint ul a:hover img{opacity: .8;transition: opacity ease .2s;}
.rightnavopen .footprint ul li{float: left;width: 100px;padding: 10px 0 0 9px;height: 118px;}
.rightnavopen .footprint ul li img{width: 100px;height: 100px;display: block;margin: 0px;}
.rightnavopen .footprint ul li i{text-align: left;color: #f50;font-style: normal;}
.rightnavopen .footprint ul li span{text-align: left;color: #f50;}
.rightnavopen .footprint .cart{background-color: #CCCCCC;width: 230px;padding: 5px 0;height: 38px;position: absolute;bottom: 0px;left:-1px;}
.rightnavopen .footprint .cart span {display: inline-block;color: #fff;vertical-align: middle;font-style: normal;margin-left: 13px;}
.rightnavopen .footprint .cart a{display: inline-block;color: #fff;vertical-align: middle;font-size: 16px;height: 38px;background-color: #f50;line-height: 38px;border-radius: 5px;width: 124px;text-align: center;margin-left: 15px;}
.rightnavopen .footprint .nohistory{width: 228px;height: 30px;font-size: 18px;color: #666;text-align: center;line-height: 30px;margin-top: 200px;}

.rightnavopen .serviceonline{position: absolute;width: 228px;height: 290px;background-color: white;right: -230px;border:1px solid #eee;top:0;display: none;cursor: default;top: 50%;margin-top:47px;}
.rightnavopen .serviceonline span{color:#666;display: block;font-size: 12px;height: 28px;line-height: 28px;margin-left: 15px;}
.rightnavopen .serviceonline span em{color:#000;}
.rightnavopen .serviceonline i.line{display: block;width: 198px;margin-left: 15px;border-bottom: 1px solid #DDD;height: 6px;}
.rightnavopen .serviceonline span i.qqtxt{display: inline-block;vertical-align: middle;height: 18px;line-height: 18px;vertical-align: middle;font-style: normal;}


.rightnavopen .serviceonline span a.qq{display: inline-block;width: 23px;height: 16px;background-size: 16px 18px;background: url(https://g1.17qcc.com/2018/home/tool_callqq.gif) top center no-repeat;vertical-align: middle;cursor: pointer;}
.rightnavopen .serviceonline span a.qq{background: url(https://g2.17qcc.com/2018/mall/imgs/cservice27.png) top center no-repeat;background-size: contain;width: 30px;height: 28px;}

.feedback{width: 950px;height: 630px;background-color: #fff;}
.feedback .fb_top{width: 950px;height: 36px;background-color: #f0f0f0;position: relative;}
.feedback .fb_top i.fb{background-image: url(https://g1.17qcc.com/2018/images/rightnav-icon.png);background-position: -90px -30px;display: inline-block;width: 14px;height: 14px;vertical-align: middle;margin-left: 12px;}
.feedback .fb_top span{height: 36px;display: inline-block;vertical-align: middle;width: 100px;line-height: 36px;}
.feedback .fb_top .close{width: 16px;height: 16px;position: absolute;top: 10px;right: 10px;background-image: url(https://g1.17qcc.com/2018/shop/images/lo_close.png);cursor: pointer;}
.feedback .fb_type{width: 950px;padding-top:3px;height:80px;}
.feedback .fb_type .title{float: left;width: 120px;text-align: center;line-height: 54px;height: 80px;}
.feedback .fb_type .title em{color:#f50;margin-right: 10px;}
.feedback .fb_type ul {display: block;width: 830px;float: left;height: 100%;}
.feedback .fb_type ul li{width: 146px;height: 24px;margin-top: 14px;float: left;border: 1px solid #D1D1D1;line-height: 24px;text-align: center;color: #000;margin-right: 14px;position: relative;cursor: pointer;}
.feedback .fb_type .fb_active{border-color: #f50;}
.feedback .fb_type ul li .gou{position: absolute;width: 14px;height: 14px;right: 0;bottom: 0;background-image: url(https://g1.17qcc.com/2018/home/rightnav-icon.png);background-position: -90px -60px;display: none;}

.feedback .fb_reason .title{float: left;width: 120px;text-align: center;height: 225px;margin-top:30px;}
.feedback .fb_reason .title em{color:#f50;margin-right: 10px;}
.feedback .fb_reason textarea.reasontxt{width: 782px;height: 213px;border: 1px solid #D1d1d1;margin-top:30px;padding: 5px;resize: none;font-size: 14px;}

.feedback .fb_voucher{height: 136px;}
.feedback .fb_voucher .title{float: left;width: 120px;text-align: center;height: 92px;margin-top:30px;}
.feedback .fb_voucher .title em{color:#f50;margin-right: 10px;}
.feedback .fb_voucher .webPicPicker {margin-top: 30px;}
.feedback .uploadtxt {height: 40px;line-height: 40px;text-align: left;color: #f50;margin-left: 120px;}
.feedback .ok {height: 34px;margin-top: 20px;}
.feedback .ok a.btnok{height: 34px;width: 120px;background-color: #f50;display: block;line-height: 34px;text-align: center;color: #fff;font-size: 16px;margin-left: 415px;}

.rightnavbg .rightnav .seronline {background-color: #f50 !important;}
.rightnavbg .rightnav .seronline .explain{display: block;} */


.rightnavbg{position: fixed; width: 36px; background-color: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); height: 100%; right: 0; top: 0; z-index: 20181; display: none;}
.rightnavbg .rightnav{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; width: 36px; }
.rightnavbg .rightnav .nav-tools{display: flex;width: 30px;padding: 20px 0;align-items: center;justify-content: center;position: relative;border-top: 1px solid #E5E5E5;}
.rightnavbg .rightnav .nav-tools:last-child{border-bottom: 1px solid #E5E5E5;}
.rightnavbg .rightnav .nav-tools .tools{height: auto;cursor: pointer;padding-top: 0;position: relative;}
.rightnavbg .rightnav .nav-tools .tools-cur{background-color: transparent;}
.rightnavbg .rightnav .nav-tools .tools-cur .explain{display: block;}

.rightnavbg .rightnav .nav-tools .tools:hover{background-color:transition}
.rightnavbg .rightnav .nav-tools .tools:hover .explain{display: block;}

.rightnavbg .rightnav .nav-tools .tools:hover .icon{color:#f50}

.rightnavbg .rightnav .nav-tools .icon{display: block;width: 24px;height: 24px;margin: 0 auto;background: url(https://g1.17qcc.com/2021/homeImg/b-qccIcon.png);}
/* .rightnavbg .rightnav .nav-tools .icon{display: block; margin: 0 auto; font-size: 22px; } */
.rightnavbg .rightnav .nav-tools .pos1{background-position: -292px -178px;}
.rightnavbg .rightnav .nav-tools .pos2{background-position: -400px -178px}
.rightnavbg .rightnav .nav-tools .pos3{background-position: -184px -178px;}
.rightnavbg .rightnav .nav-tools .pos4{background-position: -508px -178px;}
.rightnavbg .rightnav .nav-tools .pos5{background-position:-616px -178px;}
.rightnavbg .rightnav .nav-tools .posx30{background-position-x: -30px;}

/* .rightnavbg .rightnav .nav-tools .tools-cur .icon{background-position-x: -30px;}
.rightnavbg .rightnav .nav-tools .tools:hover .icon{background-position-x: -30px;} */

.rightnavbg .rightnav .nav-tools .tools-cur .pos1{background-position:-346px -178px;}
.rightnavbg .rightnav .nav-tools .tools-cur .pos2{background-position:-454px -178px;}
.rightnavbg .rightnav .nav-tools .tools-cur .pos3{background-position:-238px -178px;}
.rightnavbg .rightnav .nav-tools .tools-cur .pos4{background-position:-562px -178px;}
.rightnavbg .rightnav .nav-tools .tools-cur .pos5{background-position:-670px -178px;}
.rightnavbg .rightnav .nav-tools .tools-cur .explain { color: #f50; }


.rightnavbg .rightnav .nav-tools .explain{text-align: center;color: #333;display: block;margin-top:2px}
.rightnavbg .rightnav .nav-tools .explaincart{background-color: #fff;width: auto;height: auto;line-height: 12px;}
.rightnavbg .rightnav .nav-tools .exp_cur{display: block;}

.rightnavbg .rightnav .nav-tools .tools-cart .explaincart{display:block;}
.rightnavbg .rightnav .nav-tools .tools-cart .ecnum{ min-width: 12px; padding: 0 2px; border-radius: 2px; height: 14px; background: #FF5500; position: absolute; top: -5px; right: -4px; color: #fff; display: flex; align-items: center; justify-content: center; }

.rightnavbg .rightnav .nav-tools .tools:hover {background-color: transparent;}
.rightnavbg .rightnav .nav-tools .tools:hover .explain{color:#f50}
.rightnavbg .rightnav .nav-tools .tools:hover .pos1{background-position:-346px -178px;}
.rightnavbg .rightnav .nav-tools .tools:hover .pos2{background-position:-454px -178px;}
.rightnavbg .rightnav .nav-tools .tools:hover .pos3{background-position:-238px -178px;}
.rightnavbg .rightnav .nav-tools .tools:hover .pos4{background-position:-562px -178px;}
.rightnavbg .rightnav .nav-tools .tools:hover .pos5{background-position:-670px -178px;}

.rightnavbg .gototop{background: url(https://g1.17qcc.com/2018/home/rightnav-icon.png?v0316) no-repeat;background-position: -93px -77px;width: 14px;height: 8px;position: absolute;bottom: 10px;left: 0;cursor: pointer;padding: 21px 11px;}

.rightnavopen{height: 100%;position: fixed;right: 36px;top: 0;z-index: 20180;}

.rightnavopen .member .spacing{height: 10px;background-color: #ededed}

.rightnavopen .member,.rightnavopen .footprint{position: absolute;width: 228px;height: 100%;background-color: white;right: -230px;border:1px solid #eee;top:0;cursor: default;display: none;}
.rightnavopen .muenlist .top,.rightnavopen .serviceonline .top{width: 218px;background-color: #efefef;height:33px;line-height: 32px;color: #656565;padding-left:10px;font-size:18px;position: relative;}
.rightnavopen .muenlist .top .close,.rightnavopen .serviceonline .top .close{width: 8px;height: 14px;top:11px;right: 10px;position: absolute;background-image: url(https://g1.17qcc.com/2018/home/jiao-icon.png);display: inline-block;cursor: pointer;}
.rightnavopen .member .welcome{width: 228px;height: 109px;background-color: #fff;padding-top:24px;}
.rightnavopen .member .welcome .tx{width: 56px;height: 56px;margin-left:15px;display:inline-block;}
.rightnavopen .member .welcome img{width: 56px;height: 56px;border-radius: 50%;margin: 0px;display: inline-block;}
.rightnavopen .member .welcome span{display:inline-block;line-height: 28px;vertical-align: middle;margin-left:10px;color: #999999;}
.rightnavopen .member .welcome span em{color: #000;}
.rightnavopen .member .welcome .myorder{margin: 15px 15px 0 15px;width: 198px;height: 20px;}
.rightnavopen .member .welcome .myorder .myoeder_img{width: 14px;height: 16px;display: inline-block;vertical-align: middle;background-image: url(https://g1.17qcc.com/2018/home/rightnav-icon.png);background-position: -60px 0;}
.rightnavopen .member .welcome .myorder span{display: inline-block;font-size: 12px;height: 20px;vertical-align: middle;line-height: 20px;color: #666;margin-left: 5px;}
.rightnavopen .member .welcome .myorder a{width: 67px;height: 20px;display: inline-block;vertical-align: middle;background-color: #ff5500;text-align: center;line-height: 20px;border-radius: 2px;color: #fff;margin-left: 56px;}

.rightnavopen .member .assets{width: 198px;height: 70px;background-color: #fff;position: relative;padding:34px 15px 0 15px;}
.rightnavopen .member .assets .line{border-bottom: 1px dashed #bbb;width: 198px;height: 1px;position: absolute;left: 15px;top: 15px;z-index: 1;}
.rightnavopen .member .assets .line-txt{height: 32px;line-height: 32px;width: 74px;z-index: 2;position: absolute;background-color: #fff;left:77px;text-align: center;top: 0;}
.rightnavopen .member .assets .as_list{float: left;width: 69px;height: 65px;cursor: pointer;margin:0 15px 0 15px;}
.rightnavopen .member .assets .as_list i{display: block;margin: 0 auto;width: 24px;height: 24px;background-image: url(https://g1.17qcc.com/2018/home/rightnav-icon.png);}
.rightnavopen .member .assets .as_list i.list1{background-position: -60px -30px;}
.rightnavopen .member .assets .as_list i.list2{background-position: -60px -60px;width: 27px;}
.rightnavopen .member .assets .as_list i.list3{background-position: -60px -90px;}
.rightnavopen .member .assets .as_list i.list4{background-position: -60px -120px;}
.rightnavopen .member .assets .as_list span {display: block;margin: 0 auto;text-align: center;}
.rightnavopen .member .assets .as_list .as_num{background-color: #f50;height: 16px;border-radius: 8px;color: #fff;width: 32px;text-align: center;margin: 2px auto;line-height: 16px;}

.rightnavopen .member .shop_assistant{display: block;width: 228px;height: 36px;background-color: #a5a5a5;color: #fff;line-height: 36px;text-align: center;position: relative;}
.rightnavopen .member .shop_assistant span{position: absolute;right: 15px;}

.rightnavopen .member .shop_assistant:hover{background-color: #f60;}

.rightnavopen .footprint ul{width: 236px;overflow-y: auto;display: block;height: 100%;position: relative;padding-right: 5px;}
.rightnavopen .footprint ul a{height: 118px;width: 100px;}
.rightnavopen .footprint ul a:hover img{opacity: .8;transition: opacity ease .2s;}
.rightnavopen .footprint ul li{float: left;width: 100px;padding: 10px 0 0 9px;height: 118px;}
.rightnavopen .footprint ul li img{width: 100px;height: 100px;display: block;margin: 0px;}
.rightnavopen .footprint ul li i{text-align: left;color: #f50;font-style: normal;}
.rightnavopen .footprint ul li span{text-align: left;color: #f50;}
.rightnavopen .footprint .cart{background-color: #CCCCCC;width: 230px;padding: 5px 0;height: 38px;position: absolute;bottom: 0px;left:-1px;}
.rightnavopen .footprint .cart span {display: inline-block;color: #fff;vertical-align: middle;font-style: normal;margin-left: 13px;}
.rightnavopen .footprint .cart a{display: inline-block;color: #fff;vertical-align: middle;font-size: 16px;height: 38px;background-color: #f50;line-height: 38px;border-radius: 5px;width: 124px;text-align: center;margin-left: 15px;}
.rightnavopen .footprint .nohistory{width: 228px;height: 30px;font-size: 18px;color: #666;text-align: center;line-height: 30px;margin-top: 200px;}

.rightnavopen .serviceonline{position: absolute;width: 228px;/*height: 270px;*/height: 290px;background-color: white;right: -230px;border:1px solid #eee;top:0;display: none;cursor: default;top: 50%;margin-top:47px;}
.rightnavopen .serviceonline span{color:#666;display: block;font-size: 12px;height: 28px;line-height: 28px;margin-left: 15px;}
.rightnavopen .serviceonline span em{color:#000;}
.rightnavopen .serviceonline i.line{display: block;width: 198px;margin-left: 15px;border-bottom: 1px solid #DDD;height: 6px;}
.rightnavopen .serviceonline span i.qqtxt{display: inline-block;vertical-align: middle;height: 18px;line-height: 18px;vertical-align: middle;font-style: normal;}


.rightnavopen .serviceonline span a.qq{display: inline-block;width: 23px;height: 16px;background-size: 16px 18px;background: url(https://g1.17qcc.com/2018/home/tool_callqq.gif) top center no-repeat;vertical-align: middle;cursor: pointer;}
.rightnavopen .serviceonline span a.qq{background: url(https://g2.17qcc.com/2018/mall/imgs/cservice27.png) top center no-repeat;background-size: contain;width: 30px;height: 28px;}


.feedback{width: 950px;height: 630px;background-color: #fff;}
.feedback .fb_top{width: 950px;height: 36px;background-color: #f0f0f0;position: relative;}
.feedback .fb_top i.fb{background-image: url(https://g1.17qcc.com/2018/images/rightnav-icon.png);background-position: -90px -30px;display: inline-block;width: 14px;height: 14px;vertical-align: middle;margin-left: 12px;}
.feedback .fb_top span{height: 36px;display: inline-block;vertical-align: middle;width: 100px;line-height: 36px;}
.feedback .fb_top .close{width: 16px;height: 16px;position: absolute;top: 10px;right: 10px;background-image: url(https://g1.17qcc.com/2018/shop/images/lo_close.png);cursor: pointer;}
.feedback .fb_type{width: 950px;padding-top:3px;height:80px;}
.feedback .fb_type .title{float: left;width: 120px;text-align: center;line-height: 54px;height: 80px;}
.feedback .fb_type .title em{color:#f50;margin-right: 10px;}
.feedback .fb_type ul {display: block;width: 830px;float: left;height: 100%;}
.feedback .fb_type ul li{width: 146px;height: 24px;margin-top: 14px;float: left;border: 1px solid #D1D1D1;line-height: 24px;text-align: center;color: #000;margin-right: 14px;position: relative;cursor: pointer;}
.feedback .fb_type .fb_active{border-color: #f50;}
.feedback .fb_type ul li .gou{position: absolute;width: 14px;height: 14px;right: 0;bottom: 0;background-image: url(https://g1.17qcc.com/2018/home/rightnav-icon.png);background-position: -90px -60px;display: none;}

.feedback .fb_reason .title{float: left;width: 120px;text-align: center;height: 225px;margin-top:30px;}
.feedback .fb_reason .title em{color:#f50;margin-right: 10px;}
.feedback .fb_reason textarea.reasontxt{width: 782px;height: 213px;border: 1px solid #D1d1d1;margin-top:30px;padding: 5px;resize: none;font-size: 14px;}

.feedback .fb_voucher{height: 136px;}
.feedback .fb_voucher .title{float: left;width: 120px;text-align: center;height: 92px;margin-top:30px;}
.feedback .fb_voucher .title em{color:#f50;margin-right: 10px;}
.feedback .fb_voucher .webPicPicker {margin-top: 30px;}
.feedback .fb_voucher .uploader-list {
  margin-top: 30px;
  display: inline-block;
}
.feedback .uploadtxt {height: 40px;line-height: 40px;text-align: left;color: #f50;margin-left: 120px;}
.feedback .ok {height: 34px;margin-top: 20px;}
.feedback .ok a.btnok{height: 34px;width: 120px;background-color: #f50;display: block;line-height: 34px;text-align: center;color: #fff;font-size: 16px;margin-left: 415px;}

/*.rightnavbg .rightnav .seronline { background-color: #f50 !important; *}/
.rightnavbg .rightnav .seronline .explain{display: block;}


/* 新增圆点标识 190118 */
/* .qtwarp .site_bar li a .trades_dot{margin-top: -18px;vertical-align: middle;margin-left: 2px;display: none;} */
.qtwarp .site_bar li .trades_dot{position: absolute;right: -10px;bottom: 34px;}

/* 右侧app扫码 */
.qcc_downApp{/*background: url(https://g1.17qcc.com/2018/product/images/tfs_app.png?v20190325) top center no-repeat;*//*width: 154px;height: 215px;*/position: fixed;bottom: 320px;right: 84px;z-index: 10;display: none;}
.qcc_downApp{width: 180px;height: 240px;background: url(https://g1.17qcc.com/2018/product/images/tfs_app2.png?v20200623) top center no-repeat;}
.qcc_downApp a{position: absolute;top:0;right:0;width: 100px;height: 16px;}
.qcc_downApp a{width: 180px;height: 34px;top: 10px;right: 10px;}
.qcc_downApp img{display: block;margin-top: 80px;margin-left:19px;}

/* top导航右侧app扫码 200623*/
.wxn_bg{float: right;}
.wxn_bg .wxnb{width: 132px;height: 32px;border: 1px solid #E5DFDF;cursor: pointer;line-height: 32px;position: relative;}
.wxn_bg .wxnb em{display: inline-block;width:16px;height: 16px;background: url(https://g1.17qcc.com/2018/product/images/wxscode1.png) top center no-repeat;vertical-align: middle;margin:0 10px;}
.wxn_bg .wxnb span{display:inline-block;vertical-align: middle;}
.wxn_bg .wxcode{margin-top: 10px;}
.wxn_bg .wxnb .popcode{position: absolute;display: none;width: 80px;height: 80px;padding: 4px;background-color: #FFC69F;z-index: 20;}
.wxn_bg .uploadapp .popcode{top: -6px;right: -110px;}
.wxn_bg .wxcode .popcode{top:-51px;right: -110px;}
.wxn_bg .wxnb .popcode i{position: absolute;background: url(https://g1.17qcc.com/2018/product/images/wxaroow.png) top center no-repeat;width: 10px;height: 15px;}
.wxn_bg .uploadapp i{top: 17px;left: -10px;}
.wxn_bg .wxcode i{top: 57px;left: -10px;}
.wxn_bg .wxnb .popcode img{width: 80px;height: 80px;}
.wxn_bg .wxnb:hover{border: 1px solid #FF5600;}
.wxn_bg .wxnb:hover .popcode{display: block;}
.wxn_bg .wxnb:hover em{background: url(https://g1.17qcc.com/2018/product/images/wxscode2.png) top center no-repeat}
.wxn_bg .wxnb:hover span{color: #FF5600;}



/* top搜索模块-鼠标停留展现微信商城190320*/
.wx_bg{position: absolute;right: 0px;top: -13px;overflow: hidden;width: 230px;height: 118px;}
.wx_bg .wx_phonea{right:38px;z-index: 4;top:0}
.wx_bg .wx_scan{top:0;width: 27px;padding: 0;height: 114px;border:0}
.wx_bg .wx_scan_mask{position: absolute;top:0px;right: 28px;background-color: #fff;height: 116px;width: 106px;z-index: 3;}
.pro_nav .wx_phonea{right:38px;}
.wx_scan .wx_scan_hide{display:block;position: absolute;top: 0px;left: -69px;padding: 7px;border: 1px solid #EBEBEB;background-color: #fff;z-index: 2;}
.wx_scan .wx_scan_show{width: 23px;padding: 2px;text-align: center;cursor: pointer;position: absolute;top: 0;left:-2px;z-index: 10;height: 108px;background-color: #fff;
border: 1px solid #EBEBEB;}
.wx_scan .wx_scan_show span{display: inline-block;width:12px;height:14px;background:url(https://g1.17qcc.com/2018/home/wx_scan_arrow.png) top center no-repeat;margin-top:6px;margin-bottom: 1px;}
.wx_scan .wx_scan_show_f span{transform: rotate(180deg);-webkit-transform:rotate(180deg);}
.wx_scan .wx_scan_show p{font-size: 14px;color: #666;line-height: 18px;margin-top: 6px;}

.pro_nav .wx_bg{top:-17px;}


/* 操作频繁，验证提醒 */
.codenotice .codenotice-w{font-size: 32px;color: #333;margin-top: 150px;font-weight: bold;}
.codenotice{text-align: center;padding-bottom: 100px;}
.codenotice .item_field_code{width: 302px;margin: 60px auto 0}
.codenotice .item_field_code input.itxt{width: 146px;}
.codenotice.item_field_code #captchaImage{width: 102px;height: 36px;line-height: 36px;background-color: #ff5500;text-align: center;color:#fff;font-size: 14px;border: 0;;position: absolute;top: -1px;right: -107px;cursor: pointer;}



/* pc关于我们页面 */
.qcc-aboutp .aboutp_bg{width: 100%;min-width: 1200px;overflow:hidden;}
.qcc-aboutp .aboutp_1{background: url(https://g1.17qcc.com/2018/home/about/aboutw_02.jpg) no-repeat top center;height:328px ;}
.qcc-aboutp .aboutp_2{background: url(https://g1.17qcc.com/2018/home/about/aboutw_03.jpg) no-repeat top center;height:292px ;}
.qcc-aboutp .aboutp_3{background: url(https://g1.17qcc.com/2018/home/about/aboutw_04.jpg) no-repeat top center;height:621px ;}
.qcc-aboutp .aboutp_4{background: url(https://g1.17qcc.com/2018/home/about/aboutw_05.jpg) no-repeat top center;height:287px ;}
.qcc-aboutp .aboutp_5{background: url(https://g1.17qcc.com/2018/home/about/aboutw_06.jpg) no-repeat top center;height:338px ;}
.qcc-aboutp .aboutp_6{background: url(https://g1.17qcc.com/2018/home/about/aboutw_07.jpg) no-repeat top center;height:339px ;}
.qcc-aboutp .aboutp_7{background: url(https://g1.17qcc.com/2018/home/about/aboutw_08.jpg) no-repeat top center;height:338px ;}
.qcc-aboutp .aboutp_8{background: url(https://g1.17qcc.com/2018/home/about/aboutw_09.jpg) no-repeat top center;height:338px ;}
.qcc-aboutp .aboutp_9{background: url(https://g1.17qcc.com/2018/home/about/aboutw_10.jpg) no-repeat top center;height:338px ;}
.qcc-aboutp .aboutp_10{background: url(https://g1.17qcc.com/2018/home/about/aboutw_11.jpg) no-repeat top center;height:338px ;}
.qcc-aboutp .aboutp_11{background: url(https://g1.17qcc.com/2018/home/about/aboutw_12.jpg) no-repeat top center;height:448px ;}
.qcc-aboutp .aboutp_13{background: url(https://g1.17qcc.com/2018/home/about/aboutw_14.jpg) no-repeat top center;height:363px ;}
.qcc-aboutp .aboutp_14{background: url(https://g1.17qcc.com/2018/home/about/aboutw_15.jpg) no-repeat top center;height:250px ;}
.qcc-aboutp .aboutp_15{background: url(https://g1.17qcc.com/2018/home/about/aboutw_16.jpg) no-repeat top center;height:465px ;}
.qcc-aboutp .aboutp_16{background: url(https://g1.17qcc.com/2018/home/about/aboutw_17.jpg) no-repeat top center;height:465px ;}
.qcc-aboutp .aboutp_17{background: url(https://g1.17qcc.com/2018/home/about/aboutw_18.jpg) no-repeat top center;height:436px ;}
.qcc-aboutp .aboutp_18{background: url(https://g1.17qcc.com/2018/home/about/aboutw_19.jpg) no-repeat top center;height:456px ;}
.qcc-aboutp .aboutp_19{background: url(https://g1.17qcc.com/2018/home/about/aboutw_20.jpg) no-repeat top center;height:298px ;}
.qcc-aboutp .aboutp_20{background: url(https://g1.17qcc.com/2018/home/about/aboutw_21.jpg) no-repeat top center;height:293px ;}
.qcc-aboutp .aboutp_21{background: url(https://g1.17qcc.com/2018/home/about/aboutw_22.jpg) no-repeat top center;height:293px ;}
.qcc-aboutp .aboutp_22{background: url(https://g1.17qcc.com/2018/home/about/aboutw_23.jpg) no-repeat top center;height:293px ;}
.qcc-aboutp .aboutp_23{background: url(https://g1.17qcc.com/2018/home/about/aboutw_24.jpg) no-repeat top center;height:291px ;}
.qcc-aboutp .aboutp_24{background: url(https://g1.17qcc.com/2018/home/about/aboutw_25.jpg?2019019) no-repeat top center;height:293px ;}
.qcc-aboutp .aboutp_25{background: url(https://g1.17qcc.com/2018/home/about/aboutw_26.jpg) no-repeat top center;height:293px ;}
.qcc-aboutp .aboutp_26{background: url(https://g1.17qcc.com/2018/home/about/aboutw_27.jpg) no-repeat top center;height:295px ;}
.qcc-aboutp .aboutp_27{background: url(https://g1.17qcc.com/2018/home/about/aboutw_28.jpg) no-repeat top center;height:431px ;}
.qcc-aboutp .aboutp_28{background: url(https://g1.17qcc.com/2018/home/about/aboutw_29.jpg) no-repeat top center;height:351px ;}
.qcc-aboutp .aboutp_29{background: url(https://g1.17qcc.com/2018/home/about/aboutw_30.jpg) no-repeat top center;height:336px ;}
.qcc-aboutp .aboutp_30{background: url(https://g1.17qcc.com/2018/home/about/aboutw_31.jpg) no-repeat top center;height:264px ;}
.qcc-aboutp .aboutp_31{background: url(https://g1.17qcc.com/2018/home/about/aboutw_32.jpg) no-repeat top center;height:527px ;}
.qcc-aboutp .aboutp_32{background: url(https://g1.17qcc.com/2018/home/about/aboutw_33.jpg) no-repeat top center;height:881px ;}


/* pc关于我们页面 -鞋服垂直批发平台 210506*/
.qcc-aboutp .qec_ban{margin: 0 auto;width: 100%;min-width: 1200px;overflow: hidden;}
.qcc-aboutp .q_bdcon{position: relative;left: 50%;margin-left: -960px; overflow: hidden;}

.qcc-aboutp .bestcon{width: 100%;min-width: 1200px;background-color: #fff;padding: 30px 0 50px;}
.qcc-aboutp .bestcon .hd{width: 139px;height: 51px;background: url(//g1.17qcc.com/2018/home/about/atw_2.jpg) top center no-repeat;margin: 20px auto 30px;}
.qcc-aboutp .bestcon .bd{width: 624px;height: 400px;position: relative;background: url(//g1.17qcc.com/2018/home/about/atw_3.png) top center no-repeat;margin: 60px auto 0;}
.qcc-aboutp .bestcon .bd .or{position: absolute;text-align: center;cursor: pointer;}
.qcc-aboutp .bestcon .bd .or .tw{border: 1px solid #e5f0ff;width: 92px;display: block;margin:0 auto;height: 32px;line-height: 32px;background-color: #fff;position: relative;color: #5c6a8c;margin-top: -10px;}
.qcc-aboutp .bestcon .bd .or .tw::before{content: '';width: 0;height: 0;border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 8px solid #fff;position: absolute;top: -8px;left: 50%;margin-left: -8px;}
.qcc-aboutp .bestcon .bd .or1{top:-30px;left:242px;}
.qcc-aboutp .bestcon .bd .or2{top:66px;left:440px;}
.qcc-aboutp .bestcon .bd .or3{top:74px;left:74px;}
.qcc-aboutp .bestcon .bd .or4{top:188px;left:240px;}
.qcc-aboutp .bestcon .bd .or .icon{width: 128px;height: 139px;display: block;margin: 0 auto;cursor: pointer;transition:all .1s ease-out;}
.qcc-aboutp .bestcon .bd .or .vline{height: 20px;border: 1px dashed #6b67ff;position: absolute;top:0;left: 50%;display: none;}
.qcc-aboutp .bestcon .bd .or .hline{width: 350px;border: 1px dashed #6b67ff;position: absolute;display: none;}
.qcc-aboutp .bestcon .bd .or2 .vline{height: 79px;top: -71px;left: 50%;}
.qcc-aboutp .bestcon .bd .or1 .hline{top:-4px;left: -286px;}
.qcc-aboutp .bestcon .bd .or2 .hline{width: 230px;top: -76px;left: 64px;}
.qcc-aboutp .bestcon .bd .or3 .hline{width: 184px;top: 0px;left:-125px;}
.qcc-aboutp .bestcon .bd .or4 .hline{width: 423px;top: 0px;left: 68px;}


.qcc-aboutp .bestcon .bd .or .desc{width: 254px;height: 112px;position: absolute;z-index: 20;}
.qcc-aboutp .bestcon .bd .or .desc h2{padding: 10px 10px 0;text-align: left;}
.qcc-aboutp .bestcon .bd .or .desc p{padding: 0 10px 10px;font-size: 14px;text-align: left;}
.qcc-aboutp .bestcon .bd .or .desc .vline2{height: 20px;border: 1px dashed #6b67ff;position: absolute;top: -36px;left: 50%;margin-left: -1px;display: none;}
.qcc-aboutp .bestcon .bd .or .desc .circy{width: 10px;height: 10px;background-color: #6b67ff;position: absolute;top: -12px;left: 50%;margin-left: -5px;border-radius: 10px;display: none;}
.qcc-aboutp .bestcon .bd .or1 .desc{top: 37px;left: -413px;}
.qcc-aboutp .bestcon .bd .or2 .desc{top: -37px;left: 170px;}
.qcc-aboutp .bestcon .bd .or3 .desc{top: 168px;left: -252px;}
.qcc-aboutp .bestcon .bd .or3 .desc .vline2{height: 140px;top: -160px;}
.qcc-aboutp .bestcon .bd .or4 .desc{top: 37px;left: 370px;}

.qcc-aboutp .bestcon .bd .or1 .icon{background: url(//g1.17qcc.com/2018/home/about/atw_4.png) top center no-repeat;}
.qcc-aboutp .bestcon .bd .or2 .icon{background: url(//g1.17qcc.com/2018/home/about/atw_6.png) top center no-repeat;}
.qcc-aboutp .bestcon .bd .or3 .icon{background: url(//g1.17qcc.com/2018/home/about/atw_8.png) top center no-repeat;}
.qcc-aboutp .bestcon .bd .or4 .icon{background: url(//g1.17qcc.com/2018/home/about/atw_10.png) top center no-repeat;}

.qcc-aboutp .bestcon .bd .or:hover .desc{background-color: #fff;box-shadow:0px 0px 10px #F4F5FA;}
.qcc-aboutp .bestcon .bd .or:hover .desc p{color: #7550c1;}
.qcc-aboutp .bestcon .bd .or:hover .desc .vline2{display: block;}
.qcc-aboutp .bestcon .bd .or:hover .desc .circy{display: block;}
.qcc-aboutp .bestcon .bd .or:hover .vline{display: block;}
.qcc-aboutp .bestcon .bd .or:hover .hline{display: block;}
.qcc-aboutp .bestcon .bd .or1:hover .icon{background: url(//g1.17qcc.com/2018/home/about/atw_5.png) top center no-repeat;}
.qcc-aboutp .bestcon .bd .or2:hover .icon{background: url(//g1.17qcc.com/2018/home/about/atw_7.png) top center no-repeat;}
.qcc-aboutp .bestcon .bd .or3:hover .icon{background: url(//g1.17qcc.com/2018/home/about/atw_9.png) top center no-repeat;}
.qcc-aboutp .bestcon .bd .or4:hover .icon{background: url(//g1.17qcc.com/2018/home/about/atw_11.png) top center no-repeat;}

.qcc-aboutp .honorcon{width: 100%;min-width: 1200px;background-color: #f7f9fc;padding: 30px 0 0px;}
.qcc-aboutp .honorcon .hd{width: 139px;height: 51px;background: url(//g1.17qcc.com/2018/home/about/atw_12.jpg) top center no-repeat;margin: 20px auto 30px;}
.qcc-aboutp .honorcon .sbd{height: 170px;/*padding: 0 30px;*/position: relative;border-bottom: 1px solid #e5e9f0;width: 1000px;margin:0 auto;overflow: hidden}

.qcc-aboutp .honorcon .sbd .pageBtn{width: 30px;height: 36px;position: absolute;top: 50px;cursor: pointer;opacity: 0.5;}
.qcc-aboutp .honorcon .sbd .prevBtn{background: url(//g1.17qcc.com/2018/home/about/atw_14.png) left center no-repeat;left: 0;}
.qcc-aboutp .honorcon .sbd .nextBtn{background: url(//g1.17qcc.com/2018/home/about/atw_15.png) left center no-repeat;right: 0;}
.qcc-aboutp .honorcon .sbd .pageBtn:hover{opacity: 1;}
.qcc-aboutp .honorcon .sbd .scrollBox{font-size: 0;white-space: nowrap;overflow-y: auto;height: 198px;}
.qcc-aboutp .honorcon .sbd .items{font-size: 0;white-space: nowrap;overflow-y: auto;height: 188px;padding-top: 10px;margin: 0 30px}
.qcc-aboutp .honorcon .sbd .scrollBox .item{display: inline-flex;align-items: center;flex-direction: column;justify-content: center;vertical-align: middle;position: relative;width: 93px;height: 108px;cursor: pointer;background: url(//g1.17qcc.com/2018/home/about/atw_16.png) top center no-repeat;margin-right:104px;color: #fff;font-size: 20px;text-align: center;top: 0;transition: all .1s ease-out;}
/* .qcc-aboutp .honorcon .sbd .scrollBox .item p{margin-top: 26px;} */
.qcc-aboutp .honorcon .sbd .scrollBox .item:first-child{margin-left: 20px;}
.qcc-aboutp .honorcon .sbd .scrollBox .item::after{content: '';height: 52px;border: 1px dashed #5b96ff;position: absolute;bottom: -56px;left: 50%;margin-left: -1px;display: none;}
.qcc-aboutp .honorcon .sbd .scrollBox .item::before{content: '';background-color: #3d54ff;width: 200px;height: 2px;border-radius: 2px;display: none;position: absolute;bottom: -52px;left: 50%;margin-left: -100px;}
.qcc-aboutp .honorcon .sbd .scrollBox .item.on{background: url(//g1.17qcc.com/2018/home/about/atw_17.png) top center no-repeat;top: -10px;}
.qcc-aboutp .honorcon .sbd .scrollBox .item.on::after{display: block;}
.qcc-aboutp .honorcon .sbd .scrollBox .item.on::before{display: block;bottom: -62px;}
/* .qcc-aboutp .honorcon .sbd .scrollBox .item:hover{background: url(//g1.17qcc.com/2018/home/about/atw_17.png) top center no-repeat;} */


.qcc-aboutp .honorcon .shd{width: 1000px;margin:0 auto;overflow: hidden;}
.qcc-aboutp .honorcon .shd .inBox{height: 140px;display: none;padding-top: 20px;}


.qcc-aboutp .photocon{width: 100%;min-width: 1200px;background-color: #ffffff;padding: 30px 0 0px;}
.qcc-aboutp .photocon .hd{width: 139px;height: 51px;background: url(//g1.17qcc.com/2018/home/about/atw_24.jpg) top center no-repeat;margin: 20px auto 30px;}
.qcc-aboutp .photocon .tabwrap{width: 1000px;margin: 30px auto 30px;background-color: #f7f9fd;}
.qcc-aboutp .photocon .tabs{height:118px;}
.qcc-aboutp .photocon .tabs li{float: left;width: 33.3%;height:118px;position: relative;cursor: pointer;transition: all .1s ease-in-out;}
.qcc-aboutp .photocon .tabs li p{font-size: 18px;color: #666;text-align: center;}
.qcc-aboutp .photocon .tabs li p:first-child{margin-top: 30px;}
.qcc-aboutp .photocon .tabs li::before{content: '';width: 100%;height: 2px;background-color: #2a3eff;position: absolute;top: 0;left: 0;display: none;}
.qcc-aboutp .photocon .tabs li.on{background-color: #e3edff;}
.qcc-aboutp .photocon .tabs li.on p{font-size: 20px;color:#2a3eff;}
.qcc-aboutp .photocon .tabs li.on:before{display: block;}

.qcc-aboutp .cons{width: 100%;height: 426px;background-color: #e3edff;}
.qcc-aboutp .cons .ton{height: 426px;position: relative;display: none;}
.qcc-aboutp .ton .pageBtn{width: 40px;height: 40px;position: absolute;top: 50%;margin-top: -20px;opacity: .5;}
.qcc-aboutp .ton .prevBtn{left: 20px;background: url(//g1.17qcc.com/2018/home/about/atw_26.png) top center;}
.qcc-aboutp .ton .nextBtn{right: 20px;background: url(//g1.17qcc.com/2018/home/about/atw_27.png) top center;}
.qcc-aboutp .ton .pageBtn:hover{opacity: 1;}

.qcc-aboutp .ton .picons{width: 840px;margin: 0 auto;overflow: hidden;position: relative;height: 350px;}
.qcc-aboutp .ton .picons ul{font-size: 0;position: absolute;width: 100%;margin-top: 40px;}
.qcc-aboutp .ton .picons ul li{width: 252px;height: 300px;text-align: center;line-height: 300px;float: left;margin-left: 42px;transition: all .1s ease-in-out;}
.qcc-aboutp .ton .picons ul li:first-child{margin-left: 0;}
.qcc-aboutp .ton .picons ul li.active{transform: scale(1.1);}

.qcc-aboutp .goalscon{width: 100%;min-width: 1200px;background-color: #f7f9fc;padding: 30px 0 0px;}
.qcc-aboutp .goalscon .hd{width: 223px;height: 52px;background: url(//g1.17qcc.com/2018/home/about/atw_36.jpg) top center no-repeat;margin: 20px auto 30px;}
.qcc-aboutp .goalscon .bd{width: 920px;height: 396px;background: url(//g1.17qcc.com/2018/home/about/atw_37.jpg) top center no-repeat;margin: 0 auto;}

.qcc-aboutp .footwarp{min-width: 1200px;width: 100%;background-color: #202940;padding: 40px 0 50px;}
.qcc-aboutp .footwarp .w1200{width: 990px;}
.qcc-aboutp .ft-left{float: left;}
.qcc-aboutp .ft-left .thed{font-size: 20px;color: #eaeef8;margin-bottom: 20px;}
.qcc-aboutp .ft-left dl{margin-bottom: 20px;font-size: 14px;color: #9aa4bc;}
.qcc-aboutp .ft-left dl dt{display: inline-block;vertical-align: top;margin-right: 20px;}
.qcc-aboutp .ft-left dl dd{display: inline-block;vertical-align: middle;}
.qcc-aboutp .ft-left dl dd .wx{position: relative;display: inline-block;cursor: pointer;}
.qcc-aboutp .ft-left dl dd .wx img{position: absolute;top: -110px;left: 0;display: none;}
.qcc-aboutp .ft-left dl dd .wx:hover{color: #02fffc;}
.qcc-aboutp .ft-left dl dd .wx:hover img{display: block;}

.qcc-aboutp .ft-rig{float: right;width: 388px;}
.qcc-aboutp .ft-rig .thed{font-size: 20px;color: #eaeef8;margin-bottom: 20px;}
.qcc-aboutp .ft-rig ul{margin-left: -30px;}
.qcc-aboutp .ft-rig ul li{float: left;margin-left:30px;}
.qcc-aboutp .ft-rig ul li .pic{width: 98px;height: 98px;display:block;}
.qcc-aboutp .ft-rig ul li .pic img{width: 100%;height: 100%;}
.qcc-aboutp .ft-rig ul li .t{color: #9aa4bc;margin-top: 20px;display: block;text-align: center;}

/* 1911右侧购物车 */
.rightnavopen .mycart2{/*width: 280px;*/background-color: #FCFCFC;width: 298px;}
.rightnavopen .mycart2 .cartitle{width: 265px;background: none;margin-top: 10px;padding-left: 15px;color: #666;cursor: pointer;}
.rightnavopen .mycart2 .mycart2box{overflow: auto;display: block;height: 100%;position: relative;
margin-right: 0;}

.rightnavopen .mycart2 .thTxt{margin: 13px 15px 8px;font-size: 14px;color: #666;}
.rightnavopen .mycart2 .thTxt .select_all{float: left;}
.rightnavopen .mycart2 .thTxt .select_all .check_box{background: url(//g1.17qcc.com/2018/cart/images/qt_checkbox_icon.png) no-repeat;cursor: pointer;}
.rightnavopen .mycart2 .thTxt .select_all .check_box{width: 15px;height: 15px;position: relative;background-position: 0 0px;float: left;margin-right: 6px;margin-top: 4px;}
.rightnavopen .mycart2 .thTxt .select_all .check_box_on{background-position: 0 -20px;}
.rightnavopen .mycart2 .thTxt .select_all label{cursor: pointer;}


.rightnavopen .mycart2 .thTxt .full{float: right;padding-left: 20px;background: url(//g1.17qcc.com/2018/cart/images/fscreen_ico.png) left center no-repeat;background-size:  14px auto;}
.rightnavopen .mycart2 .thTxt .full:hover{color: #FF5500;background: url(//g1.17qcc.com/2018/cart/images/fscreen_ico_hover.png) left center no-repeat;background-size: 14px auto;}

.mycart2 .ordlistbox{padding-bottom:/*85px;*/120px;}

.mycart2 .ordlistbox .nofind{text-align:center;padding:20px 0}
.mycart2 .ordlistbox .nofind img{width:130px;}
.mycart2 .ordlistbox .nofind p{line-height: 30px;text-align:center;color:#f60;}

.mycart2 .ordlistbox .noload{text-align: center;margin-top: 200px;}



.mycart2 .ordlist{padding: 0 15px;width: 264px;}
.mycart2 .ordlist .store_zone{line-height: 34px;height: 34px;background-color: #FAFAFA;border: 1px solid #F0F0F0;}
.mycart2 .store_zone .shop_check{float: left;}
.mycart2 .store_zone .shop_check .check_box{background: url(//g1.17qcc.com/2018/cart/images/qt_checkbox_icon.png) no-repeat;cursor: pointer;}
.mycart2 .store_zone .shop_check .check_box{width: 15px;height: 15px;background-position: 0 0px;float: left;margin-right: 6px;margin-top: 4px;margin-left: 9px;margin-top: 10px;}
.mycart2 .store_zone .shop_check .check_box_on{background-position: 0 -20px;}
.mycart2 .store_zone .shop_na{float: left;}
.mycart2 .store_zone .shop_na a span{color: #999;margin-left: 10px;}

.mycart2 .ordlist .zone_goods{margin-bottom: 20px;}
.mycart2 .ordlist .zone_goods .zgdl{border: 1px solid #F0F0F0;border-top: 0;padding: 20px 0 8px;}
.mycart2 .ordlist .zone_goods .zgdl .col{float: none;}
.mycart2 .ordlist .zone_goods .zgdl .opt .check_box{background: url(//g1.17qcc.com/2018/cart/images/qt_checkbox_icon.png) no-repeat;cursor: pointer;}
.mycart2 .ordlist .zone_goods .zgdl .opt .check_box{width: 15px;height: 15px;background-position: 0 0px;float: left;margin-right: 6px;margin-left: 9px;margin-top: 10px;}
.mycart2 .ordlist .zone_goods .zgdl .opt .check_box_on{background-position: 0 -20px;}
.mycart2 .ordlist .zone_goods .zgdl .opt .pic{float: none;margin-right: 6px;display: block;}
.mycart2 .ordlist .zone_goods .zgdl .opt .pic a{display: block;width: 40px;height: 40px;margin-bottom: 8px;float: left;margin-right: 10px;}
.mycart2 .ordlist .zone_goods .zgdl .opt .pic a img{width: 100%;height: 100%;}
.mycart2 .ordlist .zone_goods .zgdl .opt .pic .size{display: block;color: #333;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mycart2 .ordlist .zone_goods .zgdl .opt .pic .qual_box img{height: 16px;}

.mycart2 .ordlist .zone_goods .zgdl .desc{float: none;margin-left: 22px;}
.mycart2 .zone_goods .zgdl .desc .slv{position: relative;line-height: 16px;margin-bottom: 6px;}
.mycart2 .zone_goods .zgdl .desc .slv span{float: left;color: #999;}
.mycart2 .zone_goods .zgdl .desc .slv .spec{width: 92px;overflow: hidden;}
.mycart2 .zone_goods .zgdl .desc .slv .less_price{width:50px;overflow: hidden;text-align: right;}

.mycart2 .zone_goods .zgdl .desc .slv .unit_num{width: 64px;text-align: center;height: 18px;line-height: 16px;}
.mycart2 .zone_goods .zgdl .desc .slv .unit_control{width: 64px;text-align: center;padding-top:0;display: none;}
.mycart2 .zone_goods .zgdl .desc .slv .unit_control a{float: left;height: 16px;width: 16px;line-height: 14px;border: 1px solid #EFEFEF;background-color: #FAFAFA;color: #666;font-size: 16px;}
.mycart2 .zone_goods .zgdl .desc .slv .unit_control a:hover{color: #fff;background-color: #FF5500;border-color: #f50;}

.mycart2 .zone_goods .zgdl .desc .slv .unit_control a.minus_num{border-right: 0;border-radius: 2px 0px 0px 2px;font-size: 20px;}
.mycart2 .zone_goods .zgdl .desc .slv .unit_control a.plus_num{border-left: 0;border-radius: 0px 2px 2px 0px;}
.mycart2 .zone_goods .zgdl .desc .slv .unit_control input{float: left;width: 28px;height: 16px;line-height: 16px;color:#333;border: 1px solid #EFEFEF;text-align: center;font-size: 12px;}


.mycart2 .zone_goods .zgdl .desc .slv .unit_remove{background: url(//g1.17qcc.com/2018/cart/images/cart_del_ico.png) no-repeat;background-position:  3px 0;width: 16px;height: 9px;float: left;margin-top: 4px;margin-left: 0px;display: none;}
.mycart2 .zone_goods .zgdl .desc .slv:hover span{color: #333;}
.mycart2 .zone_goods .zgdl .desc .slv:hover .unit_num{display: none;}
.mycart2 .zone_goods .zgdl .desc .slv:hover .unit_remove{display: block;}
.mycart2 .zone_goods .zgdl .desc .slv:hover .unit_control{display: block;}
.mycart2 .zone_goods .zgdl .desc .slv .unit_remove:hover{background-position: 3px -16px;}

.mycart2 .zone_goods .sec_daf{margin-top: 6px;position: relative;}
.mycart2 .zone_goods .sec_daf dl dd{float: left;margin-right: 18px;cursor: pointer;}
.mycart2 .zone_goods .sec_daf dl dd span.radio_box{width: 12px;height: 12px;float: left;margin-right: 6px;background: url(//g1.17qcc.com/2018/cart/images/cart-icons.png)  no-repeat;background-position: -39px 0;margin-top: 3px;}
.mycart2 .zone_goods .sec_daf dl dd span.radio_box_on{background-position: -23px 0}
.mycart2 .zone_goods .sec_daf dl dd em{color: #666;}

.mycart2 .zone_goods .sec_daf .pro_price{padding-left: 18px;height: 28px;background: url(//g1.17qcc.com/2018/cart/images/pro_prico.png) left center no-repeat;line-height: 28px;color: #FF6F28;position: absolute;top: -6px;right: 0;}
.mycart2 .zone_goods .sec_daf .pro_price em{padding-right: 6px;background-color: #f0f0f0;float: left;border-radius: 0 0 6px 0;}
.mycart2 .zone_goods .sec_daf .pro_price i{font-style: normal;}


/*滚动条样式*/
.mycart2box::-webkit-scrollbar {
width: 4px;
height: 4px;
}

.mycart2box::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(0, 0, 0, 0.2);
}

.mycart2box::-webkit-scrollbar-track {
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
}

.mycart2 .toolbar{position: absolute;bottom: 0;left: 0;right: 0;;display: block;background-color: #FFF9F6;padding: 10px 20px 15px;min-height: 66px;height: auto;}



.mycart2 .toolbar .co_right{margin-top: 10px;}
.mycart2 .toolbar .co_right .sum{float: left;}
.mycart2 .toolbar .co_right .sum .amount{color:#666666;}
.mycart2 .toolbar .co_right .sum .amount span{color: #333;}
.mycart2 .toolbar .co_right .sum .price{color: #666;}
.mycart2 .toolbar .co_right .sum .price em{color: #FF5500;}
.mycart2 .toolbar .co_right .sum .price span{color: #FF5500;font-size: 14px;}

.mycart2 .toolbar .co_right .btn_area{float: right;}
.mycart2 .toolbar .co_right .btn_area a{border-radius:8px;width:86px;height:36px;line-height: 36px;color: #fff;font-size: 20px;text-align: center;display: block;}
.mycart2 .toolbar .co_right .btn_area .submit_no{background-color: #999;cursor: no-drop;}
.mycart2 .toolbar .co_right .btn_area .submit_yes{background: #FF5500;}
.mycart2 .toolbar .co_right .btn_area .submit_yes:hover{opacity: .8;}
#loading {z-index: 99999;width: 100%;position:absolute;left:0;top:0;}
#loading div {width: 0;height: 2px;background: #2DAA51;}
/*资质图片*/
.sdby {color: #f50;border: 1px solid #f50;display: inline;margin-right: 2px;padding: 0px 2px;height: 16px;line-height: 16px;font-size: 12px;vertical-align: middle;}
/* 客服图片 20201216*/
.siteChat{background: url(https://g2.17qcc.com/2018/mall/imgs/cservice27.png) top center no-repeat;background-size: contain;width: 30px;height: 28px;display: inline-block;vertical-align: middle;margin-top: -3px;}


/* 礼品代发+商品列表 app 小程序二维码 201202 */
.coreditems{float: right;}
.coreditems .cs{float: left;width: 78px;background: #FFFFFF;box-shadow: 0px 0px 6px 0px rgba(147, 147, 147, 0.34);border-radius: 6px;height: 100px;}
.coreditems .cs .pic{display: block;width: 66px;height: 66px;margin: 6px auto 0;}
.coreditems .cs .pic img{width: 100%;height: 100%;}
.coreditems .cs .b{box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.06);border-radius: 6px;height: 24px;display: block;line-height: 24px;text-align: center;color: #fff;margin-top: 5px;}
.coreditems .capp{margin-right: 10px;position: relative;}
.coreditems .capp .b{background: linear-gradient(0deg, #fd652a 0%, #fe7d2f 100%);}
.coreditems .cprog{float: left;position: relative;}
.coreditems .cprog .b{width: 16px;display: block;text-align: center;box-shadow: 0px 0px 6px 0px rgba(147, 147, 147, 0.2);color: #999;background: #fff;padding: 4px;height: 92px;border-radius: 6px;cursor: pointer;position: relative;z-index: 2;}
.coreditems .cprog .b::before{content: '';width: 16px;height: 16px;/*background: url(https://g1.17qcc.com/2018/home/cprog_1.png) top center no-repeat;*/display: block;}
.coreditems .cprog .b::before{background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;background-position: -398px -96px;}
.coreditems .cprog .b i{font-style: normal;display: block;margin-bottom: -5px;}
.coreditems .cprog .b i:nth-child(1){margin-top: -3px;}

.coreditems .cprog .pic{position: absolute;z-index: 1;left: 0px;top: -9px;width: 140px;height: 120px;background: #fff;box-shadow: 0px 0px 6px 0px rgba(147, 147, 147, 0.2);border-radius: 6px;display: none;}
.coreditems .cprog .pic img{width: 120px;height: 120px;margin-left: 5px;}
.coreditems .cprog:hover .pic{left: -128px;display: block;}
.coreditems .cprog:hover .b{background: linear-gradient(0deg, #14C45C 0%, #81D83D 100%);}
.coreditems .cprog:hover .b i{color: #fff;}
/* .coreditems .cprog:hover .b::before{background: url(https://g1.17qcc.com/2018/home/cprog_2.png) top center no-repeat;} */
.coreditems .cprog:hover .b::before{background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;background-position: -398px -114px}


/* 一洽客服消息文字变色 */
.echatMessageTitle { color: #f35626; background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 10s infinite linear;animation: hue 10s infinite linear; }
@keyframes hue {
from { -webkit-filter: hue-rotate(0deg); -moz-filter: hue-rotate(0deg); }
to { -webkit-filter: hue-rotate(-360deg); -moz-filter: hue-rotate(-360deg); }
}
@-webkit-keyframes hue {
from { -webkit-filter: hue-rotate(0deg); -moz-filter: hue-rotate(0deg); }
to { -webkit-filter: hue-rotate(-360deg); -moz-filter: hue-rotate(-360deg); }
}


/* im用户端  售前会员-待发货 210203*/
/* .chatIm{height: 580px;width: 310px;padding-bottom: 20px;overflow: hidden;overflow-y: auto;} */
.chatIm{padding-bottom: 20px;overflow: hidden;overflow-y: auto;height: 580px;width: 310px;}
.chatImbg{background-color: #FAF9F9;}
.chatIm .prodcon{padding: 10px 9px 12px 9px;background-color: #fff;width:280px;height: 70px;position: relative;}
.chatIm .pnc-tab-con {width:280px;height: 70px;overflow: hidden;position: relative;}
.chatIm .pnctab {width: 280px;height: 70px;position: absolute;left: 0;top: 0;}
.chatIm .pnctab ul{float: left;width: 280px;height: 70px;}
.chatIm .pnctab li{width: 280px;height: 70px;float: left;}
.chatIm .pnctab li a{display: block;width: 280px;height: 70px;}
.chatIm .pnctab li img{width: 100%;height: 100%;border-radius: 4px;}
.chatIm .pt-sw-con {line-height: 20px;height: 20px;width: auto;margin: 0 auto;position: absolute;right: 10px;bottom: 20px;}
.chatIm .pt-sw-con .cur-left, .prodcut-new-con .pt-sw-con .cur-right {margin: 15px 0 0 8px;float:left;display:none;}
.chatIm .pt-sw-con em {display: block;margin: 16px 4px 0 4px;width: 6px;height: 6px;background-color: rgba(255, 255, 255, 0.6);;border-radius: 4px;float: left;cursor:pointer;}
.chatIm .pt-sw-con em.active {background-color: #fff;}

.chatIm .chTabs li{float: left;line-height: 34px;text-align: center;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.03); color: #666;width: 50%;background-color: #fff;font-size: 14px;cursor: pointer;user-select: none;}
.chatIm .chTabs li.act{background-color: #FAF9F9;color: #333;box-shadow: none;}
.chatIm .chTabs .title{width: 298px;height: 34px;background: #FFFFFF;text-align: center;line-height: 34px;font-size: 14px;color: #666;}
.chatIm .chCon{display: none;}
.chCon .ffz{padding: 14px 0 5px;display: flex;align-items: center;}
.chCon .ffz li{float: left;height: 16px;line-height: 16px;position: relative;text-align: center;flex: 1;}
.chCon .ffz li a{color: #666;display: inline-block;padding-bottom: 2px;}
.chCon .ffz li .badge{display: inline-block;vertical-align: top;width: auto;padding:0 3px;height: 14px;border-radius: 14px;background-color: #f50;color: #fff;line-height: 14px;text-align: center;}
.chCon .ffz li em{position: absolute;width: 1px;height: 16px;background-color: #ddd;top: 0;right: 0;}
.chCon .ffz li.act a{color: #f50;border-bottom: 2px solid #f50;}
.chCon .ffz li a:hover{color: #f50;border-bottom: 2px solid #f50;}

.chCon .olit{margin-top: 10px;background: #FFFFFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);border-radius: 4px;border: 1px solid #F4F4F4;
width: 280px;margin: 10px auto 0;}
.chCon .olit .state{height: 34px;line-height: 34px;background-color: #FFFAF8;border-radius: 0px 0px 4px 4px;}
.chCon .olit .state .num{margin-left: 10px;color: #999;}
.chCon .olit .state .num span{color: #333;}
.chCon .olit .state .t{float: right;margin-right: 10px;color: #f50;}
.chCon .olit .purchase{padding: 10px 10px 0;}
.chCon .olit .submod{border-bottom: 1px solid #F5F5F5;padding:10px 0;}
.chCon .olit .submod .pic{float: left;margin-right: 8px;width: 48px;height: 48px;}
.chCon .olit .submod .pic img{background: #845050;border-radius: 2px;width: 100%;height: 100%;}
.chCon .olit .submod .word{position: relative;height: 48px;}
.chCon .olit .submod .word .time{color: #999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.chCon .olit .submod .word .time span{color: #333;}
.chCon .olit .submod .word .time .tui{color: #f00;}
.chCon .olit .submod .word .realpay{position: absolute;bottom: -2px;left: 58px;color: #999;}
.chCon .olit .submod .word .realpay span{color: #f50;}
.chCon .olit .submod .word .realpay span i{font-style: normal;font-size: 16px;}
.chCon .olit .total{padding-top: 10px;padding-bottom:12px;overflow: hidden;}
.chCon .olit .total p{color: #999; line-height: 24px;}
.chCon .olit .total p span{color: #333;}
.chCon .olit .total p .tnum{margin-left: 8px;color: #f00;}
.chCon .olit .total a{float: right;height: 22px;background-color: #FFFFFF;border-radius: 10px;border: 1px solid #F63300;text-align: center;line-height: 20px;color: #f50;padding: 0 10px;}
.chCon .olit .total .unplay{background-color: #f63300;color: #fff;}
.chCon .olit .total .exy,.chCon .olit .total .tsend{margin-right: 10px;background-color:#ffff;border: 1px solid #D9D9D9;color: #666;}
.chCon .olit .total .sabtn{margin-right: 10px;background-color:#ffff;border: 1px solid #D9D9D9;color: #666;}

.chCon .olit .total a:hover{color: #fff;background-color: #f50;border: 1px solid #F63300;}

.chCon .cHjlgo{margin: 10px 0 0 10px;width: 280px;background-color: #fff;position: relative;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 4px;border: 1px solid #EFEFEF;}
.chCon .cHjlgo .submod{padding:10px;}
.chCon .cHjlgo .submod .pic{float: left;margin-right: 8px;width: 48px;height: 48px;}
.chCon .cHjlgo .submod .pic img{background: #845050;border-radius: 2px;width: 100%;height: 100%;}
.chCon .cHjlgo .submod .word{position: relative;height: 48px;}
.chCon .cHjlgo .submod .word .time{color: #999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.chCon .cHjlgo .submod .word .time span{color: #333;}
.chCon .cHjlgo .submod .word .time .tui{color: #f00;}
.chCon .cHjlgo .submod .word .realpay{position: absolute;bottom: -2px;left: 58px;color: #999;}
.chCon .cHjlgo .submod .word .realpay span{color: #f50;}
.chCon .cHjlgo .submod .word .realpay span i{font-style: normal;font-size: 16px;}
.chCon .cHjlgo .signs{display:flex;align-items: center;justify-content: center;padding: 7px 0;background-color: #FFFAF8;text-align: center;}
.chCon .cHjlgo .signs span{color: #947070;height: 16px;line-height: 16px;position: relative;flex: 1;}
.chCon .cHjlgo .signs span i{width: 1px;height: 16px;background-color: #FFEFE7;position: absolute;top: 0;right: 0;}
.chCon .cHjlgo .signs span em{display: inline-block;background: url(https://g1.17qcc.com/2018/home/cHpic.png) no-repeat;width: 16px;height: 16px;vertical-align: -2px;}
.chCon .cHjlgo .signs span .qIcon{background-position: 0 0;}
.chCon .cHjlgo .signs span .tIcon{background-position: 0 -21px;}
.chCon .cHjlgo .signs span .fIcon{background-position: 0 -42px;}
.chCon .cHjlgo .sendr{position: absolute;top: 36px;right: 10px;height: 22px;background-color: #FFFFFF;border-radius: 10px;border: 1px solid #F63300;text-align: center;line-height: 22px;color: #f50;padding: 0 10px;}
.chCon .cHjlgo .sendr:hover{color: #fff;background-color: #f50;border: 1px solid #F63300;}

.chCon .cHcoupon{display: flex;align-items: center;justify-content: space-between;width: 280px;margin-left: 10px;margin-top: 10px;}
.chCon .cHcoupon img{width:138px;height: 44px;}
.chCon .ginfo{margin-top: 10px;padding: 0 0 0 10px;}
.chCon .ginfo .table{width: 280px;background: #FFFFFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);border-radius: 4px;border: 1px solid #F4F4F4;}
.chCon .ginfo .table .th{height: 34px;display: flex;align-items: center;justify-content: center;text-align: center;background-color: #ECECEC;}
.chCon .ginfo .table .th span{flex: 1;color:#666}
.chCon .ginfo .table .th .stock{flex: 1.2;}
.chCon .ginfo .table .tb .td{height: 34px;display: flex;align-items: center;justify-content: center;text-align: center;background-color: #fff;}
.chCon .ginfo .table .tb .td:nth-child(even){background-color:#FAFAFA;}
.chCon .ginfo .table .tb .td span{flex: 1;color:#666}
.chCon .ginfo .table .tb .td .stock{flex: 1.2;}

.chCon .shop{margin-left: 10px;margin-top: 20px;}
.chCon .shop .hd{height: 22px;line-height: 22px;display: flex;align-items: center;}
.chCon .shop .hd span{font-size: 16px;color: #333;float: left;}
.chCon .shop .hd i{background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;background-position: -606px -172px;width: 19px;height: 17px;padding-right: 5px;margin-left: 10px;float: left;}
.chCon .shop .hd em{float: left;color: #F63300;}
.chCon .shop .bd{background-color: #fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);border-radius: 4px;border: 1px solid #F4F4F4;padding: 7px 10px 10px;margin-top: 10px;}
.chCon .shop .bd .more{height: 20px;line-height: 20px;}
.chCon .shop .bd .more span{font-size: 14px;color: #333;}
.chCon .shop .bd .more .r{float: right;font-size: 12px;color: #999;}
.chCon .shop .bd .more .r i{background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;background-position: -415px -310px;width: 14px;height: 12px;float: right;transform: rotate(270deg);margin-top: 4px;}
.chCon .shop .bd .more .r:hover{color:#f50}
.chCon .shop .bd .more .r:hover i{background-position: -428px -311px;transform: rotate(90deg);}
.chCon .shop .bd ul{margin-left: -4px;}
.chCon .shop .bd ul li{margin-top: 7px;width: 128px;float: left;margin-left: 4px;position: relative;background: #845050;border-radius: 4px;}
.chCon .shop .bd ul li a{display: block;}
.chCon .shop .bd ul li img{width: 128px;height: 128px;border-radius: 4px;}
.chCon .shop .bd ul li span{height: 26px;line-height: 26px;background-color: rgba(0, 0, 0, 0.4);border-radius: 0 0 4px 4px;color: #fff;text-align: center;position: absolute;left: 0;width: 100%;bottom: 0;}
.chCon .shop .bd ul li span em{font-size: 16px;} 


.bCardPage{box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04); border-radius: 4px; border:1px solid #f4f4f4; background: #fff;}

.bCardHead{ height: 34px; position: relative; background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.03); }

.bCardHead .titleNav{margin-right: 48px; font-size: 0; text-align: left;border-right: 1px solid #F5F5F5;
}
.bCardHead .titleNav2{margin-right: 0;}

.bCardHead .titleNav a{display: inline-block;width: 50%;font-size:14px;color:#666;line-height: 34px; text-align: center;cursor: pointer;}
.bCardHead .titleNav a:hover{color:#F63300}
.bCardHead .titleNav a.on{background: #FAF9F9;color:#F63300;box-shadow: 1px 0px 4px 0px inset rgba(0, 0, 0, 0.06);}

.bCardHead .bInTitle{font-size:14px;color:#666;line-height: 34px; text-align: center; }
.bCardHead a.bReturn{font-size:12px;color:#aaa;position:absolute;top:0;right:0; line-height: 34px;display: block;
line-height: 34px; padding: 0 12px;cursor: pointer; transition: all .2s;}
.bCardHead a.bReturn:hover{color:#666;}

.bAddressBox{ margin: 10px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04); border-radius: 4px; border:1px solid #f4f4f4; background: #fff; padding: 10px; }
.bAddressBox .imgIcon{ float:left;padding:0 12px 0 2px ;
}
.bAddressBox .imgIcon img{ width: 30px; margin-top: 10px;}

.bAddressBox .name{overflow: hidden;font-size: 12px;color:#333; line-height: 18px;}
.bAddressBox .sName{ float: left;}
.bAddressBox .tel{margin-left: 10px;}
.bAddressBox .txt{overflow: hidden ; font-size:12px;color:#999; line-height: 16px;}


.bTypeCard{ margin: 10px 10px 0; }
.bTypeCard .inHead{ margin:0 10px;padding:6px 0 10px ;border-bottom: 1px solid #F5F5F5;}
.bTypeCard .inHead.wHead{ padding: 8px 0 5px;}
.bTypeCard .inHead .bType{float:right; color:#f50;color:12px; line-height: 18px;}
.bTypeCard .inHead h2{font-size: 14px;color:#333; line-height: 20px; margin-bottom: 2px;}
.bTypeCard .inHead .txt{font-size: 12px; color:#999; line-height: 18px;}
.bTypeCard .inHead .txt span{margin: 0 2px;}
.bTypeCard .inHead .txt span.color1{color:#333;}
.bTypeCard .inHead .txt span.color2{color:#F63300;}
.bTypeCard .array{ padding:10px 8px; }
.bTypeCard .item{ padding: 5px 0; position: relative;}
.bTypeCard .item .icon{ width:12px; margin-right:8px; float: left; margin-left: 4px; }
.bTypeCard .item .icon::before{ content: ''; display: block; position: absolute; left: 9px;top:0; width: 1px; bottom:0; background: #F0F0F0; z-index: 1; }
.bTypeCard .item .icon img{ position: relative; z-index: 2; margin-top:12px ; }
.bTypeCard .item .icon .on{display: none;}
.bTypeCard .item.on .icon img{display: none;}
.bTypeCard .item.on .icon .on{display: block;}
.bTypeCard .item.on h2,
.bTypeCard .item.on p,
.bTypeCard .item.on p span{color:#F63300}
.bTypeCard .item .txt{overflow: hidden;}
.bTypeCard .item h2{font-size:12px;color:#999;line-height: 18px ;}
.bTypeCard .item p{font-size: 12px;color:#333; line-height: 18px;}
.bWuliu .item p{color:#666}
.bTypeCard .item p span{color:#333;}
.bTypeCard .item:first-of-type .icon::before{ top:21%; }
.bTypeCard .item:last-of-type .icon::before{ bottom:50%; }

.bOrderItem{margin-top: 12px;}
.bOrderItem .intitle{ margin: 0 10px; font-size:12px;color:#999 ; line-height: 18px;margin-bottom: 6px;;}
.bOrderItem .intitle span{color:#333;margin: 0 2px;}
.bOrderItem .order-tt{padding: 10px;background-color: #fff;margin: 0 10px;border-radius: 5px;}

.bOrderItem .item{ margin: 0 10px 10px; padding: 10px;}

.bOrderItem .item .bInShopCard{border-bottom:1px solid #f2f2f2; height: 34px;margin-top: -10px;}
.bOrderItem .item .bInShopCard .sendAbout{float: right; font-size: 12px;color:#FF5500; line-height: 20px; background:#FFF3E9;
margin-top: 7px; padding: 0 6px;}
.bOrderItem .item .bInShopCard .name{font-size: 12px;color:#333; line-height: 34px;}
.bOrderItem .detail{margin-top: 10px;}
.bOrderItem .imgBox{float: left; width: 48px; height: 48px; margin-right: 8px;}
.bOrderItem .imgBox img{ width: 100%; height: 100%; border-radius: 3px;}
.bOrderItem .detail p{font-size: 12px;color:#999; line-height: 18px;}
.bOrderItem .detail p span{color:#333; margin-right: 2px;}
.bOrderItem ul{clear: both; margin-top: 10px; margin-bottom: 10px;}
/* .bOrderItem li{margin-top: 4px; background:#fbfbfb; padding: 6px;} */
.bOrderItem .cleafix{margin-top: 4px; background:#fbfbfb; padding-top:6px;}
.bOrderItem li .countMonye{ float: right;
font-size: 12px;color:#333; margin-right: 6px;}
.bOrderItem li .about,
.bOrderItem li .count{font-size: 12px;line-height: 18px;margin-bottom: 2px;overflow: hidden; padding: 0 6px;}
.bOrderItem li .count{padding-bottom: 6px;}


.bOrderItem li .bTypeCard{margin:10px 0; display: none;}
.bOrderItem li .bTypeCard .array{ padding: 0;}
.bOrderItem li .bTypeCard .item{margin: 0; padding: 5px 0;}

.bOrderItem li .btnBox{ overflow: hidden; margin-top: -6px;}

.bOrderItem li .btnBox p{line-height:20px; font-size: 12px; background:#E9EFFF; float: right; padding: 0 10px;
border-radius: 10px 0 0 0;
}
.bOrderItem li .btnBox p a{color:#3D7EFF; margin: 0 2px; cursor: pointer;}
.bOrderItem li .btnBox p a:hover{color:#0d5af3}

.bOrderItem li .about p{float: left; margin-right: 10px;color:#666}
.bOrderItem li .about p span{color:#333;}
.bOrderItem li .count p{float: left; margin-right: 10px;color:#999}
.bOrderItem li .count p span{color:#999;}

.bOrderItem .bBorder{height: 1px; background: #f5f5f5;}

.bOrderItem .bTotalPage{ margin: 0; margin-top: 10px; border-top:1px solid #F5F5F5; }
.bOrderItem .bTotalPage li{margin-top: 0; padding: 0;}

.bOrderItem .bSendBtn{margin-bottom: 12px;margin-top: 4px;}

.bOrderItem .reHead{background: #FFFAF8;border-radius: 0 0 4px 4px;margin: -10px -10px 12px;padding: 8px 10px;}
.bOrderItem .reHead h2{font-size: 12px;color:#666;line-height: 18px; margin-bottom: 6px;;}
.bOrderItem .reHead p.name{float: right;color:#F63300;line-height: 18px;}
.bOrderItem .reHead .sCount{font-size: 12px;color:#666;}
.bOrderItem .reHead .sCount span{color:#f63300; margin: 0 2px;}
.bOrderItem .bTotalPage dl{padding-bottom: 0;}

.bcountPack{ margin: 10px 10px -4px; font-size: 12px;color:#333; line-height: 18px;}
.bcountPack span{font-size: 12px;color:#f63300; margin: 0 2px;}

.bTotalPage{ margin: 10px 10px 0;}
.bTotalPage dl{padding: 10px 0;}
.bTotalPage dd{margin-bottom: 4px;}
.bTotalPage dd .key{padding: 0 10px; margin-bottom: 4px;}
.bTotalPage dd p{float: right; line-height: 18px;color:#666;}
.bTotalPage dd h2{font-size: 12px;color:#999;line-height: 18px;cursor: pointer; font-weight: normal;}
.bTotalPage dd h2 img{ vertical-align: middle; margin: 0 4px; margin-bottom: 2px;display: inline-block; }
.bTotalPage dd h2 img.on{ display: none;}
.bTotalPage dd .on h2 img{display: none;}
.bTotalPage dd .on h2 img.on{ display: inline-block;}
.bTotalPage ul{background: #FBFBFB; padding: 6px 10px; display: none; }
.bTotalPage li{ margin-bottom: 4px;}
.bTotalPage dt{padding: 0 10px;}
.bTotalPage dt p{float: right; line-height: 18px;color:#f50;}
.bTotalPage dt h2{font-size: 12px;color:#333;line-height: 18px;}

.bOrderCount{ margin: 10px 10px 0; padding: 0 10px;}
.bOrderCount .inTitle{font-size:14px;color:#333; line-height:  34px;font-weight: bold;
border-bottom: 1px solid #f5f5f5;}
.bOrderCount ul{padding: 6px 0; overflow: hidden;}
.bOrderCount li{ margin-bottom: 4px;}
.bOrderCount p{float: right; font-size: 12px;color:#666; line-height: 24px;}
.bOrderCount p .copyBtn{float: right;padding: 0 8px;margin-left: 10px;box-sizing: border-box;color: #666;cursor: pointer;font-size: 12px;height: 22px;line-height: 20px;border-radius: 11px;border: 1px solid #D9D9D9;}
.bOrderCount p .copyBtn:hover{color:#fff;background: #f50; border:1px solid #FF5500;}
.bOrderCount p.color3{color:#333;}
.bOrderCount p.colorF50{color:#f50}
.bOrderCount h2{font-size: 12px;color:#999; line-height: 24px; font-weight: normal;}

.bSendBtn{margin-top: 10px; padding: 0 10px;}
.bSendBtn a{display: block; font-size:14px;color:#fff;background: #F63300;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);border-radius: 4px;line-height: 34px;text-align: center; cursor: pointer;}
.bSendBtn a:hover{background: #ec3303;}

.bOrderPack{margin:  10px 10px 0 ;padding: 8px 10px;}
.bOrderPack a{float: right; font-size:12px;color:#666; line-height: 20px; border: 1px solid #D9D9D9;padding: 0 8px; border-radius: 12px;}
.bOrderPack a:hover{color:#f50;border:1px solid #FF5500;}
.bOrderPack p{line-height: 22px; font-size: 12px;color:#333;}
.bOrderPack p span{color:#FF0000;padding: 0 2px;}


.bPackItems{margin: 10px 10px 0;background: #fff;}
.bPackItems .hd{ height:34px;background-color: #FAFAFA;
padding: 0 20px; position: relative; overflow: hidden;}
.bPackItems .pageBtn{ width: 20px; font-size: 0; line-height: 34px; text-align: center;
position: absolute;top:0; display: block; height: 34px; cursor: pointer;}
.bPackItems .pageBtn:hover{background: #fff;}
.bPackItems .pageBtn img{display: inline-block;}
.bPackItems .prevBtn{left:0; border-right: 1px solid #E5E5E5;}
.bPackItems .nextBtn{right:0;border-left: 1px solid #E5E5E5;}
.bPackItems .scrollBox{font-size: 0; white-space: nowrap; overflow-y: auto; height: 60px;}
.bPackItems .items{ font-size: 0; white-space: nowrap; overflow-y: auto; height: 60px;}
.bPackItems .items a{ font-size: 14px;color:#666; height: 34px; display: inline-block;line-height: 32px;padding: 0 10px;box-sizing: border-box;min-width: 64px; text-align: center;border-left: 1px solid #E5E5E5;border-top:2px solid transparent;cursor: pointer;}
.bPackItems .items a:hover{background: #fff;}
.bPackItems .items a.on{background: #fff;
border-top:2px solid #f63300;color:#f63300}
/* .bPackItems .bd{} */
.bPackItems .bd ul{ margin: 10px 10px 10px;}
.bPackItems .bd h2{font-size:12px;color:#666 ;font-weight: normal;}
.bPackItems  li{margin-top:2px; height: 22px;}
.bPackItems  li .ctn {float: right; position: relative;}
.bPackItems  li .ctn p{font-size: 0px;  line-height: 22px; height: 22px;}
.bPackItems  li .ctn p img{margin-right: 4px;vertical-align: top; margin-top: 4px;}
.bPackItems  li .ctn p span{font-size: 12px;color:#333;}
.bPackItems  li .ctn .copy{display: inline-block; padding: 0 8px;margin-left: 10px;box-sizing: border-box;color:#666;cursor: pointer;font-size: 12px; height: 22px;line-height: 20px; border-radius: 11px; border:1px solid #D9D9D9;}
.bPackItems  li .ctn .copy:hover{color:#f63300;border:1px solid #f63300;}

.bReHint{margin: 14px 10px 10px;}
.bReHint .type{font-size: 0; line-height: 20px; margin-bottom: 2px;}

.bReHint .type span{ font-size: 14px;color:#FF5500;vertical-align: middle; margin-right: 4px;}
.bReHint .type p{font-size: 12px;display: inline-block;color:#ff5500;vertical-align: middle;}
.bReHint h2{font-size:12px;color:#333; line-height: 18px ;}
.bReHint .type.typeRed span,
.bReHint .type.typeRed p{color:#f00}

.bReHint .type.typeGreen span{color:#50AA65}
.bReHint .type.typeGreen p{color:#999}

.bReHint .reAddress{ margin-top:10px ; }
.bReHint .reAddress .addressname{height: 22px;}
.bReHint .reAddress .addressname a{float: right;background-color: #fff; padding: 0 8px; margin-left: 10px; box-sizing: border-box; color: #666; cursor: pointer; font-size: 12px; height: 22px; line-height: 20px; border-radius: 11px; border: 1px solid #D9D9D9;}
.bReHint .reAddress .addressname p{font-size: 12px; line-height: 22px;color:#333;}
.bReHint .reAddress .addressname p span{margin-right: 10px;}
.bReHint .reAddress .addressname{ margin-bottom: 2px;}
.bReHint .reAddress h2{font-weight: normal; color:#666;font-size: 12px; line-height: 18px;}
.fixedBottom{height: 34px;padding: 10px;}

.bpRel{position: relative;}
.fixedBottom .bSendBtn{position: absolute; bottom: 0; width: 100%; left: 0; max-width: 290px;}

.bPageCard{ width: 310px; background: #f3f3f3;}
.bottomFix{ padding-bottom: 10px;}
.bottomFix.bSendBtn {padding: 0;}
.bottomFix.bSendBtn a{border-radius: 0;}

.bReMSg{ margin: 10px 10px 0;
padding: 8px 10px;}
.bReMSg p{float: right; color:#666;font-size: 12px; line-height: 20px;}
.bReMSg h2{color:#333;font-size: 14px;line-height: 20px;}

.bReBox{margin: 10px 10px 0;padding: 0 10px 10px;}
.bReBox .intitle{font-size: 14px;color:#333; line-height: 34px; border-bottom: 1px solid #f5f5f5; margin-bottom: 4px;}
.bReBox .imgItem{font-size: 0; margin-top: 8px;margin-bottom: 2px;} 
.bReBox .imgItem a{display: inline-block; width: 25%; vertical-align: top; margin-bottom: 4px;}
.bReBox .imgItem a img{ width:calc(100% - 2px); margin-left: 3px; border-radius: 4px;}
.bReBox .imgItem a :first-of-type{margin-left: 0;}
.bReBox dl{margin:10px 0 4px;}
.bReBox dd{margin-top: 6px;}
.bReBox dd:first-child{margin-top: 0;}
.bReBox span{float: left; font-size:12px;color:#999;line-height: 18px ; min-width: 37px;}
.bReBox .rCtn{overflow: hidden; font-size: 0;}
.bReBox .rCtn p{font-size: 12px;color:#666; line-height: 18px;}
.bReBox .rCtn h2{font-size: 12px;color:#333; line-height: 18px; font-weight: normal;}
.bReBox .rCtn li:first-of-type{margin-top: 0;}
.bReBox .rCtn li{margin-top: 6px;}
.bReBox .rCtn li p{float: left;}
.bReBox .rCtn li h2{overflow: hidden;}

.bAddExpress{ margin: 10px 10px 0; }
.bAddExpress .inTitle{font-size: 14px;color:#333; line-height:34px; border-bottom: 1px solid #f5f5f5 ;margin: 0 10px;}
.bAddExpress ul{margin: 10px;}
.bAddExpress li:first-child{margin-top: 0;}
.bAddExpress li {margin-top: 4px;}
.bAddExpress li .key{font-size: 12px;color:#999; line-height: 26px;}
.bAddExpress li .formBox{ width: 200px;float: right;}
.bAddExpress li .formBox dl{border:1px solid #ddd; position: relative;}
.bAddExpress li .formBox dt{ height: 24px; line-height: 24px; text-align: right; cursor: pointer; font-size: 0; padding: 0 10px;}
.bAddExpress li .formBox dt p{display: inline-block; font-size: 12px;color:#333; vertical-align: middle;margin-right:8px ;}
.bAddExpress li .formBox dt img{vertical-align: middle;}
.bAddExpress li .formBox dd{position: absolute; top:24px;left: -1px; width: 100%;display: none;background: #fff;border:1px solid #ddd;border-top: none;}
.bAddExpress li .formBox dd{height: 200px;overflow: auto;}
.bAddExpress li .formBox dd p{height: 24px; line-height: 24px; padding: 0 10px; cursor: pointer;}
.bAddExpress li .formBox dd p:hover{background: #FFF3F3;color:#f63300;}
.bAddExpress li .formBox dd p img{display: none;}
.bAddExpress li .formBox dd p span{font-size: 12px;}
.bAddExpress li .formBox dd p.on{color:#fff; background: #f63300;}
.bAddExpress li .formBox dd p.on img{display: block; float: right; margin-top: 8px;}

.bAddExpress li .formBox input{border:1px solid #ddd;height: 24px; line-height: 24px; text-align: right;padding: 0 10px;box-sizing: border-box; width: 100%;}
.bAddExpress .inSendBtn{font-size: 12px;color:#fff; font-weight: bold;background: #f63300;display: block; text-align: center; line-height: 30px;border-radius: 0 0 4px 4px;}
.bAddExpress .inSendBtn.die{background:#EEBBAE;}

.bCardPages{padding: 0 4px 20px;/* padding-bottom: 20px; */background: #f3f3f3;}

.bCardPages .chCon .ginfo{padding: 0 10px;}
.bCardPages .chCon .ginfo .table{width: auto;background: #FFFFFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);border-radius: 5px;border: 1px solid #F4F4F4;}

.bCardTitle{height: 34px; padding: 0 10px;background: #cfcdce;}
.bCardTitle a{float: right; line-height: 34px; font-size: 0; cursor: pointer;}
.bCardTitle h2{font-size: 13px;color:#545454;line-height: 20px; line-height: 34px;}
.bCardPages .quesItem .imgBox{width: 70px; height: 70px;}
.bCardPages .quesItem .imgBox img{ width: 70px; height: 70px;}
.bCardPages .quesItem .detail p{ height:36px; margin-bottom: 10px; overflow: hidden; color:#666}
.bOrderItem .moneyTxt {font-size: 16px;color:#f50;} 

.bCardPages .bPackItems li h2{float: left; line-height: 22px;}
.bCardPages .bPackItems li .ctn{float:inherit;}
.bCardPages .bPackItems li .ctn p span{vertical-align: middle;}
.bCardPages .bPackItems li .ctn .copy{float: right;}
.bCardPages .bcountPack{margin: 10px;}
.bCardPages .bTypeCard .inHead h2{font-weight: normal;}

.bCardPages .bPackItems .items a.on{ background: #fff; border-top: 2px solid #f50; color: #f50; }


.bCardPages .bTypeCard .item .timeBox{ float: left; width: 80px;text-align: center; }
.bCardPages .bTypeCard .item .timeBox h2,
.bCardPages .bTypeCard .item .timeBox p{font-size: 12px;color:#999; line-height: 14px; font-weight: normal;}
.bCardPages .bTypeCard .item .icon::before{left: 89px;}
.bCardPages .bTypeCard .item p span{color:#999}
.bCardPages .bWuliu .item p{color:#999}
.bCardPages .bTypeCard .item.on span{color:#f60}
.bCardPages .bTypeCard .item.on h2{color:#333}
.bCardPages .bTypeCard .item.on .txt p{color:#333} 

.bAddressPage2{ margin: 10px 10px 0; background: #fff; padding: 0 12px; }
.bAddressPage2 .inTitle{ font-size: 0; line-height: 32px;border-bottom: 1px solid #f2f2f2; }
.bAddressPage2 .inTitle span{vertical-align: middle; font-size: 12px;color:#333; margin-left: 4px;}
.bAddressPage2 .ctnTxt{ padding: 12px 0;}
.bAddressPage2 .ctnTxt .name{font-size: 0; line-height:22px;}
.bAddressPage2 .ctnTxt .name span{font-size: 12px;color:#333;}
.bAddressPage2 .ctnTxt .name span.tel{color:#666; margin-left: 10px;}
.bAddressPage2 .countTxt{font-size: 12px;color:#333; line-height: 22px;}
.bAddressPage2 .countTxt a{float: right;padding: 0 8px;margin-left: 10px;box-sizing: border-box;color: #666;cursor: pointer;font-size: 12px;height: 22px;line-height: 20px;border-radius: 11px;border: 1px solid #D9D9D9;}

.bAddressPage2 .editForm{display: none;border-top:2px solid #f3f3f3;padding: 12px 0;}

.bAddressPage2 .editForm li{margin-top: 10px;}
.bAddressPage2 .editForm li:first-child{margin-top: 0;}
.bAddressPage2 .editForm li span{float: left; width:70px ; line-height: 28px;}
.bAddressPage2 .editForm li label{display: block; border:1px solid #ECECEC; overflow: hidden;min-height: 28px;font-size: 0; position: relative;}

.bAddressPage2 .editForm li label input{width: 100%; padding: 0 10px; box-sizing: border-box;font-size: 12px;color:#333; line-height: 28px;border:none;}

.bAddressPage2 .editForm li label select{position: absolute; top:0;left:0; width: 100%; z-index: 10;opacity: 0;height: 28px;}

.bAddressPage2 .editForm li label img{position: absolute; right: 10px; top:12px;}
.bAddressPage2 .editForm li textarea{ width: 100%; font-size: 12px; line-height: 26px;box-sizing: border-box; padding: 0 10px; border:none;resize: none;outline: none;}
.bAddressPage2 .editForm .ctn{overflow: hidden;}
.bAddressPage2 .editForm .ctn a{font-size: 12px;display: inline-block;
color:#fff;background: #f50; padding: 0 14px; line-height:24px; border-radius: 12px;}

.bOrderItem .packcount{ margin-top: -10px; height:34px;border-bottom: 1px solid #f2f2f2; line-height: 34px; font-size: 12px;color:#333; }
.bOrderItem .packcount span{color:#f60}

.bCardPages .bPackItems .hd{position:relative;top:0; z-index: 99;}


.inMoreItems{ text-align: center; font-size: 0; padding:8px 0; cursor: pointer;}
.inMoreItems span{font-size: 12px;color:#999; vertical-align: middle;}
.inMoreItems img{ margin: 0 5px;}


.bCardPages .bOrderPack a:hover{color:#fff;background: #f50; border:1px solid #FF5500;}

.bCardPages .bSendBtn a{ height: 42px; line-height: 42px; z-index: 999; background:#f50;position: fixed;bottom:0;left: 0; width: 100%;}

.bCardPages .bottomFix .bottomPage{ height: 42px; margin-bottom: -20px;}
.bOrderItem .inSettingBox{ margin: 0; margin-top: 10px; border-top: 1px solid #F5F5F5; padding:10px 10px 0; text-align: right; }
.bOrderItem .inSettingBox a{ width: 98px; border:1px solid #f50; color:#f50;display: inline-block; line-height: 30px; text-align: center; border-radius: 15px;font-size: 14px; cursor: pointer;}
.bOrderItem .inSettingBox a:hover{background: #f50; color:#fff;}

.bCardPages .bCardHead{height: auto;    margin: 10px 10px;}
.bCardPages .bCardHead .titleNav{ margin-right: 0; border-right: none;}
.bCardPages .bCardHead .titleNav a{display: inline-block;width: 50%;font-size:14px;color:#666;line-height: 34px; text-align: center;cursor: pointer;background: #FAFAFA;color:#999;border-left:1px solid #F3F3F3 ;box-sizing: border-box;border-bottom: 1px solid #f3f3f3;border-top: 2px solid transparent;}
.bCardPages .bCardHead .titleNav a:first-of-type{border-left: none; border-radius: 3px 0 0 0 ;}
.bCardPages .bCardHead .titleNav a:last-of-type{border-radius: 0 3px 0 0;}
.bCardPages .bCardHead .titleNav a:hover{color:#f50}
.bCardPages .bCardHead .titleNav a.on{border-top: 2px solid #f50;border-bottom: none;background: #fff;color:#f50;box-shadow: none;}

.bCardPages .bReHint .type{ line-height: 22px;}  
.bCardPages  .bReHint .type.typeRed span, 
.bCardPages .bReHint .type.typeRed p{ color:#f50}
.bCardPages .bReHint .type span{font-size: 16px; margin-right: 10px; vertical-align: middle; line-height: 22px; font-weight: bold;}
.bCardPages .bReHint .type{ margin-bottom: 5px;}

.itemReBox{margin-top: -10px;height: 34px;border-bottom: 1px solid #f2f2f2;line-height: 34px;font-size: 12px;color: #333;}
.itemReBox p{float: right;color:#666}
.itemReBox p span{color:#f50}
.itemReBox h2{font-size: 12px;color:#333;font-weight: normal;}


.bFixNav{position: fixed;left: 0;top:40%;z-index: 100;background: rgba(0,0,0,0.12);padding: 10px 6px 10px 3px;border-radius: 0 5px 5px 0;
}
.bFixNav a{display: block; margin-top: 8px;background: #fff; font-size: 12px; line-height: 18px;background: #fff;min-width: 38px; text-align: center;padding: 0 3px;box-sizing: border-box; border-radius: 2px; color:#666; cursor: pointer;  }
.bFixNav a:first-of-type{margin-top: 0;}
.bFixNav a.on,
.bFixNav a:hover{color:#fff; background: #f50;}
.bCardPages .bReMSg h2{font-size: 12px;}
.bCardPages .bReMSg p{color:#f50}
.bCardPages .bReBox .intitle{font-size: 12px;}
.bCardPages .bReBox .rCtn p{color:#333}
.bCardPages .bAddExpress .inTitle{ font-weight: normal;font-size: 12px;color:#545454;}

.bCardPages .bAddExpress ul a{float: right;padding: 0 8px;margin-left: 10px;box-sizing: border-box;color: #666;cursor: pointer;font-size: 12px;height: 22px;line-height: 20px;border-radius: 11px;border: 1px solid #D9D9D9; margin-top: 10px;}
.bCardPages .bAddExpress .txtUl li{overflow: hidden;}
.bCardPages .bAddExpress .txtUl .key{ float: left; line-height: 22px;}
.bCardPages .bAddExpress .txtUl p{line-height: 22px;}

.bOrderItem .item .inShopTime{border-bottom:1px solid #f2f2f2; height: 34px;}
.bOrderItem .item .inShopTime p{ line-height: 34px;color:#999; font-size: 12px;}
.b-mt-10{ margin-top: -10px;}

.bCardPages .bCardHead2{ margin: 0 0 10px ;}
.bOrderItem .moneyTxt .sendBtn{float: right; padding: 0 15px;color:#f50; line-height: 22px;
border:1px solid #f50; font-size: 12px; border-radius: 11px; cursor: pointer;}
.bOrderItem .moneyTxt .sendBtn:hover{ background: #f50; color:#fff}


.bCardNavs{display: flex;align-items: center; justify-content: center;padding: 4px 0 0px;}  
.bCardNavs .item{ flex: 1; text-align: center; cursor: pointer;border-left: 1px solid #DCDCDC; line-height: 20px; font-size: 14px;} 
.bCardNavs .item:first-of-type{border-left: none;}
.bCardNavs .item.on{color:#f50}
.bCardNavs span{position: relative;}
.bCardNavs em{font-size: 12px;color:#fff; padding: 0 4px; border-radius: 50%; background: #f50;height: 14px; line-height: 14px;position: absolute;left: calc(100% + 2px);top:-3px;}

.bOrderItem .item .inShopTime .payType{float: right; line-height: 34px;font-size:12px;color:#f50 ;}
.bCardPages .quesItem .detail h2{ overflow: hidden; color:#666; font-weight: normal; font-size: 12px; color:#333; line-height: 18px;}
.bCardPages .quesItem .detail h2 span{color:#999;display: inline-block; min-width: 60px; text-align: justify;}
.bCardPages .quesItem .detail .mb10{margin-bottom: 10px;}
.bCardPages .moneyTxt em{ font-size: 12px;}

.bCardPages .quesItem .imgBox{ position: relative;}
.bCardPages .quesItem .imgBox p{position: absolute; bottom:0;left: 0; width: 100%; text-align: center;line-height: 20px;font-size: 12px;color:#fff;background:#000;margin-bottom: 0; height: 20px; border-radius: 0 0 5px 5px; opacity: 0.65;}

.bCardPages .quesItem .packcountBottom{line-height: 30px;font-size:12px;color:#333 ;border-top:1px solid #F2F2F2;margin-bottom: -10px;margin-top: 12px;}
.bCardPages .quesItem .packcountBottom p span{color:#f50}
.bCardPages .quesItem .packcountBottom h2{float: left; font-size: 12px;color:#333; font-weight: normal; line-height: 30px;margin-right: 12px;}
.bCardPages .quesItem .packcountBottom h2 span{color:#999}

.bCardPages .bannerItems h2{font-size: 14px; line-height: 34px; font-weight: normal;margin-top: -10px;color:#333;}
.bCardPages .bannerItems .iconImg{border-radius: 2px; width: 100%;padding-bottom: 12px;}
.bCardPages .bannerItems .iconImg img{ width: 100%; border-radius: 2px; min-height: 98px;}
.bCardPages .bannerItems .btnBox{ height: 42px; line-height: 42px; border-top: 1px solid #f2f2f2; margin-bottom: -10px; }
.bCardPages .bannerItems .btnBox p{font-size:14px;color:#666;}
.bCardPages .bannerItems .btnBox .sendBtn{float: right;padding: 0 15px;color: #f50;line-height: 22px;border: 1px solid #f50;font-size: 12px;border-radius: 11px;cursor: pointer; margin-top: 9px;}


/* vip头部修改 20211212 */

.topbarWarp .sign_status li .vcon,.topbarWarp .vsign_menu .bd .up .tp .vcon,.topbarWarp .vsign_menu .down .dsli li .kg .ico{background: url(https://g1.17qcc.com/2018/product/images/vipbus.png) no-repeat;}

.topbarWarp .sign_status li .vcon{margin-left: 5px;width: 24px;height: 14px;display: inline-block;vertical-align: middle;}
.topbarWarp .sign_status li .vconoff{background-position: -152px -33px;}
.topbarWarp .sign_status li .vconon{background-position: -98px -33px;}

.topbarWarp .vsign_menu{top: 0px; left: -12px; right: 9px; z-index: 10080; display: none; position: absolute;}
.topbarWarp .vsign_menu .thd{background-color: #fff;padding: 28px 12px 6px 12px;min-width: 50px;border: 1px solid #e5e5e5;border-top: none;border-bottom: 1px solid #fff;z-index: 2;position: relative;}
.topbarWarp .vsign_menu .bd{width: 320px;background-color: #fff;border:1px solid #e5e5e5;margin-top: -1px;}
.topbarWarp .vsign_menu .bd .up{padding: 10px 10px 20px;display: flex;height: 54px;border-bottom: 1px solid #EDEDED;flex: 1;align-items: center;}
.topbarWarp .vsign_menu .bd .up .prot{width: 54px;height: 54px;border-radius: 50%;margin-right: 10px;}
.topbarWarp .vsign_menu .bd .up .prot img{width: 100%;height: 100%;border-radius: 50%;}
.topbarWarp .vsign_menu .bd .up .thri{display: flex;flex: 1;flex-direction: column;justify-content: center;}
.topbarWarp .vsign_menu .bd .up .tp{display: flex;align-items: center; justify-content: space-between; height: 16px; margin-top: 10px;}
.topbarWarp .vsign_menu .bd .up .tp .vcon{width: 24px;height: 14px;display: inline-block;vertical-align: middle;}
.topbarWarp .vsign_menu .bd .up .tp .vconoff{background-position: -152px -33px;}
.topbarWarp .vsign_menu .bd .up .tp .vconon{background-position: -98px -33px;}
.topbarWarp .vsign_menu .bd .up .tp .ri{display: inline-flex; align-items: center; justify-content: center;}
.topbarWarp .vsign_menu .bd .up .tp .ri .line{display: inline-block;margin: 0 3px;}
.topbarWarp .vsign_menu .bd .up .tp .ri a{color: #666;}
.topbarWarp .vsign_menu .bd .up .tp .ri a:hover{color: #f50;}
.topbarWarp .vsign_menu .bd .up .more{color: #666;}
.topbarWarp .vsign_menu .bd .up .more .fh{font-family: "SimHei"; font-style: normal;}
.topbarWarp .vsign_menu .bd .up .more:hover{color: #f50;}

.topbarWarp .vsign_menu .down{padding:10px;position: relative;}
.topbarWarp .vsign_menu .down .dsli{width: 246px;height: 94px;position: relative;overflow: hidden;margin: 0 auto;}
.topbarWarp .vsign_menu .down .dsli ul{position: absolute;}
.topbarWarp .vsign_menu .down .dsli ul li{width: 246px; height: 94px; text-align: center; float: left;display: flex;align-items:center;padding-right: 0;justify-content: space-between;}
.topbarWarp .vsign_menu .down .dsli li .kg{display: inline-block; min-width: 60px; text-align: center;}
.topbarWarp .vsign_menu .down .dsli li .kg .ico { width: 54px; height: 54px; display: block; margin: 0 auto; }
.topbarWarp .vsign_menu .down .dsli li .kg .ico1{background-position: -468px -67px;}
.topbarWarp .vsign_menu .down .dsli li .kg .ico2{background-position: -552px -67px;}
.topbarWarp .vsign_menu .down .dsli li .kg .ico3{background-position: -636px -67px;}
.topbarWarp .vsign_menu .down .dsli li .kg span{color: #666;margin-top: 6px;}

.topbarWarp .vsign_menu .down .arr{width: 30px;height: 45px;position: absolute;top: 50%;margin-top: -30px;background-color: #fff;opacity: .5;cursor: pointer;display: block;text-align: center;line-height: 46px;user-select: none;display: none;}
.topbarWarp .vsign_menu .down .arr .fh{font-family: "SimHei"; font-style: normal; color: #999; font-size: 18px; margin-top: 2px;font-weight: bold;}
.topbarWarp .vsign_menu .down .pre{left: 0;}
.topbarWarp .vsign_menu .down .next{right: 0;}



.topbarWarp .sign_status:hover .vsign_menu{ display: block; }

/*顶通优化 230926*/

.topbarWarp2 .mark_more:hover p{background-color: transparent;}
.topbarWarp2 .mark_more:hover{border: 1px solid transparent;border-top: 0 none;  border-bottom: 0 none;}
.topbarWarp2 .mark_more .mark_molist{min-width: 96px;width: auto;border-top:1px solid #ececec}
.topbarWarp2 .mark_more .mark_molist ul{padding: 4px 7px 4px;}
.topbarWarp2 .mark_more .mark_molist ul li a{text-align: center;padding: 0 3px;white-space: nowrap;}
.topbarWarp2 .mark_more .mark_molist::before{ content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; border-bottom: 6px solid #fff; top: -6px; left: 50%; margin-left: -6px; z-index: 2;}
.topbarWarp2 .mark_more .mark_molist::after{     content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; border-bottom: 7px solid #ececec; top: -8px; left: 50%; margin-left: -7px; }

.topbarWarp2 .sign_status .sign_menu{border-top: 1px solid #e5e5e5; min-width: auto; width: 68px; left: 20px;padding:7px 4px 6px 4px; top: 33px;}
.topbarWarp2 .sign_status .sign_menu a{text-align: center;}
.topbarWarp2 .sign_status .sign_menu::before{ content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; border-bottom: 6px solid #fff; top: -6px; left: 50%; margin-left: -6px; z-index: 2;}
.topbarWarp2 .sign_status .sign_menu::after{     content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; border-bottom: 7px solid #ececec; top: -8px; left: 50%; margin-left: -7px; }

.topbarWarp2 .topnav li .nav_cons{border-top: 1px solid #ececec;width: auto;}
.topbarWarp2 .topnav li .nav_cons ul{padding: 4px 5px 4px;}
.topbarWarp2 .topnav li .nav_cons ul li a{color: #555; font-size: 12px; display: block; padding: 0 3px; text-align: center; white-space: nowrap;}
.topbarWarp2 .topnav li .nav_cons::before{ content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; border-bottom: 6px solid #fff; top: -6px; left: 50%; margin-left: -6px; z-index: 2;}
.topbarWarp2 .topnav li .nav_cons::after{     content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; border-bottom: 7px solid #ececec; top: -8px; left: 50%; margin-left: -7px; }
.topbarWarp2 .topnav li:hover{background-color: transparent;border: 1px solid transparent; border-top: 0 none; border-bottom: 0 none;}


.topbarWarp .topnav li.nav_webbar{z-index: 20181;}
.topbarWarp .topnav .nav_webbar .nav_webcons{ position: absolute; background-color: #fff; top: 42px; left: auto; right: -31px; width: auto; display: none; min-width: 200px; border: 1px solid #ececec; z-index: 2020;width: 340px;}
.topbarWarp .topnav .nav_webbar .nav_webcons span.line{ width: 100%; height: 9px; position: absolute; top: -9px; }
.topbarWarp .topnav .nav_webbar .nav_webcons dl { padding: 10px; }
.topbarWarp .topnav .nav_webbar .nav_webcons dl dt {     font-size: 14px; font-weight: bold; display: flex; align-items: center;}
.topbarWarp .topnav .nav_webbar .nav_webcons dl dt span{ width: 20px; height: 20px; display: inline-flex;  margin-right: 8px;}
.topbarWarp .topnav .nav_webbar .nav_webcons dl dt span.s1{ background: url(https://g1.17qcc.com/2018/home/topnav/fore1.svg); background-size: 20px; }
.topbarWarp .topnav .nav_webbar .nav_webcons dl dt span.s2{ background: url(https://g1.17qcc.com/2018/home/topnav/fore2.svg); background-size: 20px; }
.topbarWarp .topnav .nav_webbar .nav_webcons dl dt span.s3{ background: url(https://g1.17qcc.com/2018/home/topnav/fore3.svg); background-size: 20px; }
.topbarWarp .topnav .nav_webbar .nav_webcons dl dt span.s4{ background: url(https://g1.17qcc.com/2018/home/topnav/fore4.svg); background-size: 20px; }
.topbarWarp .topnav .nav_webbar .nav_webcons dl dt span.s5{ background: url(https://g1.17qcc.com/2018/home/topnav/fore5.svg); background-size: 20px; }

.topbarWarp .topnav .nav_webbar .nav_webcons dd { display: flex; flex-wrap: wrap; margin-left: -10px; align-items: center;margin-bottom: 10px;}
.topbarWarp .topnav .nav_webbar .nav_webcons dd:last-child{margin-bottom: 0;}
.topbarWarp .topnav .nav_webbar .nav_webcons dd .itemline{margin-left: 10px; width: 1px; height: 14px; background-color: #e5e5e5;}
.topbarWarp .topnav .nav_webbar .nav_webcons dd .item { margin-left: 10px; line-height: 30px; height: 30px; }
.topbarWarp .topnav .nav_webbar .nav_webcons dd .item a:hover{color: #f50;}

.topbarWarp .topnav .nav_webbar .nav_webcons::before{ content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; border-bottom: 6px solid #fff; top: -6px; right: 66px; z-index: 2;}
.topbarWarp .topnav .nav_webbar .nav_webcons::after{       content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; border-bottom: 7px solid #ececec; top: -7px; right: 65px; margin-left: 0;}
.topbarWarp .topnav .nav_webbar:hover .nav_webcons{display: block;}

.topbarWarp2 .topnav .kefbox .nav_cons a p{display: inline-flex; align-items: center; flex-direction: column; padding: 3px 0; line-height: 22px; justify-content: center;}
.topbarWarp2 .topnav .kefbox .nav_cons a .siteChat2{     background: url(https://g2.17qcc.com/2018/mall/imgs/cservice2302.svg) center center no-repeat; background-size: 20px; width: 30px; height: 20px; display: inline-block; vertical-align: middle; }
.topbarWarp2 .topnav .kefbox .nav_cons a .siteChat3{     background: url(https://g2.17qcc.com/2018/mall/imgs/cservice2301.svg) center center no-repeat; background-size: 20px; width: 30px; height: 20px; display: inline-block; vertical-align: middle; }

.topbarWarp2 .qcc_home_li{float: left;}
.topbarWarp2 .qcc_home{background: none; line-height: 34px; padding-top: 0; padding-right: 10px; margin-right: 4px; }
.topbarWarp2 .qcc_home_li:hover .qcc_home{background-color: #fff;}

.topbarWarp2 .sign_status{margin-left: 0;}
.topbarWarp2 .topnav .shopcart{padding: 0 5px;}
.topbarWarp2 .topnav .shopcart:hover,.topbarWarp2 .topnav .nav_noother:hover{background-color: #fff;}

/* 顶通翻译 240417*/
.topbarWarp .topnav li.trans_li{display: none;}
.topbarWarp .topnav li .trans_title{display: none;}


/* 详情页实名认证弹窗 240618 */
.xqreaalCard{ display: flex; flex-direction: column; height: calc(100vh - 34px); background-color: #FAFAFA; position: relative;justify-content: center; }
.xqreaalCard .realbox{ width: 800px; height: 468px; background: #FFFFFF; border-radius: 16px 16px 16px 16px; border: 1px solid #E5E5E5; margin:  0 auto;}
.xqreaalCard .realbox .inhd{display: flex;height: 100px;flex-direction: column;align-items: center;justify-content: center;}
.xqreaalCard .realbox .inhd p { font-weight: 500; font-size: 20px; color: #000000; margin-bottom: 5px; }
.xqreaalCard .realbox .inhd span { font-weight: 400; font-size: 14px; color: #999999; }
.xqreaalCard .realbox .inbd { display: flex; flex-direction: column; }
.xqreaalCard .realbox .pic { display: flex; align-items: center; justify-content: center; }
.xqreaalCard .realbox .inbd .btn { display: flex; align-items: center; justify-content: center; }
.xqreaalCard .realbox .inbd .btnh{ height: 80px;}
.xqreaalCard .realbox .inbd .btn .btnSure { width: 120px; height: 40px; background-color: #FF5500; border-radius: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; transition: all .1s ease;}
.xqreaalCard .realbox .inbd .btn .btnSure:hover{background-color: #ff7700;}
.xqreaalCard .realbox .inbot { display: flex; justify-content: center; align-items: center; height: 80px; border-top: 1px solid #E5E5E5; margin: 0 50px; }
.xqreaalCard .realbox .inbot p { font-size: 14px; color: #999; font-weight: 400; }
.xqreaalCard .realbox .pic .left { position: relative; padding: 16px 0; }
.xqreaalCard .realbox .pic  .right { position: relative; margin-left: 20px; }
.xqreaalCard .realbox .pic .unfilespan { display: block; width: 275px; height: 175px; overflow: hidden; cursor: pointer; position: relative;}
.xqreaalCard .realbox .pic .unfilespan img{ width: 275px; height: 175px; }
.xqreaalCard .realbox .pic .unfilespan .usfimg { width: 64px; height: 58px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

.xqreaalCard .realbox .inbd .qcc-uploader { opacity: 0; pointer-events: none; width: 0; height: 0; overflow: hidden; }

.xqreaalCard .realbox .pic .failpic{width: 160px;height: 160px;display: block;margin: 0 auto;overflow: hidden;}
.xqreaalCard .realbox .pic .failpic img{width: 160px;height: 160px;}
.xqreaalCard .realbox .intit{display: block;line-height: 32px;text-align: center;font-weight: bold;font-size: 24px;color: #333;}
.xqreaalCard .realbox .intext{display: block;line-height: 20px;text-align: center;font-size: 14px;color: #999;font-weight: 400;margin-top: 6px;}
.xqreaalCard .realbox .btnBack{margin-top: 10px;width: 90px;height: 32px;display: inline-flex;align-items: center;justify-content: center;border-radius: 20px ; border: 1px solid #E5E5E5;box-sizing: border-box;font-size: 16px;color: #333;font-weight: 400;margin-bottom: 30px;transition: all .1s ease;}
.xqreaalCard .realbox .btnBack:hover{border: 1px solid #f50;color: #f50;}

.xqreaalCard .realbox .btnBackfine{margin-top: 10px;width: 90px;height: 32px;display: inline-flex;align-items: center;justify-content: center;border-radius: 20px ; border: 1px solid #E5E5E5;box-sizing: border-box;font-size: 16px;color: #333;font-weight: 400;margin-bottom:16px;transition: all .1s ease;}
.xqreaalCard .realbox .btnBackfine:hover{border: 1px solid #f50;color: #f50;}
.xqreaalCard .realbox .intextmb{margin-bottom:10px;}
.xqreaalCard .realbox .qcorde { display: flex; flex-direction: column; align-items: center; width: 700px; border-bottom: 1px solid #E5E5E5; margin: 0 auto; padding-bottom: 10px; }
.xqreaalCard .realbox .qcorde p{ color: #999; }
.xqreaalCard .realbox .qcorde .inputbox { margin-bottom: 10px; display: flex; position: relative; }
.xqreaalCard .realbox .qcorde .inputbox input { width: 280px; height: 34px; padding-right: 109px; box-sizing: border-box; }
.xqreaalCard .realbox .qcorde .inputbox .codebtbn { display: flex; width: 109px; position: absolute; align-items: center; justify-content: center; height: 34px; right: 0; color: #f50; cursor: pointer;font-size: 14px;}
.xqreaalCard .realbox .qcorde .inputbox .codebtbn.darkCode { width: 100px; background-color: #ffe1d2; color: #f50 !important; }