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: 0;
}

.cleafix {
    clear: both;
    zoom: 1;
}

.cleafix:after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020";
    visibility: hidden;
}

.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;
}

.marketfour {
    margin-top: 12px;
    width: 144px;
    margin-right: 0;
    float: left;
    margin-left: 20px;
}

.marketfour a {
    margin-bottom: 6px;
}

.marketlink {
    margin-top: 12px;
    width: 144px;
    margin-right: 0;
    float: left;
    margin-left: 20px;
}

.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 {
    margin-bottom: 6px;
}

.p-nav {
    background-color: #F50;
}

.p-nav ul li {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin-right: 2px;
}

.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: 59px;
}

.p-nav ul li a:hover {
    background-color: #ff753e;
}

.p-nav .subnav {
    float: right;
}

.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;
}

.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: 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 .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;
}

.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: 0;
    left: -12px;
    right: 9px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-top: 0;
    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;
}

.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 .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: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;
}

.topbarWarp .topnav li.nav_corebox .nav_corecons {
    position: absolute;
    background-color: #fff;
    position: absolute;
    top: 43px;
    left: -83px;
    width: 220px;
    display: none;
    box-shadow: 0 0 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: 0;
    height: 0;
    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: 0;
    height: 0;
    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;
}

.topbarWarp .topnav li.nav_corebox .corerig .coreditems {
    width: 80px;
    height: 89px;
    background: #FFF;
    border: 1px solid transparent;
    box-shadow: 0 0 12px rgb(0 0 0 / 10%);
    border-radius: 1px;
    text-align: center;
    position: relative;
}

.topbarWarp .topnav li.nav_corebox .corerig .coreditems:before {
    width: 0;
    height: 0;
    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 {
    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;
}

.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: #c00;
}

.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;
}

.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 0 0;
    background-color: #F2F2F2;
    margin-right: 4px;
}

.search-bd .search-triggers .active {
    background-color: #F50;
    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: 0;
    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: #F50;
    cursor: pointer;
    height: 100%;
    border: 0;
    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;
}

.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: #F50;
}

.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;
}

.pro_nav .shcbox .sch_icon {
    top: 13px;
    left: 10px;
    width: 14px;
    height: 14px;
}

.pro_nav .shcbox .top-serchebtn {
    float: left;
    width: 96px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #F50;
    border: 0 none;
    cursor: pointer;
}

.pro_nav .shcbox .souallweb {
    float: left;
    margin-left: 10px;
    width: 80px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #F50;
    background-color: #fff;
    font-size: 14px;
    color: #f50;
    cursor: pointer;
}

.pro_nav .wx_scan {
    top: -16px;
}

.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: 10px;
    margin-bottom: 10px;
    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;
}

.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"] {
    display: block;
    width: 100px;
    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: .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 {
    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: 0 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: 0;
    border-width: 0 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;
}

.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: #333;
    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: #666;
    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: #F50;
    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: #666;
}

.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 {
    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;
}

.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: #f50;
    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;
}

.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: 0;
    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: 0;
    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;
    }
}

.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) 0 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) 0 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;
}

.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,#f50,#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 0;
    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: #333;
    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 #F50;
}

.hs_zizhu ul li:hover em {
    color: #F50;
}

.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: 0 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: #999;
}

.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: #38F;
    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;
    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 dd ul::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px;
}

.hslist .sortl dd ul::-webkit-scrollbar-thumb {
    border-radius: 6px;
    width: 4px;
    height: 6px;
    background-color: #D8D8D8;
}

.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;
}

.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 #EEE;
    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;
}

.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: #F50;
}

.hs_qucask .qleft .nofind {
    width: 820px;
    margin-right: 80px;
    padding-top: 100px;
}

.hs_qucask .qleft .nofind .nopic {
    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: #F50;
}

.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: #F50;
}

.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: #F50;
}

.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: #F50;
}

.hs_qucask .qr .oncall ul li {
    margin-top: 12px;
    color: #666;
}

.rightnavbg {
    position: fixed;
    width: 36px;
    background-color: #fff;
    box-shadow: 0 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 .sxicon {
    font-size: 22px;
    width: 24px;
    height: 22px;
    margin: 0 auto;
    display: inline-flex;
}

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

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

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

.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 .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 .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: #F50;
    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: 0;
    display: inline-block;
}

.rightnavopen .member .welcome span {
    display: inline-block;
    line-height: 28px;
    vertical-align: middle;
    margin-left: 10px;
    color: #999;
}

.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: #f50;
    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: 0;
}

.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: #CCC;
    width: 230px;
    padding: 5px 0;
    height: 38px;
    position: absolute;
    bottom: 0;
    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 .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 .explain {
    display: block;
}

.qtwarp .site_bar li .trades_dot {
    position: absolute;
    right: -10px;
    bottom: 34px;
}

.qcc_downApp {
    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;
}

.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;
}

.wx_bg {
    position: absolute;
    right: 0;
    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: 0;
    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: 0;
    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: #f50;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border: 0;
    position: absolute;
    top: -1px;
    right: -107px;
    cursor: pointer;
}

.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;
}

.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: 0;
    left: -125px;
}

.qcc-aboutp .bestcon .bd .or4 .hline {
    width: 423px;
    top: 0;
    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: 0 0 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 0;
}

.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;
    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: .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: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 .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: #fff;
    padding: 30px 0 0;
}

.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 0;
}

.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;
}

.rightnavopen .mycart2 {
    background-color: #FCFCFC;
    width: 298px;
}

.rightnavopen .mycart2 .cartitle {
    width: 265px;
    background: 0;
    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 0;
    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: #F50;
    background: url(//g1.17qcc.com/2018/cart/images/fscreen_ico_hover.png) left center no-repeat;
    background-size: 14px auto;
}

.mycart2 .ordlistbox {
    padding-bottom: 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 0;
    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 0;
    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 .opt .pic .rowtitle {
    margin: 2px 0;
}

.mycart2 .ordlist .zone_goods .zgdl .opt .pic .rowtitle .tagIcon {
    min-width: 40px;
    padding: 0 5px;
    height: 18px;
    display: inline-flex;
    background: #FFF;
    border: 1px solid #5D4ED3;
    opacity: 1;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin-right: 3px;
    color: #5D4ED3;
    font-size: 12px;
}

.mycart2 .ordlist .zone_goods .zgdl .opt .pic .rowtitle .tagselfcang {
    background: #FA5F05;
    border: 1px solid #FA5F05;
    color: #fff;
}

.mycart2 .ordlist .zone_goods .zgdl .opt .pic .rowtitle .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.mycart2 .ordlist .zone_goods .zgdl .opt .pic .rowtitle .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.mycart2 .ordlist .zone_goods .zgdl .opt .pic .rowtitle .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.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: #F50;
    border-color: #f50;
}

.mycart2 .zone_goods .zgdl .desc .slv .unit_control a.minus_num {
    border-right: 0;
    border-radius: 2px 0 0 2px;
    font-size: 20px;
}

.mycart2 .zone_goods .zgdl .desc .slv .unit_control a.plus_num {
    border-left: 0;
    border-radius: 0 2px 2px 0;
}

.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: 0;
    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: #666;
}

.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: #F50;
}

.mycart2 .toolbar .co_right .sum .price span {
    color: #F50;
    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: #F50;
}

.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: 0 2px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    vertical-align: middle;
}

.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;
}

.coreditems {
    float: right;
}

.coreditems .cs {
    float: left;
    width: 78px;
    background: #FFF;
    box-shadow: 0 0 6px 0 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: 0 -1px 2px 0 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: 0 0 6px 0 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;
    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: 0;
    top: -9px;
    width: 140px;
    height: 120px;
    background: #fff;
    box-shadow: 0 0 6px 0 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/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);
    }
}

.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: 0 2px 4px 0 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: #FFF;
    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: #FFF;
    box-shadow: 0 0 8px 0 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: 0 0 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: #FFF;
    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: 0 0 10px 0 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: #FFF;
    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: #FFF;
    box-shadow: 0 0 8px 0 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: 0 0 8px 0 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: 0 0 8px 0 rgba(0,0,0,0.04);
    border-radius: 4px;
    border: 1px solid #f4f4f4;
    background: #fff;
}

.bCardHead {
    height: 34px;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 4px 0 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 0 4px 0 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: 0 0 8px 0 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: #F50;
    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 .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 #F50;
}

.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: 0 0 8px 0 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 #F50;
}

.bOrderPack p {
    line-height: 22px;
    font-size: 12px;
    color: #333;
}

.bOrderPack p span {
    color: #F00;
    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 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: 0;
    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: #F50;
    vertical-align: middle;
    margin-right: 4px;
}

.bReHint .type p {
    font-size: 12px;
    display: inline-block;
    color: #f50;
    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: 0;
}

.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;
    background: #f3f3f3;
}

.bCardPages .chCon .ginfo {
    padding: 0 10px;
}

.bCardPages .chCon .ginfo .table {
    width: auto;
    background: #FFF;
    box-shadow: 0 0 8px 0 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: 0;
}

.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: 0;
    resize: none;
    outline: 0;
}

.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 #F50;
}

.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: 0;
}

.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: 0;
    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 0;
}

.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: .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;
}

.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: 0;
    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: 0;
    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;
}

.qcc-uploader {
    position: relative;
    left: -4px;
}

.qcc-uploader .uploader-list {
    width: auto;
}

.qcc-uploader .uploader-list .thumbnail {
    width: 20%;
    margin-bottom: 4px!important;
}

.qcc-uploader .uploader-list .thumbnail a {
    display: block;
    overflow: hidden;
    height: 100px;
}

.qcc-uploader .webPicPicker {
    float: left;
    position: relative;
    width: 20%;
    display: block;
    line-height: 1.4;
    background: #fff;
    border: 1px dashed #D2D1D6;
    border-radius: 2px;
    color: #ccc;
    font-size: 13px;
    text-align: center;
    margin: 4px;
    cursor: pointer;
}

.qcc-uploader .webPicPicker .icon-plus {
    width: 32px;
    height: 32px;
    display: block;
    margin: 10px auto;
}

.qcc-uploader .file-item {
    margin: 0!important;
}

.qcc-uploader .file-item .file-panel {
    top: 4px;
    right: 4px;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
}

.qcc-uploader .file-item .file-panel span {
    background: rgba(0,0,0,.5);
    border-radius: 2px;
    color: #fff;
    width: 20px!important;
    height: 20px!important;
    line-height: 20px!important;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    display: block;
}

.qcc-uploader .uploader-list .thumbnail,.qcc-uploader .webPicPicker {
    width: 100px!important;
    height: 100px!important;
}

.webuploader-container {
    position: relative;
}

.webuploader-element-invisible {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
}

.webuploader-pick {
    width: 100%;
    display: block;
    cursor: pointer;
    overflow: hidden;
    height: 100px;
}

.webuploader-pick-disable {
    opacity: .6;
    pointer-events: none;
}

.qcc-uploader .thumbnail {
    width: 33.333333%;
    min-height: 90px;
    max-width: 100px;
    overflow: hidden;
}

.qcc-uploader .thumbnail img,.uploader-list {
    width: 100px;
}

.file-item {
    float: left;
    position: relative;
    margin: 0 0 10px;
    padding: 4px;
}

.file-item .error {
    position: absolute;
    top: 4px;
    left: 4px;
    background: red;
    color: #fff;
    line-height: 22px;
}

.file-item .info {
    position: absolute;
    left: 4px;
    bottom: 4px;
    line-height: 20px;
    text-indent: 5px;
    background: rgba(0,0,0,.6);
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 10;
}

.file-item div.file-panel {
    z-index: 300;
    overflow: hidden;
    position: absolute;
    right: -5px;
    top: -5px;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
}

.file-item div.file-panel span {
    cursor: pointer;
    color: #fff;
    margin: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    display: table;
    background: #d9534f;
    border-radius: 50%;
}

.file-item div.file-panel span .fa {
    color: #fff;
}

.file-item.thumbnail {
    border: 0;
    border-radius: 0;
}

.file-item .progress {
    position: absolute;
    right: 4px;
    bottom: 4px;
    left: 4px;
    height: 4px;
    overflow: hidden;
    z-index: 15;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: 0;
}

.file-item .progress span {
    display: block;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: url() repeat-x #06BD01;
    -webit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    -o-transition: width .2s linear;
    -ms-transition: width .2s linear;
    transition: width .2s linear;
    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;
    -webkit-transform: translateZ(0);
}

.file-item .error,.file-item .info {
    right: 4px;
    font-size: 12px;
    height: 20px;
    text-align: center;
}

.pullLeft {
    float: left;
    cursor: pointer;
}

.pullRight {
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

.colorF50 {
    color: #f50;
}

.b_qccIcon {
    background: url('https://g1.17qcc.com/2021/homeImg/b-qccIcon.png') no-repeat;
}

.b_flexBox {
    display: flex;
}

.homePage .mb10 {
    margin-bottom: 10px;
}

.homePage .nextIcon {
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    margin-right: 0;
}

.homePage .moreBtn {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.homePage .moreBtn:hover {
    color: #f50;
}

.homePage .moreBtn:hover .nextIcon {
    background-position: -22px -97px;
}

.homePage .fsIcon {
    font-family: 'SimHei';
    font-style: normal;
}

.b_head {
    background: #fff;
    height: 176px;
    display: flex;
    flex-direction: column;
}

.b_head .b_logo {
    margin-top: 20px;
    margin-right: 35px;
    width: 166px;
    height: 90px;
    text-indent: -9999px;
    background: url(https://g1.17qcc.com/2021/homeImg/logo.png) center no-repeat;
    background-size: 166px;
}

.b_head .b_logo a {
    display: block;
    width: 166px;
    height: 90px;
}

.b_head .b_ydBox {
    margin-top: 44px;
    position: relative;
    margin-right: 20px;
    z-index: 200;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
}

.b_head .b_ydBox h2.now {
    font-size: 16px;
    position: relative;
    color: #f50;
    line-height: 22px;
    padding: 0 0 0 18px;
    text-align: center;
    font-weight: bold;
}

.b_head .b_ydBox h2.now .localIcon {
    color: #f50;
    position: absolute;
    top: 2px;
    left: 0;
    margin-right: 0;
    font-size: 16px;
}

.b_head .b_ydBox h2.now::before,.b_head .b_ydBox h2.now::after {
    content: '';
    display: block;
    height: 12px;
    width: 1px;
    background: #f50;
    position: absolute;
    top: 5px;
}

.b_head .b_ydBox h2.now::before {
    left: 0;
    display: none;
}

.b_head .b_ydBox h2.now::before {
    left: 0;
    width: 18px;
    height: 18px;
    background: url(https://g1.17qcc.com/2021/homeImg/qccIcon_2.png);
    top: 2px;
}

.b_head .b_ydBox h2.now::after {
    right: 0;
    display: none;
}

.b_head .b_ydBox .showCheck {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #999;
    justify-content: center;
}

.b_head .b_ydBox .showCheck .clicktabIcon {
    display: inline-block;
    transition: all .1s;
    margin: 0;
    font-size: 16px;
}

.b_head .b_searchBox {
    width: 632px;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
}

.b_head .b_ydBox .checkBox {
    display: block;
    pointer-events: none;
    opacity: 0;
    transform: translateY(80px);
    transition: all .2s;
    position: absolute;
    top: 66px;
    background: #fff;
    box-shadow: 0 0 24px rgba(0,0,0,0.16);
    left: 50%;
    margin-left: -165px;
}

.b_head .b_ydBox:hover .checkBox {
    opacity: 1;
    transform: translateY(0px);
    pointer-events: auto;
}

.b_head .b_ydBox:hover .clicktabIcon {
    transform: rotate(180deg);
}

.b_head .b_ydBox .checkBox::before {
    content: '';
    position: absolute;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    margin-left: -12px;
    left: 50%;
}

.b_head .b_ydBox dl {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
}

.b_head .b_ydBox dl a {
    min-width: 284px;
    display: flex;
    align-items: center;
    padding: 20px 10px;
    border-bottom: 1px solid #F5F5F5;
    box-sizing: border-box;
}

.b_head .b_ydBox dl a img {
    width: 50px;
    height: 50px;
    margin-left: auto;
    border-radius: 6px;
}

.b_head .b_ydBox dl a:hover img {
    transform: scale(1.4);
}

.b_head .b_ydBox .ctn h2 {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    line-height: 20px;
}

.b_head .b_ydBox .ctn p {
    font-size: 12px;
    color: #999;
}

.b_head .b_ydBox dl a:hover .ctn h2,.b_head .b_ydBox dl a:hover .ctn p {
    color: #f50;
}

.b_head .b_ydBox dt {
    padding: 20px 0;
}

.b_head .b_ydBox dt p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-align: center;
}

.b_head .q_ydBox {
    display: flex;
    padding-top: 30px;
    margin-right: 35px;
    position: relative;
    z-index: 200;
}

.b_head .q_ydBox .mklink {
    display: inline-flex;
    flex-wrap: wrap;
    width: 174px;
    align-content: flex-start;
    align-items: center;
    margin-top: -5px;
}

.b_head .q_ydBox .mklink dd {
    display: inline-flex;
    align-items: center;
    width: 80px;
    height: 30px;
    background-color: #FFF5F0;
    border: 1px solid #F50;
    justify-content: center;
    border-radius: 4px;
    margin-top: 5px;
    margin-right: 5px;
}

.b_head .q_ydBox .mklink dd a {
    color: #F50;
    display: block;
}

.b_head .q_ydBox .mklink dd:hover {
    background-color: #F50;
}

.b_head .q_ydBox .mklink dd:hover a {
    color: #fff;
}

.b_head .q_ydBox .showCheck {
    width: 20px;
    height: 67px;
    background: #FFF5F0;
    border: 1px solid #F50;
    border-radius: 4px;
    color: #f50;
    display: inline-flex;
    cursor: pointer;
}

.b_head .q_ydBox .showCheck .clicktabIcon {
    margin: auto 0;
    transition: all .1s;
}

.b_head .q_ydBox .checkBox {
    display: block;
    pointer-events: none;
    opacity: 0;
    transform: translateY(80px);
    transition: all .2s;
    position: absolute;
    top: 116px;
    background: #fff;
    box-shadow: 0 0 24px rgb(0 0 0 / 16%);
    left: 50%;
    margin-left: -165px;
}

.b_head .q_ydBox .checkBox dl {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
}

.b_head .q_ydBox .checkBox dl a {
    min-width: 284px;
    display: flex;
    align-items: center;
    padding: 20px 10px;
    border-bottom: 1px solid #F5F5F5;
    box-sizing: border-box;
}

.b_head .q_ydBox .checkBox dl a img {
    width: 50px;
    height: 50px;
    margin-left: auto;
    border-radius: 6px;
}

.b_head .q_ydBox .checkBox dl a:hover img {
    transform: scale(1.4);
}

.b_head .q_ydBox .checkBox dl dt {
    padding: 20px 0;
}

.b_head .q_ydBox .checkBox dl dt p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-align: center;
}

.b_head .q_ydBox .checkBox::before {
    content: '';
    position: absolute;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    margin-left: -12px;
    left: 50%;
}

.b_head .q_ydBox .checkBox::after {
    content: '';
    position: absolute;
    top: -29px;
    width: 100%;
    height: 29px;
    background-color: transparent;
}

.b_head .q_ydBox .ctn h2 {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    line-height: 20px;
}

.b_head .q_ydBox .ctn p {
    font-size: 12px;
    color: #999;
}

.b_head .q_ydBox dl a:hover .ctn h2,.b_head .q_ydBox dl a:hover .ctn p {
    color: #f50;
}

.b_head .q_ydBox .showCheck:hover .clicktabIcon {
    transform: rotate(180deg);
}

.b_head .q_ydBox .showCheck:hover .checkBox {
    opacity: 1;
    transform: translateY(0px);
    pointer-events: auto;
}

.b_head .b_searchBox .intab {
    height: 24px;
    display: flex;
}

.b_head .b_searchBox .intab a {
    transition: all .2s;
    color: #F50;
    font-size: 12px;
    width: 60px;
    height: 24px;
    background: #FFE9DE;
    text-align: center;
    line-height: 24px;
    margin-right: 1px;
}

.b_head .b_searchBox .intab a:hover {
    color: #F50;
}

.b_head .b_searchBox .intab a.on {
    background: #F50;
    color: #fff;
}

.b_head .b_searchBox .intab a:first-child {
    border-radius: 6px 0 0 0;
}

.b_head .b_searchBox .formBox {
    display: flex;
    align-items: center;
    height: 38px;
    border: 2px solid #f50;
    border-radius: 0 6px 6px 6px;
}

.b_head .b_searchBox .formBox label {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b_head .b_searchBox .formBox label input {
    flex: 1;
    border: 0;
    margin: 0 16px;
    font-size: 12px;
    color: #333;
    height: 36px;
    line-height: 36px;
}

.b_head .b_searchBox .formBox label input::placeholder {
    color: #999;
}

.b_head .b_searchBox .formBox label input:-moz-placeholder {
    color: #999;
}

.b_head .b_searchBox .formBox label input::-webkit-input-placeholder {
    color: #999;
}

.b_head .b_searchBox .formBox .cameraIcon {
    margin: 0 12px;
    width: 26px;
    height: 26px;
    display: block;
    background-position: -75px -177px;
}

.b_head .b_searchBox .formBox .cameraIcon input {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
}

.b_head .b_searchBox .formBox .cameraIcon:hover {
    background-position: -129px -177px;
}

.b_head .b_searchBox .formBox .btn {
    width: 70px;
    background: #f50;
    color: #fff;
    text-align: center;
    line-height: 38px;
    height: 38px;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
}

.b_head .b_searchBox .searchTxt {
    padding: 4px 0;
}

.b_head .b_searchBox .searchTxt.hide {
    display: none;
}

.b_head .b_searchBox .searchTxt a {
    font-size: 12px;
    color: #8C8C8C;
    margin-right: 10px;
}

.b_head .b_searchBox .searchTxt a.colorF50 {
    color: #f50;
}

.b_head .cartBox {
    height: 38px;
    border: 2px solid #fa5f05;
    width: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #fff;
    margin-top: 48px;
}

.b_head .cartBox {
    position: relative;
    margin-left: auto;
}

.b_head .ydright {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 38px;
    margin-top: 13px;
    background: url(https://g1.17qcc.com/2021/homeImg/qccIcon_1.png);
    width: 160px;
    height: 100px;
}

.b_head .ydright {
    background: url(https://g1.17qcc.com/2021/homeImg/qccIcon_1.gif);
    background-size: 160px;
}

.b_head .search {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    margin-left: 0;
    height: auto;
}

.b_head .search {
    width: 630px;
}

.b_head .search-bd .search-triggers {
    height: 24px;
    display: flex;
}

.b_head .search-bd .search-triggers li {
    text-align: center;
    float: left;
    width: 60px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    border-radius: 2px 2px 0 0;
    background-color: #FFE9DE;
    color: #f50;
    margin-right: 4px;
}

.b_head .search-bd .search-triggers li:first-child {
    border-radius: 6px 0 0 0;
}

.b_head .search-bd .search-triggers .active {
    background-color: #F50;
    color: #fff;
    font-size: 12px;
}

.b_head .search-bd .search-panel {
    position: relative;
    display: flex;
    align-items: center;
    height: 38px;
    border: 2px solid #f50;
    border-radius: 0 6px 6px 6px;
}

.b_head .search-bd .search-panel .search-input {
    text-indent: 16px;
    height: 36px;
    line-height: 36px;
    border: 0;
    background: #FFF;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 40px 0 16px;
    padding: 0;
    width: auto;
}

.b_head .search-bd .search-panel i {
    width: 10px;
    height: 12px;
    top: 14px;
    left: 14px;
    position: absolute;
}

.b_head .search-bd .search-panel .btn-search {
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    background-color: #F50;
    cursor: pointer;
    height: 100%;
    border: 0;
    width: 70px;
}

.b_head .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;
}

.b_head .search-bd .search-panel input#imgfile {
    position: absolute;
    right: 69px;
    width: 40px;
    height: 38px;
    top: 0;
    opacity: 0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
    font-size: 0;
}

.b_head .search-bd .search-panel i.search-icon {
    position: absolute;
    right: 82px;
    top: 11px;
    background: url(https://g1.17qcc.com/2018/product/images/photo-icon.png);
    display: block;
    width: 18px;
    height: 16px;
    left: auto;
}

.b_head .search-ft {
    position: static;
    bottom: auto;
    left: auto;
    padding: 4px 0;
}

.b_head .search-ft a {
    margin-right: 5px;
    color: #8C8C8C;
}

.b_head .search-ft a:last-child {
    margin-right: 0;
}

.b_head .search-ft a.active {
    color: #f50;
}

.b_head .search-ft a:hover {
    color: #f50;
}

.b_head .search-bd .search-triggers .phtoso {
    text-align: center;
    float: left;
    width: 60px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    border-radius: 2px 2px 0 0;
    background-color: #FFE9DE;
    color: #f50;
    margin-right: 4px;
}

.b_head .search-bd .search-triggers .phtoso a {
    display: block;
    color: #f50;
}

.b_head .search-bd .search-triggers .phtoso a:hover {
    background-color: #f50;
    color: #fff;
}

.b_head .search-bd .search-triggers .selectUrl {
    text-align: center;
    float: left;
    width: 60px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    border-radius: 2px 2px 0 0;
    background-color: #FFE9DE;
    color: #f50;
    margin-right: 4px;
}

.b_head .search-bd .search-triggers .selectUrl a {
    display: block;
    color: #f50;
}

.b_head .search-bd .search-triggers .selectUrl a:hover {
    background-color: #f50;
    color: #fff;
}

.b_head .search-bd .search-panel .search-icon {
    position: absolute;
    right: 82px;
    top: 9px;
    display: block;
    left: auto;
    margin-right: 0;
    color: #999;
}

.b_head .search-bd .search-panel .seapIcon {
    top: 11px;
    left: 14px;
    position: absolute;
    font-size: 14px;
    color: #333;
}

.b_head .search-bd .search-panel .unfilespan {
    position: absolute;
    width: 30px;
    height: 38px;
    top: 0;
    opacity: 1;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 2121;
    z-index: 15615615;
    background: transparent;
    display: block;
    z-index: 20;
}

.b_head .search-bd .search-panel .unfilespan {
    right: 71px;
}

.uploadimgfile {
    display: none;
}

.uploadimgfile .qcc-uploader {
    position: absolute;
    width: 30px;
    height: 40px;
    top: 0;
    z-index: 66;
    left: auto;
    z-index: 18;
}

.uploadimgfile .qcc-uploader {
    right: 71px;
}

.uploadimgfile .webPicPicker {
    width: 30px!important;
    height: 40px!important;
    margin: 0;
    font-size: 0;
    opacity: 0;
}

.uploadimgfile .webuploader-pick {
    height: 40px;
}

.uploadimgfile .qcc-uploader .uploader-list {
    display: none;
}

.b_head .cartBox .cartIcon {
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 5px;
    background-position: -238px -178px;
}

.b_head .cartBox .cartIcon {
    margin-right: 15px;
    color: #f50;
    background: 0;
}

.b_head .cartBox span {
    position: relative;
    font-size: 12px;
    color: #333;
}

.b_head .cartBox .num {
    display: block;
    font-size: 12px;
    color: #fff;
    padding: 0 4px;
    line-height: 15px;
    height: 16px;
    border-radius: 4px;
    background: #f50;
    margin-left: 5px;
    position: relative;
    top: -4px;
}

.b_head .cartBox .num {
    position: absolute;
    top: 2px;
    left: 32px;
}

.b_head .inNav {
    display: flex;
    margin-top: auto;
}

.b_head .inNav .tabName {
    width: 240px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding-left: 20px;
    background-color: #f50;
}

.b_head .item {
    display: flex;
    height: 40px;
}

.b_head .item a {
    font-size: 14px;
    color: #333;
    padding: 0 7px;
    line-height: 40px;
    height: 40px;
    display: block;
    border-radius: 6px 6px 0 0;
    position: relative;
    transition: all .2s;
}

.b_head .item a.on,.b_head .item a:hover {
    font-weight: bold;
    background: #F5F5F5;
}

.b_head .item li {
    position: relative;
}

.b_head .item .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;
}

.b_head .item .balenum2.bbg2 i {
    background: linear-gradient(45deg,#7600ff,#ff5dff);
}

.b_head .item 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,#ff2121,#ff8124);
    padding: 7px 6px;
    border-radius: 10px 10px 10px 0;
    color: #FFF;
    font-style: normal;
}

.b_head .item i.balenew2 {
    font-size: 14px;
    display: block;
    position: absolute;
    z-index: 4;
    top: -8px;
    right: -17px;
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    font-weight: 700;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",SimSun,Arial,sans-serif;
    background: linear-gradient(45deg,#ff2121,#ff8124);
    float: right;
    line-height: normal;
    padding: 2px 7px;
    border-radius: 10px 10px 10px 0;
    color: #FFF;
}

.b_head .item a::after {
    content: '';
    position: absolute;
    display: block;
    background: transparent;
    height: 2px;
    left: 8px;
    right: 8px;
    bottom: 0;
    transition: all .2s;
}

.b_head .item a.on::after,.b_head .item a:hover::after {
    content: '';
    position: absolute;
    display: block;
    background: #f50;
    height: 2px;
    left: 8px;
    right: 8px;
    bottom: 0;
}

.b_head .inNav dl {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.b_head .inNav dl a {
    margin-left: 20px;
    font-size: 12px;
}

.footer-main {
    margin-top: 0;
    border-top: 0;
    background: 0;
}

.q_footMain {
    background: linear-gradient(180deg,#f5f5f5 0,#fefefe 100%);
    padding-top: 20px;
    padding-bottom: 30px;
}

.q_footMain .logohd {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
}

.q_footMain .logohd .line {
    display: flex;
    flex: 1;
    height: 2px;
    background-color: #f50;
}

.q_footMain .logohd .lg {
    margin: 0 40px;
    background: url(https://g1.17qcc.com/2021/homeImg/b-qccIcon.png) no-repeat;
    background-position: -554px -17px;
    width: 73px;
    height: 71px;
    margin-top: -10px;
}

.q_footMain .ct {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    height: 20px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    letter-spacing: 3px;
}

.q_footMain .logohd .lgIcon {
    margin: 0 40px;
    margin-top: -10px;
    font-size: 70px;
}

.q_footMain .navCon {
    margin: 30px auto 20px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.q_footMain .hav {
    float: left;
    width: 171px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.q_footMain .hav .tit {
    color: #333;
    font-size: 14px;
    user-select: none;
    font-weight: bold;
}

.q_footMain .hav ul {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.q_footMain .hav li {
    display: flex;
    height: 20px;
    align-items: center;
}

.q_footMain .hav li a {
    display: block;
    color: #666;
}

.q_footMain .hav li a:hover {
    color: #f50;
}

.q_footMain .copy {
    color: #bbb;
    text-align: center;
}

.q_footMain .links {
    display: flex;
    height: 20px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
}

.q_footMain .links .lines {
    border-bottom: 1px dashed #bbb;
    width: 190px;
}

.q_footMain .links .link-cons {
    margin: 0 30px;
}

.q_footMain .links .link-cons a {
    padding: 0 6px;
    color: #666;
}

.q_footMain .links .link-cons a:hover {
    color: #f50;
}

.homePage {
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
}

.homePage .page-1 {
    margin-bottom: 10px;
    display: flex;
}

.homePage .navItem {
    width: 240px;
    min-width: 240px;
    background: #fff;
    position: relative;
    margin-right: 10px;
    z-index: 120;
}

.homePage .navItem .inItems {
    display: flex;
    flex-direction: column;
}

.homePage .navItem .inItems li {
    border: 1px solid transparent;
    border-right: 0;
    height: 80px;
    border-top: 1px solid #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 0 20px;
}

.homePage .navItem .inItems .name {
    margin-right: 20px;
}

.homePage .navItem .inItems .name h2 {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    position: relative;
}

.homePage .navItem .inItems .name h2 span {
    position: absolute;
    top: -10px;
    right: -10px;
    overflow: hidden;
    display: block;
    width: 25px;
    height: 17px;
    background-image: url(https://g1.17qcc.com/2018/home/balenum_icon2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.homePage .navItem .inItems .name h2 .balenum2 {
    display: block;
    position: absolute;
    z-index: 4;
    top: -8px;
    right: -29px;
    color: #fff;
    line-height: 12px;
    transition: top .5s ease;
    width: 25px;
    height: 17px;
    background: 0;
    overflow: visible;
}

.homePage .navItem .inItems .name h2 .balenum2 i {
    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;
    transform: scale(0.7);
    font-weight: 700;
    float: right;
    padding: 7px 6px;
    border-radius: 10px 10px 10px 0;
    background: linear-gradient(45deg,#7600ff,#ff5dff);
    color: #FFF;
    font-style: normal;
}

.homePage .navItem .inItems .inRight {
    flex: 1;
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}

.homePage .navItem .inItems .items {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.homePage .navItem .inItems .items a {
    margin-right: 15px;
}

.homePage .navItem .inItems .items a {
    color: #666;
    line-height: 25px;
}

.homePage .navItem .inItems .items a:hover {
    color: #f50;
}

.homePage .navItem .inItems .items a.colorF50 {
    color: #f50;
}

.homePage .navItem .inItems .nextTran {
    display: none;
}

.homePage .navItem .inItems .nextIcon {
    background-image: url(https://g1.17qcc.com/2018/home/sprites.png);
    background-repeat: no-repeat;
    width: 6px;
    height: 10px;
    background-position: 0 -97px;
    margin-right: 10px;
}

.homePage .navItem .inItems .nextIcon {
    display: inline-block;
    background: 0;
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    color: #666;
}

.homePage .navItem .inItems li.hasBox:hover {
    border: 1px solid #f50;
    border-right: 0;
}

.homePage .navItem .inItems li.hasBox:hover .inRight {
    background: #fff;
    z-index: 20;
}

.homePage .navItem .inItems li.hasBox:hover .nextTran {
    background-image: url(https://g1.17qcc.com/2018/home/sprites.png);
    background-repeat: no-repeat;
    width: 6px;
    height: 10px;
    background-position: -22px -97px;
    transform: rotate(180deg);
}

.homePage .navItem .inItems li.hasBox:hover .nextTran {
    background: 0;
    transform: rotate(270deg)!important;
    width: 20px;
    height: 20px;
    color: #f50;
}

.homePage .navItem .cate-open {
    position: absolute;
    left: 235px;
    padding-left: 4px;
    top: 0;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-20px);
}

.homePage .navItem li:hover .cate-open {
    pointer-events: auto;
    opacity: 1;
    transform: translateX(0px);
    transition: transform .2s ease-in-out,opacity .5s ease-in-out;
}

.homePage .navItem .cate-open .product,.homePage .navItem .cate-open .market {
    background: #fff;
    border: 1px solid #f50;
    box-sizing: border-box;
    height: 492px;
    width: 711px;
}

.homePage .navItem .cate-open .product {
    padding: 20px 28px 28px;
    display: flex;
}

.homePage .navItem .product dl {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}

.homePage .navItem .product dt {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #bbb;
}

.homePage .navItem .product dt a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    transition: all .2s;
}

.homePage .navItem .product dt a:hover {
    color: #f50;
}

.homePage .navItem .product .imgCtn {
    width: 246px;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    margin-left: 20px;
}

.homePage .navItem .product .imgCtn h4 {
    color: #333;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin: 15px 0 5px 0;
    font-size: 14px;
    clear: both;
    width: 100%;
}

.homePage .navItem .product .imgCtn .fb {
    font-size: 14px;
    color: #bbb;
    height: 16px;
    line-height: 16px;
    text-align: center;
    display: flex;
    margin-bottom: 9px;
    flex: 1;
    justify-content: center;
}

.homePage .navItem .product .imgCtn .proa {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.homePage .navItem .product .imgCtn img {
    width: 113px;
    height: 113px;
    margin-top: 27px;
}

.homePage .navItem .product .imgCtn a {
    width: 110px;
    height: 110px;
    float: left;
    margin-bottom: 26px;
    background-size: 100% 100%;
}

.homePage .navItem .product .imgCtn a:hover {
    opacity: .8;
}

.homePage .navItem .product dd {
    display: flex;
    line-height: 28px;
    flex-wrap: wrap;
    font-size: 12px;
    color: #666;
}

.homePage .navItem .product dd a {
    margin-right: 13px;
}

.homePage .navItem .product dd a.colorF50 {
    color: #f50;
}

.homePage .navItem .product dl .imgItem {
    display: flex;
    justify-content: space-between;
}

.homePage .navItem .product dl .imgItem a {
    width: 184px;
    height: 110px;
    display: inline-block;
    background-size: 100% 100%;
}

.homePage .navItem .product dl .imgItem img {
    width: 183px;
    height: 113px;
}

.homePage .navItem .cate-open .market {
    padding: 0 14px 0 16px;
    display: flex;
    flex-direction: column;
}

.homePage .navItem .cate-open .inHead {
    height: 78px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E5E5E5;
}

.homePage .navItem .cate-open .inHead .moreBtn:hover {
    color: #f50;
}

.homePage .navItem .cate-open .inHead .moreBtn .nextIcon {
    margin-left: 7px;
}

.homePage .navItem .cate-open .inHead .moreBtn:hover .nextIcon {
    background-position: -22px -97px;
}

.homePage .navItem .cate-open .inHead .item {
    font-size: 12px;
    color: #666;
}

.homePage .navItem .cate-open .inHead .item a {
    margin-left: 24px;
    color: #666;
    transition: all .2s;
}

.homePage .navItem .cate-open .inHead .item a:hover {
    color: #f50;
}

.homePage .navItem .cate-open .inBody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 16px;
}

.homePage .navItem .cate-open .inBody .item {
    display: flex;
    align-items: center;
    width: 330px;
    box-sizing: border-box;
    padding: 15px 20px 14px;
    transition: all .2s;
}

.homePage .navItem .cate-open .inBody img {
    width: 92px;
    min-width: 92px;
    height: 92px;
    margin-right: 20px;
}

.homePage .navItem .cate-open .inBody .ctnBox {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
}

.homePage .navItem .cate-open .inBody h2 {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-bottom: 2px;
    font-weight: normal;
}

.homePage .navItem .cate-open .inBody .child {
    display: flex;
    flex-direction: column;
    flex-direction: column;
}

.homePage .navItem .cate-open .inBody .skuBox {
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
}

.homePage .navItem .cate-open .inBody .labelBox {
    display: flex;
    margin-top: 2px;
}

.homePage .navItem .cate-open .inBody .labelBox span {
    background: rgba(255,85,0,.1);
    color: #f50;
    font-size: 12px;
    height: 18px;
    line-height: 17px;
    margin-right: 8px;
    padding: 0 12px;
    white-space: nowrap;
}

.homePage .navItem .cate-open .inBody .item:hover {
    box-shadow: 0 0 12px rgba(0,0,0,0.16);
    border-radius: 4px;
}

.homePage .navItem .cate-open .inBodys {
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
    margin-left: -16px;
}

.homePage .navItem .cate-open .inBodys .item {
    display: flex;
    align-items: center;
    width: 157px;
    box-sizing: border-box;
    transition: all .2s;
    flex-direction: column;
    margin-left: 16px;
}

.homePage .navItem .cate-open .inBodys .pic {
    display: block;
    width: 157px;
    height: 94px;
    overflow: hidden;
}

.homePage .navItem .cate-open .inBodys img {
    width: 157px;
    min-width: 157px;
    height: 94px;
}

.homePage .navItem .cate-open .inBodys .ctnBox {
    display: flex;
    height: 100%;
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 1px;
    align-items: center;
    justify-content: space-around;
}

.homePage .navItem .cate-open .inBodys h2 {
    color: #333;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 2px;
    font-weight: normal;
    display: flex;
    flex: 1;
}

.homePage .navItem .cate-open .inBodys h2 span {
    color: #333;
    flex: 1;
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.homePage .navItem .cate-open .inBodys h2 em {
    color: #666;
    transform: scale(.85);
    min-width: 98px;
    white-space: nowrap;
}

.homePage .navItem .cate-open .inBodys .item:hover .pic img {
    transform: translateY(2px) scale(1.1);
}

.homePage .navItem .cate-open .inBodys .child {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

.homePage .navItem .cate-open .inBodys .labelBox {
    display: flex;
    align-items: center;
    width: 95px;
    overflow: hidden;
}

.homePage .navItem .cate-open .inBodys .labelBox span {
    background: rgba(255,85,0,.1);
    color: #f50;
    font-size: 12px;
    height: 18px;
    line-height: 17px;
    margin-left: 3px;
    padding: 0 4px;
    white-space: nowrap;
    min-width: 36px;
    text-align: center;
}

.homePage .navItem .cate-open .market .imgItem {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.homePage .navItem .cate-open .market .imgItem a {
    width: 330px;
    height: 94px;
    display: inline-block;
    background-size: 100% 100%;
}

.homeContentBox {
    width: 700px;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.homeContentBox .b_bannerBox {
    position: relative;
    height: 300px;
    width: 100%;
    overflow: hidden;
}

.homeContentBox .b_bannerBox .bd {
    height: 300px;
    position: relative;
}

.homeContentBox .b_bannerBox .bd ul {
    position: relative;
    display: flex;
}

.homeContentBox .b_bannerBox .bd li {
    width: 700px;
    min-width: 700px;
}

.homeContentBox .b_bannerBox .bd a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 300px;
}

.homeContentBox .b_bannerBox .bd a img {
    max-width: 100%;
    max-height: 300px;
}

.homeContentBox .b_bannerBox .pre,.page-product .swiperTab .pre,.homeContentBox .b_bannerBox .next,.page-product .swiperTab .next {
    z-index: 20;
    width: 24px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scaleY(10px);
    transition: all .2s;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    cursor: pointer;
    background-color: rgba(0,0,0,.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000',endColorstr='#4d000000',GradientType=0);
}

.page-product .swiperTab .next,.homeContentBox .b_bannerBox .next {
    right: 0;
}

.homeContentBox .b_bannerBox:hover .pre,.page-product .swiperTab:hover .pre,.homeContentBox .b_bannerBox:hover .next,.page-product .swiperTab:hover .next {
    display: flex;
    opacity: .5;
    pointer-events: all;
    transform: scaleY(0px);
}

.homeContentBox .b_bannerBox:hover .pre:hover,.page-product .swiperTab:hover .pre:hover,.homeContentBox .b_bannerBox:hover .next:hover,.page-product .swiperTab:hover .next:hover {
    opacity: 1;
}

.page-product .swiperTab i,.homeContentBox .b_bannerBox i {
    font-size: 14px;
    color: #fff;
    font-family: '黑体';
    font-style: normal;
}

.homeContentBox .b_bannerBox .hd {
    height: 0;
    position: relative;
    z-index: 10;
    top: -34px;
    text-align: center;
}

.homeContentBox .b_bannerBox .hd {
    display: flex;
    align-items: center;
    top: -14px;
}

.homeContentBox .b_bannerBox .hd a {
    height: 26px;
    margin-left: 1px;
    cursor: pointer;
    background-color: rgba(0,0,0,0.5);
    color: #F2F2F2;
    font-size: 14px;
    text-align: center;
    border-top: 2px solid transparent;
    overflow: hidden;
    display: inline-flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.homeContentBox .b_bannerBox .hd a:first-child {
    margin-left: 0;
}

.homeContentBox .b_bannerBox .hd a:hover {
    background-color: #fff;
    color: #f50;
    border-top: 2px solid #F50;
}

.homeContentBox .b_bannerBox .hd a.active {
    background-color: #fff;
    color: #f50;
    border-top: 2px solid #F50;
}

.homeContentBox .b-sbanner {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
}

.homeContentBox .b-sbanner img {
    width: 345px;
    height: 173px;
}

.serviceBox {
    width: 240px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.serviceBox .userBox {
    background: #fff;
    padding: 0 13px 0 15px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.serviceBox .loginBox {
    padding: 12px 0 10px 0;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    min-height: 46px;
}

.serviceBox .loginBox .userImg {
    width: 46px;
    height: 46px;
    margin-right: 12px;
    background: #f0f0f0;
    border-radius: 6px;
}

.serviceBox .loginBox .userImg span img {
    width: 46px;
    height: 46px;
}

.serviceBox .loginBox .userImg .userIcon {
    display: block;
    height: 46px;
    background-position: -27px -226px;
}

.serviceBox .loginBox .userImg .userIcon {
    display: block;
    height: 46px;
    background-position: inherit;
    font-size: 42px;
    margin: 0 auto;
    background: 0;
}

.serviceBox .userCtn {
    display: flex;
    flex-direction: column;
}

.serviceBox .loginBox h2.txt {
    font-size: 14px;
    color: #666;
    font-weight: normal;
    line-height: 1em;
}

.serviceBox .loginBox .userLogin {
    margin-top: auto;
    display: flex;
    align-items: center;
}

.serviceBox .loginBox .userLogin a {
    color: #f50;
    font-size: 12px;
    margin-left: 10px;
}

.serviceBox .loginBox .userLogin a:first-of-type {
    margin-left: 0;
}

.serviceBox .loginBox .userLogin a.loginBtn {
    font-size: 12px;
    color: #fff;
    height: 24px;
    line-height: 24px;
    padding: 0 28px;
    border-radius: 4px;
    background: #f50;
    margin-right: 14px;
}

.serviceBox .noticeBox {
    display: flex;
    align-items: center;
    height: 30px;
    margin: 5px 0;
    overflow: hidden;
}

.serviceBox .noticeBox .txtIcon {
    border-radius: 2px;
    background: rgba(255,85,0,.1);
    line-height: 16px;
    width: 36px;
    text-align: center;
    color: #f50;
    margin-right: 10px;
    min-width: 36px;
}

.serviceBox .noticeBox .inItem {
    height: 30px;
    flex: 1;
}

.serviceBox .noticeBox .inItem a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #333;
    height: 30px;
}

.serviceBox .noticeBox .inItem a p {
    margin-right: 10px;
    color: #333;
    line-height: 1.2em;
}

.serviceBox .noticeBox .inItem a p:hover {
    color: #f50;
}

.serviceBox .noticeBox .inItem a .nextIcon {
    margin-right: 0;
}

.serviceBox .noticeBox .inItem a:hover {
    color: #f50;
}

.serviceBox .noticeBox .inItem a:hover .nextIcon {
    background-position: -22px -97px;
}

.serviceBox .rankBox {
    margin-top: auto;
    flex: 1;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.serviceBox .rankBox .topBorder {
    height: 2px;
    background: linear-gradient(90deg,#FD2 0,#F50 100%);
    opacity: 1;
    border-radius: 0;
}

.serviceBox .rankBox .inHead {
    font-size: 14px;
    color: #FA5F05;
    height: 42px;
    line-height: 42px;
    padding: 0 14px;
}

.serviceBox .scrollBox {
    margin: 0 6px 12px 6px;
    flex: 1;
    overflow-y: scroll;
    max-height: 312px;
}

.serviceBox .scrollBox::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px;
}

.serviceBox .scrollBox::-webkit-scrollbar-thumb {
    border-radius: 6px;
    width: 4px;
    height: 6px;
    background-color: #D8D8D8;
}

.serviceBox .scrollBox ul {
    padding-left: 5px;
}

.serviceBox .scrollBox li {
    transition: all .2s;
}

.serviceBox .scrollBox li.active,.serviceBox .scrollBox li:hover {
    background: #FFF9EF;
}

.serviceBox .scrollBox li .sbd {
    display: none;
}

.serviceBox .scrollBox li.active .sbd,.serviceBox .scrollBox li:hover .sbd {
    display: flex;
}

.serviceBox .scrollBox .shd {
    height: 22px;
    display: flex;
    align-items: center;
    padding: 0 8px 5px 5px;
}

.serviceBox .scrollBox .icon {
    width: 15px;
    min-width: 15px;
    height: 18px;
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
    text-align: center;
    background: url(https://g1.17qcc.com/2018/home/homerage.png) no-repeat;
    background-position: -23px -78px;
    color: #666;
}

.serviceBox .scrollBox .icon {
    width: 20px;
    background-position: -20px -78px;
}

.serviceBox .scrollBox .icon-1 {
    background-position: -23px 0;
}

.serviceBox .scrollBox .icon-2 {
    background-position: -23px -25px;
}

.serviceBox .scrollBox .icon-3 {
    background-position: -23px -51px;
}

.serviceBox .scrollBox .shd a {
    font-size: 12px;
    color: #262626;
    flex: 1;
    transition: all .2s;
}

.serviceBox .scrollBox li:hover a {
    color: #f50;
}

.serviceBox .scrollBox .shd .yearIcon {
    margin-left: auto;
    font-size: 12px;
    color: #f50;
    width: 36px;
    line-height: 16px;
    text-align: center;
    background: rgba(255,85,1,0.1);
    border-radius: 2px;
}

.serviceBox .scrollBox .sbd {
    padding: 0 0 6px 7px;
}

.serviceBox .scrollBox .sbd a {
    width: 40px;
    height: 40px;
    margin-left: 13px;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.serviceBox .scrollBox .sbd a:hover {
    border: 1px solid #f50;
    transition: all .2s;
}

.serviceBox .scrollBox .sbd a:first-of-type {
    margin-left: 0;
}

.serviceBox .scrollBox .sbd a img {
    width: 100%;
    height: 100%;
    transition: all .2s;
}

.videoPage {
    display: flex;
    margin-bottom: 10px;
}

.videoPage .videoBox {
    width: 734px;
    background: #fff;
}

.videoPage .inHead {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    height: 60px;
    padding: 0 14px;
}

.videoPage .inHead .txt {
    font-size: 22px;
    color: #262626;
    font-weight: bold;
}

.videoPage .inHead .item {
    margin-left: auto;
    display: flex;
}

.videoPage .inHead .item a {
    margin-left: 10px;
    font-size: 12px;
    line-height: 24px;
    color: #262626;
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 0 15px;
    transition: all .2s;
}

.videoPage .inHead .item a.active,.videoPage .inHead .item a:hover {
    background: #f50;
    border: 1px solid #f50;
    color: #fff;
}

.videoPage .inBody {
    padding: 15px 0;
    display: flex;
}

.videoPage .inBody .inVideo {
    position: relative;
    width: 100%;
}

.videoPage .inBody .inVideo video {
    width: 100%;
    height: 410px;
    background: #000;
}

.videoPage .inBody .inVideo .playBtn {
    width: 68px;
    height: 68px;
    background: url(https://g1.17qcc.com/2018/shop/images/video.png) no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: -34px;
    cursor: pointer;
    z-index: 20;
}

.videoPage .inBody .qybtn {
    position: absolute;
    right: 12px;
    top: 126px;
    width: 34px;
    height: 23px;
    cursor: pointer;
    z-index: 20;
    background: url(https://g1.17qcc.com/2018/home/qyOff.png) top center no-repeat;
}

.videoPage .inBody .qybtn.off {
    background: url(https://g1.17qcc.com/2018/home/qyOff.png) top center no-repeat;
}

.videoPage .inBody .qybtn.on {
    background: url(https://g1.17qcc.com/2018/home/qyOn.png) top center no-repeat;
}

.videoPage .inBody .qyBox {
    position: absolute;
    top: 62px;
    right: 0;
    user-select: none;
    pointer-events: none;
    left: 0;
    bottom: 24px;
}

.videoPage .inBody .qyBox .s {
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    padding: 0 12px 0 34px;
    border: 1px solid rgba(0,0,0,0.06);
    background: rgba(0,0,0,0.5);
    min-width: 100px;
    width: fit-content;
    white-space: nowrap;
}

.videoPage .videoItem {
    margin-left: auto;
    background: #fff;
    width: 455px;
}

.videoPage .videoItem .inBody {
    padding: 15px 0 0 23px;
}

.videoPage .videoItem ul {
    display: flex;
    flex-wrap: wrap;
    height: 410px;
}

.videoPage .videoItem li {
    width: 198px;
    height: 198px;
    margin-bottom: 14px;
    margin-left: 14px;
}

.videoPage .videoItem li:nth-of-type(2n-1) {
    margin-left: 0;
}

.videoPage .videoItem li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.videoPage .videoItem .pic {
    width: 100%;
    height: 100%;
}

.videoPage .videoItem .reBox {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.videoPage .videoItem .reBox .s {
    padding: 0 6px;
    color: #fff;
    float: left;
}

.videoPage .videoItem .reBox .s {
    background: linear-gradient(145deg,rgba(0,175,255,1) 0,rgba(255,92,201,1) 144%);
}

.videoPage .videoItem .reBox em {
    float: left;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    border-radius: 0 100px 100px 0;
    padding: 0 7px;
}

.videoPage .videoItem .hitBox {
    position: absolute;
    height: 66px;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    background: linear-gradient(180deg,rgb(0 0 0 / 0) 0,rgb(0 0 0 / 60%) 100%);
}

.videoPage .videoItem .hitBox img {
    margin-left: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 5px;
}

.videoPage .videoItem .hitBox h2 {
    font-size: 16px;
    color: #fff;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

.videoPage .videoItem .hitBox p {
    font-size: 12px;
    color: #fff;
}

.tjCom {
    margin: 50px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.tjCom span {
    font-size: 12px;
    color: #666;
    line-height: 24px;
    align-self: start;
}

.tjCom a {
    transition: all .2s;
    color: #666;
    line-height: 24px;
    border-radius: 12px;
    background: #fff;
    padding: 0 12px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.tjCom a:hover {
    background: #f50;
    color: #fff;
}

.page-product {
    background: #fff;
    margin-bottom: 10px;
}

.page-product .flashIcon {
    width: 24px;
    height: 24px;
    margin-right: 0;
}

.page-product .facIcon {
    width: 24px;
    height: 24px;
    margin-right: 0;
    color: #fcbe38;
}

.page-product .cloudIcon {
    color: #bdc5cf;
}

.page-product .lmIcon {
    width: 24px;
    height: 24px;
    background-position: -208px -236px;
}

.page-product .inHead {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    height: 60px;
    padding: 0 14px;
}

.page-product .swiperTab ul {
    width: 1200px;
    display: flex!important;
}

.page-product .swiperTab {
    position: relative;
    overflow: hidden;
}

.page-product .swiperTab .bd {
    position: relative;
    display: flex;
    z-index: 2;
}

.page-product .inHead .name {
    font-size: 22px;
    color: #262626;
    font-weight: bold;
    margin-right: 74px;
    white-space: nowrap;
}

.page-product .pt-lt-con {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 10px;
    flex: 1;
}

.page-product .pt-lt-con em {
    cursor: pointer;
    font-size: 12px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    border: 1px solid #d2d2d2;
    margin-left: 8px;
    border-radius: 50%;
    background-color: #dbdbdb;
    transition: all .2s;
}

.page-product .pt-lt-con .active {
    background: #f50;
    border: 1px solid #f50;
}

.page-product .inHead .moreBox {
    border: 1px solid #E5E5E5;
    border-radius: 14px;
    margin-left: auto;
    background: #fff;
    height: 28px;
    position: relative;
    box-sizing: border-box;
    z-index: 10;
}

.page-product .inHead .moreBox dt,.page-product .inHead .moreBox dd {
    width: 80px;
}

.page-product .inHead .moreBox dt {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 26px;
    box-sizing: border-box;
}

.page-product .inHead .moreBox dd {
    border: 1px solid #f50;
    position: absolute;
    top: -1px;
    border-radius: 14px;
    background: #fff;
    padding-bottom: 4px;
    opacity: 0;
    height: 28px;
    pointer-events: none;
    left: -1px;
}

.page-product .inHead .moreBox dd p,.page-product .inHead .moreBox dd a {
    line-height: 26px;
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer;
    transition: all .2s;
    display: flex;
    align-items: center;
}

.page-product .inHead .moreBox dd p:hover {
    color: #f50;
}

.page-product .inHead .moreBox:hover {
    border: 1px solid transparent;
}

.page-product .inHead .moreBox:hover dd {
    height: auto;
    opacity: 1;
    pointer-events: auto;
    transition: all .2s;
}

.page-product .inHead .moreBox .fsIcon {
    margin-left: auto;
    transform: rotate(90deg);
    color: #BFBFBF;
    transition: all .2s;
}

.page-product .inHead .moreBox:hover dd .fsIcon {
    color: #f50;
    transform: rotate(270deg);
}

.page-product .opacity {
    opacity: 0;
}

.page-product .hd {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 10px;
}

.page-product .hd a {
    font-size: 14px;
    color: #666;
    margin-left: 30px;
    transition: color .2s;
    height: 58px;
    border-bottom: 2px solid transparent;
    line-height: 60px;
}

.powercon .hd {
    margin-right: 0;
    padding-right: 10px;
}

.powercon .hd a {
    position: relative;
}

.powercon .hd a::after {
    content: '';
    width: 40px;
    height: 20px;
    background: url(https://g1.17qcc.com/2018/fastgoods/ycimage/oritag.gif) top center no-repeat;
    position: absolute;
    top: 3px;
    right: -10px;
    background-size: 34px auto;
    display: none;
}

.powercon .hd .aftori::after {
    display: block;
}

.page-product .hd a:first-of-type {
    margin-left: 0;
}

.page-product .hd a.active,.page-product .hd a:hover {
    color: #f50;
    border-bottom: 2px solid #f50;
}

.page-product .bd {
    min-height: 322px;
}

.page-product .bd ul {
    display: flex;
    flex-wrap: wrap;
}

.page-product .bd.floor-tab-con ul {
    display: none;
}

.page-product .bd.floor-tab-con ul.active {
    display: flex;
}

.page-product .hd a.btnTab {
    display: flex;
    align-items: center;
    border: 1px solid #E5E5E5;
    padding: 0 12px;
    height: 28px;
    border-radius: 14px;
    box-sizing: border-box;
}

.page-product .hd a.btnTab span {
    font-size: 14px;
    color: #333;
    margin-right: 6px;
}

.page-product .hd a.btnTab .videoIcon {
    width: 24px;
    height: 24px;
    background-position: -228px -294px;
}

.page-product .hd a.btnTab .videoIcons {
    width: 24px;
    height: 24px;
    color: #333;
}

.page-product .hd a.btnTab.active span,.page-product .hd a.btnTab:hover span {
    color: #fff;
}

.page-product .hd a.btnTab.active,.page-product .hd a.btnTab:hover {
    border: 0;
    padding: 0 13px;
    background: linear-gradient(90deg,#A19FFF 0,#4841FF 100%);
}

.page-product .hd a.btnTab.active .videoIcon,.page-product .hd a.btnTab:hover .videoIcon {
    background-position: -282px -294px;
    transition: all .12s;
}

.page-product .hd a.btnTab.active .videoIcons,.page-product .hd a.btnTab:hover .videoIcons {
    color: #fff;
}

.page-product .bd li {
    width: 20%;
    min-width: 20%;
    padding: 15px 15px 14px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    z-index: 5;
}

.page-product .bd li:nth-of-type(5n+1) {
    border-left: none;
}

.page-product .bd li .pic {
    width: 210px;
    height: 210px;
    position: relative;
    margin-bottom: 14px;
    transition: all .2s;
    overflow: hidden;
}

.page-product .bd li .pic .playIcon {
    width: 50px;
    height: 50px;
    display: block;
    background-position: -474px -27px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

.page-product .bd li .pic img {
    width: 100%;
    height: 100%;
}

.page-product .bd li .number {
    font-size: 12px;
    color: #333;
    line-height: 16px;
    margin-bottom: 4px;
    font-weight: normal;
}

.page-product .bd li .number {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-product .bd li .number .tagIcon {
    min-width: 40px;
    padding: 0 5px;
    height: 18px;
    display: flex;
    background: #FFF;
    border: 1px solid #5D4ED3;
    opacity: 1;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
    color: #5D4ED3;
}

.page-product .bd li .number .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.page-product .bd li .number .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.page-product .bd li .number .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.page-product .bd li .number .views {
    color: #666;
    font-weight: normal;
}

.page-product .bd li .rowtitle {
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    height: 20px;
}

.page-product .bd li .rowtitle .tagIcon {
    min-width: 50px;
    padding: 0 5px;
    height: 18px;
    display: flex;
    background: #FFF;
    border: 1px solid #5D4ED3;
    opacity: 1;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
    color: #5D4ED3;
}

.page-product .bd li .rowtitle .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.page-product .bd li .rowtitle .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.page-product .bd li .rowtitle .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.page-product .bd li .rowtitle .tagselfcang {
    background: #FA5F05;
    border: 1px solid #FA5F05;
    color: #fff;
}

.page-product .bd li .txt {
    font-size: 12px;
    color: #333;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
}

.page-product .bd li .txt:hover {
    color: #f50;
}

.page-product .bd li .pirceBox {
    
    align-items: center;
    height: 24px;
    margin-bottom: 6px;
}

.page-product .bd li .pirceBox .b_qccIcon {
    margin-left: auto;
}

.page-product .bd li .pirceBox i {
    color: #f50;
    font-size: 14px;
    margin-right: 4px;
    font-style: normal;
    align-self: flex-end;
}

.page-product .bd li .pirceBox .money {
    color: #f50;
    font-size: 18px;
    font-weight: bold;
}

.page-product .bd li .pirceBox del {
    color: #999;
    margin-left: 3px;
    height: 20px;
    display: inline-flex;
    align-items: flex-end;
}

.page-product .bd li .pirceBox .vipoffs {
    margin-left: auto;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    background: #FFF5E5;
    border: 1px solid #FFE8C3;
    color: #5B2F1A;
    border-radius: 10px;
    font-size: 12px;
    font-weight: normal;
}

.page-product .bd li .pirceBox .vipons {
    color: #5B2F1A;
    font-size: 12px;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}

.page-product .bd li .pirceBox .vipons .ibox {
    height: 16px;
    width: 20px;
    position: relative;
    margin-right: 3px;
}

.page-product .bd li .pirceBox .vipons .ibox .vipoIcon {
    font-size: 42px;
    position: relative;
    top: -12px;
    left: -11px;
}

.page-product .bd li .pic:hover img {
    transform: translateY(2px) scale(1.1);
}

.page-product .bd li .pic .vipHit {
    position: absolute;
    height: 24px;
    display: flex;
    align-items: center;
    z-index: 2;
    bottom: 0;
    background: linear-gradient(270deg,#F6DCB5 0,#EABC6B 100%);
    width: 100%;
}

.page-product .bd li .pic .lmbgIcon {
    width: 50px;
    height: 28px;
    background-position: -148px -290px;
    align-self: flex-end;
}

.page-product .bd li .pic .lmbgIcon2 {
    width: 88px;
    height: 28px;
    background-position: -30px -290px;
    align-self: flex-end;
    line-height: 28px;
    font-size: 17px;
    box-sizing: border-box;
    padding-left: 36px;
    color: #f6dcb5;
    font-style: italic;
    font-weight: bold;
}

.page-product .bd li .pic .lmbgIcon2 i {
    font-size: 12px;
    font-style: normal;
    margin-left: 4px;
    font-weight: normal;
}

.page-product .bd li .pic p {
    flex: 1;
    text-align: center;
    font-size: 14px;
    color: #262626;
}

.page-product .bd li .leftips {
    top: 0;
    left: 0;
    position: absolute;
    width: 70px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    z-index: 10;
}

.page-product .powercon .bd li .leftips {
    top: 15px;
    left: 10px;
}

.page-product .bd li .leftips .oripIcon {
    height: 25px;
    margin-left: 5px;
    width: 76px;
    display: block;
    overflow: hidden;
    position: relative;
}

.page-product .bd li .leftips .oripIcon .ychIcon {
    top: -28px;
    left: -15px;
    font-size: 85px;
    position: absolute;
}

.page-product .bd li:hover {
    z-index: 100;
}

.page-product .bd .videoHit {
    width: 286px;
    height: 286px;
    position: absolute;
    left: 50%;
    top: 120px;
    margin-left: -143px;
    margin-top: -132px;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #EAEAEC;
    box-shadow: 0 4px 8px rgba(51,51,51,0.15);
    padding: 16px;
    overflow: hidden;
    transform: scale(0.84);
    opacity: 0;
    pointer-events: none;
}

.page-product .bd .videoHit {
    background: url(https://g1.17qcc.com/images/loading_s.gif) no-repeat center #fff;
}

.page-product .bd .videoHit video {
    display: none;
}

.page-product .bd li:hover .videoHit {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
    border-radius: 0;
    transition: opacity .1s,transform .2s;
}

.page-product .fghTab ul {
    width: 1200px;
    display: flex!important;
    justify-content: center;
}

.page-product .fghTab {
    position: relative;
    overflow: hidden;
}

.page-product .fghTab .bd {
    position: relative;
    display: flex;
    z-index: 2;
}

.page-product .fghTab .pre,.page-product .fghTab .next {
    z-index: 20;
    width: 24px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .2s;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    cursor: pointer;
    background-color: rgba(0,0,0,.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000',endColorstr='#4d000000',GradientType=0);
}

.page-product .fghTab .next {
    right: 0;
}

.page-product .fghTab i {
    font-size: 14px;
    color: #fff;
    font-family: '黑体';
    font-style: normal;
}

.page-product .fghTab:hover .pre,.page-product .fghTab:hover .next {
    display: flex;
    opacity: .5;
    pointer-events: all;
    transform: scaleY(0px);
}

.page-product .fghTab .pre:hover,.page-product .fghTab .next:hover {
    opacity: 1;
}

.page-product .fghbd {
    position: relative;
    display: flex;
    z-index: 2;
}

.page-product .fghbd ul {
    padding: 20px 30px;
    box-sizing: border-box;
}

.page-product .fghbd li {
    width: 210px;
    height: 310px;
    margin-left: 15px;
}

.page-product .fghbd li:first-child {
    margin-left: 0;
}

.page-product .fghbd li .photo {
    width: 210px;
    height: 310px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
}

.page-product .fghbd li .photo img {
    width: 100%;
    height: 100%;
}

.page-product .fghbd li:hover {
    box-shadow: 0 0 12px rgba(0,0,0,0.16);
    border-radius: 8px;
}

.page-product .fghbd li:hover .photo img {
    transform: scale(1.02);
}

.page-product .fghbd li .sname {
    display: flex;
    justify-content: center;
    width: 86px;
    text-align: center;
    height: 86px;
    margin: -43px auto;
    background-color: #fff;
    position: relative;
    z-index: 2;
    border-radius: 50%;
    color: #272727;
    font-size: 17px;
    font-weight: bold;
    align-content: center;
    align-items: center;
}

.page-product .fghbd li .sname em {
    margin-top: -18px;
}

.page-product .bd .videoHit .setBox {
    position: absolute;
    right: 21px;
    bottom: 21px;
    display: flex;
    flex-direction: column;
}

.page-product .bd .videoHit .setBox .goDetail {
    width: 32px;
    border-radius: 4px 4px 0 0;
    padding: 10px 0;
    line-height: 1.2em;
    background: rgba(0,0,0,0.6);
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin: 0 auto;
    transition: all .2s;
}

.page-product .bd .videoHit .setBox .goDetail:hover {
    background: rgba(0,0,0,0.7);
    color: #f50;
}

.page-product .bd .videoHit .setBox .fouctIcon,.page-product .bd .videoHit .setBox .musicSet {
    width: 32px;
    height: 32px;
    background: rgba(0,0,0,0.6);
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s;
}

.page-product .bd .videoHit .setBox .fouctIcon:hover,.page-product .bd .videoHit .setBox .musicSet:hover {
    background: rgba(0,0,0,0.7);
}

.page-product .bd .videoHit .setBox .fouctIcon .starIcon {
    background: 0;
    width: 16px;
    height: 16px;
    color: #fff;
}

.page-product .bd .videoHit .setBox .fouctIcon .starIcon.startOn {
    width: 16px;
    height: 16px;
    background: 0;
    color: #f50;
}

.page-product .bd .videoHit .setBox .fouctIcon .starIcon .svg-icon {
    font-size: 18px;
}

.page-product .bd .videoHit .setBox .musicSet {
    border-radius: 0 0 4px 4px;
}

.page-product .bd .videoHit .setBox .musicSet .musicIcon {
    background: 0;
    width: 16px;
    height: 16px;
    color: #fff;
    margin: 0 auto;
}

.page-product .bd .videoHit .setBox .musicSet.off .musicIcon {
    background: 0;
    width: 16px;
    height: 16px;
    color: #fff;
    margin: 0 auto;
}

.page-product .bd .videoHit .setBox .musicSet .musicIcon1 {
    display: block;
}

.page-product .bd .videoHit .setBox .musicSet .musicIcon2 {
    display: none;
}

.page-product .bd .videoHit .setBox .musicSet.off .musicIcon1 {
    display: none;
}

.page-product .bd .videoHit .setBox .musicSet.off .musicIcon2 {
    display: block;
}

.page-product .bd .videoHit video {
    width: 100%;
    background: rgba(255,255,255);
    height: 100%;
    max-height: 252px;
}

.page-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-banner .w100 {
    flex: 1;
}

.page-banner a {
    display: flex;
}

.page-banner img {
    width: 100%;
    height: 100px;
}

.page-banner .flex {
    margin-left: 10px;
}

.page-banner .flex:first-of-type {
    margin-left: 0;
}

#cloudAdvert a {
    display: flex;
    width: 1200px;
}

#cloudAdvert a img {
    width: 100%;
    height: 100px;
}

.goodmenadvert a {
    display: flex;
    width: 590px;
}

.goodmenadvert a img {
    width: 100%;
    height: 100px;
}

.hotsaleadvert a {
    display: flex;
    width: 590px;
}

.hotsaleadvert a img {
    width: 100%;
    height: 100px;
}

.page-product .shopItem {
    display: flex;
    flex-wrap: wrap;
    padding: 18px 0 0 2px;
    justify-content: center;
}

.page-product .shopItem li {
    margin-left: 15px;
    margin-bottom: 15px;
    width: 210px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
}

.page-product .shopItem li:nth-child(5n-4) {
    margin-left: 0;
}

.page-product .shopItem .pic {
    width: 220px;
    height: 380px;
    border-radius: 8px;
    overflow: hidden;
}

.page-product .shopItem .pic img {
    height: 380px;
    width: 100%;
    border-radius: 8px;
}

.page-product .shopItem a {
    width: 210px;
    height: 310px;
    border-radius: 8px;
    overflow: hidden;
}

.page-product .shopItem a img {
    height: 310px;
    width: 100%;
    border-radius: 8px;
}

.page-product .shopItem .shopSer {
    display: flex;
    align-items: center;
    height: 0;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: all .2s;
}

.page-product .shopItem .shopSer .inbox {
    display: flex;
    height: 38px;
    background: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.12);
    align-items: center;
    border-radius: 19px;
    padding: 0 26px;
}

.page-product .shopItem .shopSer .name {
    font-size: 14px;
    color: #333;
    margin-right: 8px;
}

.page-product .shopItem .shopSer .age {
    line-height: 16px;
    background: rgba(255,85,0,.1);
    padding: 0 4px;
    color: #f50;
}

.page-product .shopItem .shopLabel {
    display: flex;
    align-items: center;
    height: 0;
    justify-content: center;
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: translateY(20px);
}

.page-product .shopItem .shopLabel span {
    display: flex;
    height: 38px;
    background: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.12);
    align-items: center;
    border-radius: 19px;
    padding: 0 26px;
    margin: 0 5px;
    font-size: 14px;
    color: #333;
}

.page-product .shopItem li:hover {
    box-shadow: 0 0 12px rgba(0,0,0,0.16);
}

.page-product .shopItem li:hover .pic img {
    transform: scale(1.02);
    transform: all .2s;
}

.page-product .shopItem li:hover a img {
    transform: scale(1.02);
    transform: all .2s;
}

.page-product .shopItem .shopCtn {
    background: linear-gradient(180deg,#FFF 0,#E5E5E5 100%);
}

.page-product .shopItem li:hover .shopCtn {
    background: linear-gradient(180deg,#FFF 0,#F50 100%);
}

.page-product .shopItem li:hover .count p {
    color: #f50;
}

.page-product .shopItem .inTxt {
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background: #fff;
    margin: 0 1px 1px;
}

.page-product .shopItem .sellBox {
    padding: 28px 14px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-product .shopItem .sellBox p {
    text-align: center;
    font-size: 12px;
    color: #666;
}

.page-product .shopItem .count {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-product .shopItem .count .bbIcon {
    width: 16px;
    height: 16px;
    background-position: -446px -240px;
    margin-right: 5px;
}

.page-product .shopItem .count p {
    font-size: 12px;
    color: #999;
}

.page-product .shopItem .count p span {
    color: #f50;
}

.page-product p.loadbox {
    text-align: center;
    padding: 20px 0;
}

.page-product p.scrollLoadbox {
    text-align: center;
    padding: 20px 0;
}

.page-product .scrollLoadbox .loadMore {
    cursor: pointer;
}

.hand {
    cursor: pointer;
}

.vipgbd .picbox {
    position: relative;
    height: 210px;
    overflow: hidden;
    margin-bottom: 10px;
}

.vipgbd .vit {
    height: 24px;
    background: linear-gradient(270deg,#F6DCB5 0,#EABC6B 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 24px;
    color: #333;
    font-size: 14px;
}

.vipgbd .picbox .sspri {
    width: 62px;
    height: 20px;
    background: linear-gradient(270deg,#33180D 0,#7B4B27 100%);
    opacity: 1;
    border-radius: 0 0 6px 0;
    color: #FFF4E2;
    display: block;
    text-align: center;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.vipgbd .picbox span.leftips {
    top: 0;
    left: 0;
    position: absolute;
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    z-index: 10;
}

.vipgbd .picbox .vipPlusIcon {
    width: 76px;
    height: 22px;
    display: block;
    overflow: hidden;
    position: relative;
}

.vipgbd .picbox .vipPlusIcon .vippIcon {
    font-size: 85px;
    top: -32px;
    left: -5px;
    position: absolute;
}

.vipgbd .vit .vipicon {
    float: left;
    font-size: 58px;
    margin-top: -19px;
    margin-right: 0;
    margin-left: -4px;
    pointer-events: none;
}

.vipgbd .vit .icozk {
    float: left;
    font-size: 100px;
    margin-top: -40px;
    margin-right: 0;
    margin-left: -7px;
    pointer-events: none;
}

.vipgbd .vit .icozkem {
    color: #F6DCB5;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    position: absolute;
    top: -2px;
    left: 38px;
    font-size: 12px;
}

.vipgbd .vit .icozkem i {
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
}

.vipgbd .vit span {
    color: #333;
}

.vipgbd .vit span i {
    font-style: normal;
    color: #f50;
}

.vipgbd .vipgIcon {
    margin-left: auto;
}

#leftbar {
    position: fixed;
    right: 50%;
    margin-right: 614px;
    top: 280px;
    width: 60px;
    z-index: 99;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px 5px #eee;
    display: none;
    display: block;
    top: 320px;
}

#leftbar ul {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    align-items: center;
}

#leftbar li {
    margin-top: 5px;
}

#leftbar li:first-of-type {
    margin-top: 0;
}

#leftbar a {
    color: #333;
    font-size: 12px;
    text-align: center;
    position: relative;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#leftbar a em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

#leftbar .bar-icon {
    background-position: -30px -30px;
}

#leftbar .bar-icon2 {
    background-position: -104px -30px;
}

#leftbar .bar-icon3 {
    background-position: -178px -30px;
}

#leftbar .bar-icon4 {
    background-position: -252px -30px;
}

#leftbar .bar-icon5 {
    background-position: -326px -30px;
}

#leftbar .bar-icon6 {
    background-position: -400px -30px;
}

#leftbar .bar-icon7 {
    background-position: -30px -104px;
}

#leftbar .bar-icon8 {
    background-position: -104px -104px;
}

#leftbar .bar-icon9 {
    background-position: -178px -104px;
}

#leftbar .bar-icon10 {
    background-position: -252px -104px;
}

#leftbar .bar-icon11 {
    background-position: -326px -104px;
}

#leftbar .bar-icon12 {
    background-position: -400px -104px;
}

#leftbar a .bar-icon {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: #f50;
    color: #fff;
    border-radius: 14px;
    font-size: 36px;
    padding: 4px;
}

#leftbar a.active em,#leftbar a:hover em {
    opacity: 1;
}

#leftbar a.active .bar-icon,#leftbar a:hover .bar-icon {
    opacity: 1;
}

.drop-down-so {
    position: absolute;
    width: 536px;
    height: 200px;
    border: 2px solid #FA5F05;
    background-color: #fff;
    top: 66px;
    border-radius: 6px;
    z-index: 999;
    overflow: hidden;
    display: none;
}

.drop-down-so .Shut {
    width: 100%;
    height: 34px;
    text-align: right;
    background: #f6f6f6;
    display: flex;
}

.drop-down-so .Shut a {
    margin-left: auto;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drop-down-so .dropWarp {
    text-align: center;
}

.drop-down-so .shop_pto {
    display: inline-block;
    margin: 20px 0 0 20px;
    line-height: 119px;
}

.drop-down-so .shop_pto img {
    max-width: 122px;
    max-height: 122px;
    margin-right: 40px;
}

.drop-down-so .in_query {
    display: inline;
}

.drop-down-so .in_query i {
    display: inline-block;
    vertical-align: middle;
    background: url(https://g1.17qcc.com/2018/product/images/loading-circle.gif) no-repeat top center;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-top: -3px;
    margin-right: 2px;
}

.rigloading {
    width: 90px;
    height: 15px;
    margin: 15px auto 0;
    display: flex;
    justify-content: center;
}

.rigloading span {
    display: inline-block;
    width: 15px;
    height: 100%;
    margin-right: 5px;
    border-radius: 50%;
    background: #f50;
    animation: load 1.5s ease infinite;
}

.rigloading span:last-child {
    margin-right: 0;
}

@keyframes load {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.rigloading span:nth-child(1) {
    animation-delay: .13s;
}

.rigloading span:nth-child(2) {
    animation-delay: .26s;
}

.rigloading span:nth-child(3) {
    animation-delay: .39s;
}

.rigloading span:nth-child(4) {
    animation-delay: .52s;
}

.rigloading span:nth-child(5) {
    animation-delay: .65s;
}

.videoWrap {
    height: 494px;
}

.videoWrap .vw-l {
    height: 494px;
    width: 734px;
    background-color: #fff;
    float: left;
    position: relative;
    overflow: hidden;
}

.videoWrap .topText {
    height: 64px;
}

.videoWrap .topText .ah {
    float: left;
    height: 60px;
    line-height: 60px;
}

.videoWrap .topText .ah span {
    margin-left: 20px;
    float: left;
    font-size: 20px;
    font-weight: bold;
}

.videoWrap .topText .ah span i {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: -4px;
    background: url(https://g1.17qcc.com/2018/home/vtIcon.png) top center no-repeat;
    margin-right: 6px;
}

.videoWrap .topText .ah em {
    width: 9px;
    height: 17px;
    background: url(https://g1.17qcc.com/2018/home/mlink.png) top center no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

.videoWrap .topText .sortW {
    float: right;
    position: relative;
    margin-top: 18px;
}

.videoWrap .topText .sort {
    float: right;
    margin-right: 10px;
}

.videoWrap .topText .sort li {
    float: left;
    margin-right: 10px;
}

.videoWrap .topText .sort li a {
    display: block;
    min-width: 28px;
    padding: 0 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #EBEBEB;
}

.videoWrap .topText .sort li:hover a {
    border: 1px solid #F50;
}

.videoWrap .topText .sort li.active a {
    background-color: #F50;
    border: 1px solid #F50;
    color: #fff;
}

.videoWrap .vArea {
    padding-bottom: 20px;
    background: #fff;
    color: #fff;
    text-align: center;
    position: relative;
}

.videoWrap .videoPlay {
    width: 100%;
    margin: 0 auto;
    height: 410px;
    background-color: #000;
}

.videoWrap .playVideo {
    width: 68px;
    height: 68px;
    background: url(https://g1.17qcc.com/2018/shop/images/video.png) no-repeat;
    position: absolute;
    bottom: 200px;
    left: 332px;
    cursor: pointer;
    z-index: 20;
}

.videoWrap .hot_video {
    position: absolute;
    z-index: 2;
    left: 3px;
    display: none;
    top: 70px;
}

.videoWrap .hot_video li {
    float: left;
    background: rgba(255,255,255,0.95);
    border-radius: 3px;
    width: 136px;
    height: 60px;
    border: 1px solid #fff;
    margin-left: 6px;
}

.videoWrap .hot_video li .pic {
    float: left;
    width: 50px;
    height: 50px;
    margin: 5px;
    border-radius: 3px;
    position: relative;
}

.videoWrap .hot_video li .pic img {
    width: 50px;
    height: 50px;
    vertical-align: top;
    border-radius: 3px;
}

.videoWrap .hot_video li .pic .videoPlayBtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
}

.videoWrap .hot_video li .pic .videoPlayBtn span {
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/home/shortvideobtn.png) no-repeat;
    background-position: 0 0;
    width: 27px;
    height: 27px;
    margin-top: 12px;
}

.videoWrap .hot_video li.active .pic .videoPlayBtn span {
    background-position: 0 -29px;
}

.videoWrap .hot_video li.active .pic .stopviedo span {
    background-position: 0 0;
}

.videoWrap .hot_video li .rowa {
    float: left;
    width: 74px;
    height: 26px;
}

.videoWrap .hot_video li .row-price {
    margin-top: 6px;
    overflow: hidden;
    float: left;
    color: #f50;
    font-weight: bold;
    margin-left: 10px;
}

.videoWrap .hot_video li .row-price i {
    font-style: normal;
    font-size: 14px;
}

.videoWrap .hot_video li .fol {
    width: 58px;
    height: 20px;
    background-color: #FFF;
    border: 1px solid #EFEBEB;
    float: left;
    border-radius: 10px;
    color: #666;
    text-align: right;
    padding-right: 12px;
    margin-top: 5px;
    background-position: -1px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.videoWrap .hot_video li .folno {
    background-image: url(https://g1.17qcc.com/2018/home/vfolno.png);
}

.videoWrap .hot_video li .folyes {
    background-image: url(https://g1.17qcc.com/2018/home/vfolyes.png);
}

.videoWrap .hot_video li.active {
    border: 1px solid #F50;
}

.videoWrap .vw-l .qyBtn {
    position: absolute;
    right: 12px;
    top: 140px;
    width: 34px;
    height: 23px;
    cursor: pointer;
    z-index: 20;
}

.videoWrap .vw-l .qyOff {
    background: url(https://g1.17qcc.com/2018/home/qyOff.png) top center no-repeat;
}

.videoWrap .vw-l .qyOn {
    background: url(https://g1.17qcc.com/2018/home/qyOn.png) top center no-repeat;
}

.videoWrap .vw-l .barrage {
    position: absolute;
    top: 62px;
    right: 0;
    user-select: none;
    pointer-events: none;
    left: 0;
    bottom: 24px;
}

.videoWrap .vw-l .barrage .s {
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    padding: 0 12px 0 34px;
    border: 1px solid rgba(0,0,0,0.06);
    background: rgba(0,0,0,0.5);
    min-width: 100px;
    width: fit-content;
    white-space: nowrap;
}

.videoWrap .vw-l .barrage .s {
    position: absolute;
    top: 0;
    right: -200px;
    opacity: 1;
    transform: translateX(0);
    transition: transform 0s linear 0s;
}

.videoWrap .vw-l .barrage .s img {
    width: 26px;
    height: 26px;
    float: left;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
}

.videoWrap .vw-l .barrage .s p {
    color: #fff;
    width: fit-content;
    white-space: nowrap;
}

.videoWrap .vw-l:hover .hot_video {
    display: block;
}

.videoWrap .vw-r {
    width: 450px;
    height: 494px;
    background-color: #fff;
    float: right;
}

.videoWrap .vw-r .hd {
    padding: 16px 16px 16px 20px;
    height: 64px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.videoWrap .vw-r .hd .pt-tit {
    line-height: normal;
}

.videoWrap .vw-r .hd .pt-tit i {
    float: left;
    width: 24px;
    height: 25px;
    background: url(https://g1.17qcc.com/2018/home/vliveIcon.png) top center no-repeat;
    margin-right: 6px;
    margin-top: 2px;
}

.videoWrap .vw-r .hd .pt-tit h3 {
    font-size: 20px;
    font-weight: bold;
    margin-right: 16px;
}

.videoWrap .vw-r .hd .pt-tit span {
    line-height: 32px;
    color: #666;
}

.videoWrap .vw-r .hd .more {
    margin-left: auto;
    color: #666;
}

.videoWrap .vw-r .hd .more i {
    display: inline-block;
    width: 13px;
    height: 16px;
    background: url(https://g1.17qcc.com/2018/fastgoods/images/arrow_drig.png) top center no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -2px;
}

.videoWrap .vw-r .hd .more .nextIcon {
    display: inline-block;
    margin-left: 4px;
}

.videoWrap .vw-r .hd .more:hover .nextIcon {
    background-position: -22px -97px;
}

.videoWrap .vw-r .hd .more:hover {
    color: #f50;
}

.videoWrap .vw-r .hd .more:hover i {
    background: url(https://g1.17qcc.com/2018/fastgoods/images/arrow_drig2.png) top center no-repeat;
    background-size: 100% 100%;
}

.videoWrap .vw-r .bd {
    margin-left: 6px;
}

.videoWrap .vw-r .bd li {
    float: left;
    margin-left: 14px;
    width: 198px;
    margin-bottom: 14px;
}

.videoWrap .vw-r .bd li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.videoWrap .vw-r .bd li .pic {
    width: 198px;
    height: 198px;
    display: block;
    overflow: hidden;
}

.videoWrap .vw-r .bd li .pic img {
    margin-left: -11px;
    margin-top: -11px;
}

.videoWrap .vw-r .bd li a:hover .pic img {
    transform: scale(1.1);
}

.videoWrap .vw-r .bd li .hit {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.videoWrap .vw-r .bd li .hit .s {
    padding: 0 6px;
    color: #fff;
    float: left;
}

.videoWrap .vw-r .bd li .hit .s i {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: 0;
    margin-right: 5px;
}

.videoWrap .vw-r .bd li .hit em {
    float: left;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    border-radius: 0 100px 100px 0;
    padding: 0 7px;
}

.videoWrap .vw-r .bd li .ht1 .s {
    background: linear-gradient(344deg,#FF03B9 0,#EB03FF 100%);
}

.videoWrap .vw-r .bd li .ht1 .s i {
    display: inline-block;
    background: url(https://g2.17qcc.com/2018/mall/imgs/storelivc.gif) top center no-repeat;
    background-size: 100% 100%;
}

.videoWrap .vw-r .bd li .ht2 .s {
    background: linear-gradient(134deg,#ff36d6 0,#7dcffb 100%);
}

.videoWrap .vw-r .bd li .ht2 .s i {
    display: inline-block;
    background: url(https://g2.17qcc.com/2018/mall/imgs/liv_backi.png) top center no-repeat;
    background-size: 100% 100%;
    vertical-align: -1px;
}

.videoWrap .vw-r .bd li .ht3 .s {
    background: linear-gradient(145deg,rgba(0,175,255,1) 0,rgba(255,92,201,1) 144%);
}

.videoWrap .vw-r .bd li .ht3 .s i {
    display: inline-block;
    background: url(https://g2.17qcc.com/2018/mall/imgs/liv_backi.png) top center no-repeat;
    background-size: 100% 100%;
    vertical-align: -1px;
}

.videoWrap .vw-r .bd li .itmeF {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 66px;
    background: linear-gradient(180deg,rgb(0 0 0 / 0) 0,rgb(0 0 0 / 60%) 100%);
    width: 198px;
}

.videoWrap .vw-r .bd li .itmeF .img {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    margin-top: 10px;
    margin-left: 14px;
    display: block;
    float: left;
    margin-right: 5px;
}

.videoWrap .vw-r .bd li .itmeF .img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.videoWrap .vw-r .bd li .itmeF .title {
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

.videoWrap .vw-r .bd li .itmeF .shopN {
    color: #fff;
}

#shop_poker .layui-layer {
    background-color: transparent;
    box-shadow: none;
}

.supplySelec {
    width: 1146px;
    display: none;
}

.supplySelec .hd p {
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.supplySelec .hd p i {
    font-style: normal;
    font-weight: 600;
    margin-left: 10px;
    letter-spacing: 2px;
}

.supplySelec .hd span {
    color: #e3e3e3;
    font-size: 14px;
    display: block;
    height: 20px;
    line-height: 18px;
    text-align: center;
}

.supplySelec .bd {
    margin-top: 30px;
}

.supplySelec .bd ul {
    text-align: center;
    margin-left: -18px;
}

.supplySelec .bd ul li {
    display: inline-block;
    width: 208px;
    height: 322px;
    vertical-align: middle;
    margin-left: 18px;
    position: relative;
    cursor: pointer;
}

.supplySelec .bd ul li .sbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 208px;
    height: 322px;
    transition: all .1s ease-in-out;
    border: 2px solid #FFF;
    border-radius: 11px;
    background: rgba(255,255,255,0.94);
}

.supplySelec .bd ul li .sbox .eb {
    display: block;
    height: 100%;
    position: relative;
}

.supplySelec .bd ul li .loname {
    position: absolute;
    top: 20px;
    width: 100%;
    text-align: center;
    left: 0;
    z-index: 2;
}

.supplySelec .bd ul li .loname p {
    text-align: center;
    height: 22px;
    line-height: 22px;
    font-weight: 600;
    font-size: 16px;
    color: #333;
}

.supplySelec .bd ul li .loname span {
    color: #999;
    margin-top: 2px;
    display: block;
}

.supplySelec .bd ul li .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
}

.supplySelec .bd ul li .pic img {
    max-width: 100%;
    max-height: 100%;
}

.supplySelec .bd ul li .btns {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 3;
}

.supplySelec .bd ul li .btns span {
    display: inline-block;
    width: 90px;
    height: 26px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.02);
    border-radius: 14px;
    background-color: #fff;
    border: 1px solid #fff;
    line-height: 26px;
    color: #999;
}

.supplySelec .bd ul li.active .sbox {
    width: 224px;
    height: 348px;
    top: -14px;
    left: -7px;
}

.supplySelec .bd ul li.active .btns span {
    border: 1px solid #F50;
    color: #f50;
}

.supplySelec .bd ul li .tjc {
    height: 22px;
    background: linear-gradient(10deg,#F50 0,#FF7200 100%);
    border-radius: 0 11px 0 11px;
    color: #fff;
    position: absolute;
    right: -3px;
    top: -2px;
    padding: 0 12px;
}

.supplySelec .bd ul li:hover .sbox {
    width: 224px;
    height: 348px;
    border: 1px solid #F50;
    box-shadow: 0 0 10px 0 #F50;
    background-color: #fff;
    top: -14px;
    left: -7px;
}

.supplySelec .bd ul li:hover .btns span {
    background-color: #f50;
    border: 1px solid #f50;
    color: #fff;
}

.min_nav:hover {
    z-index: 1001;
}

.topbarWarp .topnav li.nav_corebox .corerig {
    display: none;
}

.tjads a {
    min-width: 1200px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    flex-direction: column;
    width: 100%;
}

.tjads a img {
    width: 100%;
    height: 70px;
}

.b_qccIcons {
    width: 1em;
    height: 1em;
    fill: currentColor;
    overflow: hidden;
}

.svg-icon {
    font-size: 20px;
    margin-right: 8px;
}

.head2111 .ydright {
    background: url(https://g1.17qcc.com/special/s2020/04sdp/images/s2111grig.jpg) top center no-repeat;
    background-size: 160px 90px;
}

.hp2111 {
    background-size: 100% 492px;
    background-color: #f5f5f5;
}

.hp2111 .page-1 {
    background-color: #f5f5f5;
    position: relative;
}

.hp2111 .page-1 .s916 {
    width: 182px;
    height: 492px;
    position: absolute;
    top: 0;
    left: -182px;
    z-index: 121;
    display: block;
    overflow: hidden;
}

.hp2111 .page-1 .s916 .left916 {
    width: 182px;
    height: 492px;
    background: url(https://g1.17qcc.com/special/s2020/04sdp/images/s22left.png) top center no-repeat;
    background-size: 182px 492px;
    z-index: 5;
    cursor: pointer;
    float: left;
    position: relative;
}

.hp2111 .page-1 .s916 .picbox {
    pointer-events: none;
    transform: translateX(-180px);
    width: 950px;
    height: 492px;
    position: absolute;
    top: 0;
    left: 182px;
    z-index: 3;
    overflow: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}

.hp2111 .page-1 .s916 .picbox img {
    width: 950px;
    height: 492px;
}

.hp2111 .page-1 .s916:hover {
    width: 1132px;
}

.hp2111 .page-1 .s916:hover .picbox {
    pointer-events: auto;
    opacity: 1;
    transform: translateX(0px);
}

.hp2111 #leftbar {
    box-shadow: none;
}