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

.toppic_fw {
    max-width: 100%;
    max-height: 70px;
    text-align: center;
    overflow: hidden;
    background-color: #f6f6f6;
}

.toppic_fw a {
    width: 100%;
    display: block;
    min-width: 1200px;
    height: 70px;
    background-image: url(https://pics.17qcc.com/imgextra/banner/201811/02/15016036889988.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

.toppic_fw img {
    width: 100%;
    overflow: hidden;
    max-height: 70px;
}

.toppic {
    max-width: 100%;
    max-height: 150px;
    text-align: center;
    overflow: hidden;
    background-color: #f6f6f6;
}

.toppic a {
    width: 100%;
    display: block;
    min-width: 1200px;
    height: 150px;
    background-image: url(https://pics.17qcc.com/imgextra/productactivity/201903/16/13888405948995.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

.toppic img {
    max-width: 100%;
    overflow: hidden;
    max-height: 150px;
}

.groupBox {
    padding-top: 20px;
    padding-bottom: 10px;
}

.groupBox .filter {
    background-color: #fff;
    border: 1px solid #f0f0f0;
}

.groupBox .filter .line {
    line-height: 40px;
    position: relative;
    padding: 0 19px;
}

.groupBox .filter .line {
    border-bottom: 1px solid #f0f0f0;
}

.groupBox .filter .line span {
    float: left;
    width: 66px;
    text-align: center;
    color: #999;
}

.groupBox .filter .line ul {
    overflow: hidden;
}

.groupBox .filter .line li {
    float: left;
    position: relative;
    margin-right: 40px;
}

.groupBox .filter .line ul.last {
    border-bottom: 0;
}

.groupBox .filter .line li a {
    color: #333;
    padding: 4px 10px;
}

.groupBox .filter .line li a:hover {
    background-color: #F50;
    color: #FFF;
}

.groupBox .filter .line li.active a {
    background-color: #F50;
    color: #FFF;
}

.groupBox .filter .line em.down {
    background-position: 0 -60px;
}

.groupBox .filter .line em.up {
    background-position: 0 -78px;
}

.sort_bar {
    background-color: #fafafa;
    border: 1px solid #f0f0f0;
    line-height: 40px;
    height: 40px;
    border-left: 0;
}

.sort_bar ul li {
    float: left;
    width: 80px;
    text-align: center;
}

.sort_bar ul li a {
    display: block;
}

.sort_bar ul li.sob_first {
    background-color: #fff;
    border-right: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
}

.sort_bar ul li.sob_first a {
    color: #f50;
}

.sort_bar ul li a i,.shopStore .nametop em.star,.shopStore .nametop .shopErWm,.s_item .shopins .shoplx a em,.hotcategor .hd span em.hot_icon,.loading_move .loading,.hotwrap .hd span em.hot_icon {
    background: url(https://g1.17qcc.com/2018/shop/images/shop_icon.png) top center no-repeat;
}

.sort_bar ul li a i {
    display: inline-block;
    width: 7px;
    height: 10px;
    background-position: -81px 0;
    margin-top: -2px;
    margin-left: 4px;
    vertical-align: middle;
}

.sort_bar ul li a i.lowSort {
    background-position: -101px 0;
}

.sort_bar ul li a i.noSort {
    background-position: -63px 0;
}

.listBox .s_item {
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    padding: 40px 40px 35px 40px;
}

.s_item .shopins {
    float: left;
    width: 298px;
}

.s_item .shopins .shopStore {
    padding-bottom: 20px;
    border-bottom: 1px dashed #DBDBDB;
}

.s_item .shopins .shopStore .nametop a {
    float: left;
    font-size: 16px;
}

.s_item .shopins .shopStore .nametop img {
    max-width: 18px;
    max-height: 18px;
}

.s_item .shopins .shopStore .nametop span {
    float: left;
    margin-left: 4px;
    color: #fff;
    background-color: #FA5F05;
    width: 38px;
    height: 15px;
    line-height: 16px;
    text-align: center;
    margin-top: 4px;
    margin-right: 4px;
}

.s_item .shopins .shopStore .nametop em.star {
    float: left;
    width: 12px;
    height: 15px;
    background-position: 0 0;
    margin-left: 11px;
    margin-top: 4px;
}

.s_item .shopins .shopStore .nametop .shopErWm {
    float: left;
    width: 14px;
    height: 14px;
    margin-left: 9px;
    margin-top: 4px;
    background-position: -32px 0;
    cursor: pointer;
    position: relative;
    margin-right: 4px;
}

.s_item .shopins .shopStore .nametop .shopErWm .showErm {
    position: absolute;
    top: 18px;
    left: -47px;
    display: none;
    width: 106px;
    height: 105px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

.s_item .shopins .shopStore .nametop .shopErWm .showErm img {
    height: 76px;
    width: 76px;
    margin-top: 15px;
    margin-left: 15px;
    max-width: 76px;
    max-height: 76px;
}

.s_item .shopins .shopStore .nametop .shopErWm:hover .showErm {
    display: block;
}

.s_item .shopins .shopStore .qual_box {
    margin-top: 0;
    height: 22px;
    display: block;
}

.s_item .shopins .shopStore .qual_box i {
    width: 16px;
    height: 16px;
    float: left;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    margin-right: 3px;
    margin-top: 3px;
}

.s_item .shopins .shopStore .qual_box i.bz {
    background-position: -470px -303px;
}

.s_item .shopins .shopStore .qual_box i.real {
    background-position: -175px 0;
}

.s_item .shopins .shopStore .qual_box i.daifa {
    background-position: -175px -24px;
}

.s_item .shopins .shopStore .qual_box i.zifa {
    background-position: -175px -50px;
}

.s_item .shopins .shopStore .qual_box i.fast {
    background-position: -175px -76px;
}

.s_item .shopins .shopStore .qual_box i.factory {
    background-position: -175px -102px;
}

.s_item .shopins .shopStore .qual_box i.days15 {
    background-position: -175px -128px;
}

.s_item .shopins .shopStore .qual_box i.style {
    background-position: -201px 0;
}

.s_item .shopins .shopStore .qual_box i.personal {
    background-position: -201px -24px;
}

.s_item .shopins .shopStore .qual_box i.business {
    background-position: -201px -50px;
}

.s_item .shopins .shopStore .qual_box i.cross {
    background-position: -201px -76px;
}

.s_item .shopins .shopStore .qual_box i.good {
    background-position: -201px -102px;
}

.s_item .shopins .shopStore .qual_box i.gold {
    background-position: -201px -128px;
}

.s_item .shopins .shopStore .qual_box i.gongchang {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.s_item .shopins .shopStore .qual_box i.factory2 {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.s_item .shopins .shopStore .address {
    margin-top: 4px;
    color: #999;
}

.s_item .shopins .shopmsg {
    padding-bottom: 10px;
    border-bottom: 1px dashed #DBDBDB;
}

.s_item .shopins .shopmsg p {
    margin-top: 10px;
}

.s_item .shopins .shopmsg p span {
    color: #999;
}

.s_item .shopins .shopmsg p em.des {
    color: #f50;
}

.s_item .shopins .shoplx {
    margin-top: 10px;
}

.s_item .shopins .shoplx a {
    float: left;
    margin-right: 20px;
    color: #3D7EFF;
}

.s_item .shopins .shoplx a em {
    float: left;
    margin-right: 4px;
    width: 13px;
    height: 14px;
}

.s_item .shopins .shoplx a.qq em {
    background-position: -153px 0;
}

.s_item .shopins .shoplx a.ww em {
    background-position: -178px 0;
}

.s_item .shopins .detail_btn {
    margin-top: 30px;
}

.s_item .shopins .detail_btn a {
    float: left;
    width: 86px;
    height: 28px;
    border: 1px solid #F50;
    color: #F50;
    line-height: 28px;
    text-align: center;
    margin-right: 20px;
}

.s_item .shopins .detail_btn a:hover {
    border-color: #ff9d6b;
}

.s_item .shoppic {
    float: left;
    margin-left: 40px;
}

.s_item .shoppic ul {
    overflow: hidden;
    margin-left: -20px;
}

.s_item .shoppic ul li {
    float: left;
    margin-left: 20px;
    width: 180px;
}

.s_item .shoppic ul li a {
    display: block;
}

.s_item .shoppic ul li a .pic {
    display: block;
    text-align: center;
}

.s_item .shoppic ul li a .pic {
    display: block;
    text-align: center;
    width: 180px;
    height: 180px;
}

.s_item .shoppic ul li a .pic img {
    max-width: 180px;
    max-height: 180px;
    line-height: 180px;
    display: inline-block;
    text-align: center;
}

.s_item .shoppic ul li:hover a .pic img {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.s_item .shoppic ul li a p.title {
    margin-top: 10px;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.s_item .shoppic ul li a .price span {
    font-size: 18px;
    color: #F50;
    float: left;
}

.s_item .shoppic ul li a .price em.viewpay {
    float: right;
    color: #999;
    margin-top: 5px;
}

.uipage {
    font-family: MicrosoftYaHei;
    text-align: center;
}

#page {
    margin: 10px auto;
    display: inline-block;
    zoom: 1;
}

#page a {
    display: block;
    float: left;
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    color: #666;
    font-size: 14px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    margin-right: 12px;
    border-radius: 2px;
    position: relative;
}

#page .more {
    height: 28px;
    line-height: 22px;
    float: left;
    padding: 0;
    margin-right: 12px;
}

#page a:hover,#page a.active {
    background-color: #f50;
    color: #fff;
}

#page a.prev i,#page a.next i {
    position: absolute;
    left: 7px;
    top: 12px;
    height: 5px;
    overflow: hidden;
    font: 700 14px/16px simsun;
    color: #ccc;
    display: block;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
}

#page a.next i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    top: 11px;
}

#page a.prev i s,#page a.next i s {
    position: relative;
    top: -9px;
    text-decoration: none;
}

#page a:hover i {
    color: #fff;
}

#page span {
    height: 28px;
    line-height: 22px;
    float: left;
    padding: 0;
    margin-right: 12px;
}

#page .active {
    background-color: #f50;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    border: 1px solid #F0F0F0;
    margin-right: 12px;
    border-radius: 2px;
    position: relative;
}

.qcc_mini .w1400 {
    width: 1200px;
}

.shop_nav {
    border-bottom: 1px solid #FA5F05;
    background-color: #fffbf8;
    text-align: center;
}

.shop_nav ul {
    overflow: hidden;
}

.shop_nav ul li {
    min-width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #666;
    display: inline-block;
}

.shop_nav ul li a {
    color: #666;
    display: block;
    font-size: 14px;
}

.shop_nav ul li.active a,.shop_nav ul li a:hover {
    color: #fff;
    background-color: #FA5F05;
}

.sho_nav {
    margin: 0 auto!important;
}

.shop_nav_fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
}

.sho_nav .login-left {
    float: left;
    margin-top: 14px;
    margin-right: 12px;
}

.sho_nav .login-left a {
    float: left;
    margin: 4px 12px 0 0;
    padding: 3px 2px;
    width: 172px;
    height: 34px;
    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;
}

.sho_nav .sho_sellerinfo {
    float: left;
    cursor: pointer;
    height: 70px;
    position: relative;
}

.sho_nav .sho_sellerinfo .shop-info {
    float: left;
    margin-right: 14px;
    margin-top: 10px;
}

.sho_nav .sho_sellerinfo .shop-info p {
    font-size: 16px;
    color: #333;
}

.sho_nav .sho_sellerinfo .shop-info p em {
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.sho_nav .sho_sellerinfo .shop-info p a.link {
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.sho_nav .sho_sellerinfo .shop-info p span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    background-color: #ff4800;
    margin-left: 9px;
    padding: 0 6px;
    margin-right: 8px;
    margin-top: -2px;
}

.sho_nav .sho_sellerinfo .shop-info p a img {
    margin-top: -2px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i {
    width: 16px;
    height: 16px;
    float: left;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    margin-right: 3px;
    margin-top: 3px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.bz {
    background-position: -470px -303px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.real {
    background-position: -175px 0;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.daifa {
    background-position: -175px -24px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.zifa {
    background-position: -175px -50px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.fast {
    background-position: -175px -76px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.factory {
    background-position: -175px -102px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.days15 {
    background-position: -175px -128px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.style {
    background-position: -201px 0;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.personal {
    background-position: -201px -24px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.business {
    background-position: -201px -50px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.cross {
    background-position: -201px -76px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.good {
    background-position: -201px -102px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.gold {
    background-position: -201px -128px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.gongchang {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.sho_nav .sho_sellerinfo .shop-info .qual_box i.factory2 {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.sho_nav .sho_sellerinfo .shop-bsr {
    float: left;
    margin-top: 13px;
}

.sho_nav .sho_sellerinfo .shop-bsr .divider_smt {
    float: left;
    width: 1px;
    height: 43px;
    background-color: #eee;
    margin-left: 14px;
}

.sho_nav .sho_sellerinfo .shop-bsr .desc {
    float: left;
    margin-left: 14px;
}

.sho_nav .sho_sellerinfo .shop-bsr .desc .desc_word {
    color: #333;
    margin-bottom: 5px;
}

.sho_nav .sho_sellerinfo .shop-bsr .desc .desc_value {
    color: #959595;
}

.sho_nav .sho_sellerinfo .shop-bsr .desc .desc_value span {
    color: #ff4800;
}

.sho_nav .sho_sellerinfo .shop-bsr .desc .desc_value img {
    margin-top: 3px;
    vertical-align: top;
    margin-left: 1px;
}

.sho_nav .sho_sellerinfo a.more {
    width: 23px;
    height: 6px;
    margin-top: 32px;
    text-decoration: none;
    cursor: pointer;
    background: url(https://g1.17qcc.com/2018/shop/images/more_icon_1.png) no-repeat;
    position: relative;
    float: left;
    background-position: 10px 0;
}

.sho_nav .sho_sellerinfo a.more {
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
}

.sho_nav .sho_sellerinfo:hover a.more {
    background-position: 10px -12px;
}

.sho_nav .sho_sellerinfo .seller-info {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    width: 416px;
    height: auto;
    border: 1px solid #bbb;
    background-color: #fff;
    padding: 18px;
    z-index: 20;
}

.sho_nav .sho_sellerinfo .seller-info .shopqual {
    padding: 0 0 12px 0;
    height: auto;
}

.sho_nav .sho_sellerinfo .seller-info .shopqual {
    display: none;
}

.sho_nav .sho_sellerinfo .seller-info .shopqual span {
    color: #333;
    font-size: 16px;
}

.sho_nav .sho_sellerinfo .seller-info .shopqual img {
    margin-top: -5px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left {
    float: left;
    width: 230px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p {
    color: #333;
    line-height: 26px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p.line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p em {
    display: inline-block;
    width: 168px;
    vertical-align: top;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p span {
    color: #999;
    width: 60px;
    display: inline-block;
    text-align: left;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p span.shop_t_qiye {
    background: url(https://g1.17qcc.com/2018/shop/images/qual_1.png) top center no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p span.shop_t_geren {
    background: url(https://g1.17qcc.com/2018/shop/images/qual_4.png) top center no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p span.shop_t_bond {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ff5f0f;
    height: 16px;
    line-height: 16px;
    width: auto;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p span.shop_t_bond img {
    vertical-align: top;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p span.shop_t_bond i {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    margin-right: 2px;
    color: #fe5600;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right {
    float: right;
    width: 186px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span {
    color: #999;
    width: 60px;
    display: inline-block;
    text-align: left;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars {
    width: 60px;
    background: url(https://g1.17qcc.com/2018/shop/images/ratestars.png) no-repeat;
    height: 10px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars_1 {
    background-position: 0 0;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars_1_1 {
    background-position: 0 -13px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars_2 {
    background-position: 0 -26px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars_2_1 {
    background-position: 0 -39px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars_3 {
    background-position: 0 -52px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars_3_1 {
    background-position: 0 -65px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars_4 {
    background-position: 0 -78px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars_4_1 {
    background-position: 0 -91px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars_5 {
    background-position: 0 -104px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p img {
    margin-top: -4px;
    margin-right: 2px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p em {
    color: #f50;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_d {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_d p {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_d p span {
    color: #999;
    width: 60px;
    display: inline-block;
    text-align: left;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_d p .shop_loginview {
    color: #f50;
    padding-bottom: 2px;
    margin-left: 8px;
    border-bottom: 1px solid;
}

.sho_nav .seller-info .realm_btn .fl a {
    width: 68px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    color: #fff;
    background-color: #f50;
    margin-right: 10px;
    float: left;
}

.sho_nav .seller-info .realm_btn .collt_btn {
    width: 82px;
    height: 24px;
    border: 1px solid #f50;
    float: right;
    text-align: center;
    line-height: 24px;
}

.sho_nav .seller-info .realm_btn .collt_btn em {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 3px;
}

.sho_nav .seller-info .realm_btn .nocollt {
    color: #f50;
    background-color: #fff;
}

.sho_nav .seller-info .realm_btn .nocollt em {
    background: url(https://g1.17qcc.com/2018/shop/images/nocollt.png) no-repeat top center;
}

.sho_nav .seller-info .realm_btn .yescollt {
    background-color: #f50;
    color: #fff;
}

.sho_nav .seller-info .realm_btn .yescollt em {
    background: url(https://g1.17qcc.com/2018/shop/images/yescollt.png) no-repeat top center;
}

.sho_nav .sho_sellerinfo:hover .seller-info {
    display: block;
}

.sho_nav .shop-qrcode {
    float: left;
    cursor: pointer;
    margin: 13px 0 0 6px;
    position: relative;
}

.sho_nav .shop-qrcode .noyuan {
    background: url(https://g1.17qcc.com/2018/shop/images/click_qrcode.png?v25) no-repeat;
    background-position: 0 0;
    width: 54px;
    height: 54px;
    display: block;
    margin-top: 3px;
    margin-left: 3px;
}

.sho_nav .shop-qrcode .qrcode {
    display: none;
    float: left;
    position: absolute;
    top: 53px;
    z-index: 999;
    cursor: default;
    overflow: hidden;
    width: 140px;
    height: 150px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.sho_nav .shop-qrcode .qrcode img {
    width: 110px;
    height: 110px;
    margin: 8px 15px 8px 15px;
}

.sho_nav .shop-qrcode .qrcode .tips {
    margin-left: 10px;
    margin-top: -5px;
    color: #aaa;
}

.sho_nav .shop-qrcode:hover .noyuan {
    background-position: 0 -57px;
}

.sho_nav .shop-qrcode:hover .qrcode {
    display: block;
}

.sho_nav .shop-collt {
    float: left;
    cursor: pointer;
    margin: 18px 0 0 0;
    position: relative;
    width: 98px;
    height: 30px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 32px;
    border: 1px solid #F50;
    text-align: center;
    color: #F50;
}

.sho_nav .shop-collt em {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.sho_nav .shop-collt.nocollt em {
    background: url(https://g1.17qcc.com/2018/shop/images/nocollt.png) no-repeat top center;
}

.sho_nav .shop-collt.yescollt em {
    background: url(https://g1.17qcc.com/2018/shop/images/yescollt_2.png) no-repeat top center;
}

.sho_nav .seller-info #shopapp {
    width: 84px;
}

.sho_nav .seller-info #shopapp em {
    float: left;
    width: 16px;
    height: 16px;
    background: url(https://g1.17qcc.com/2018/shop/images/fx-icon11.png) top center no-repeat;
    margin-top: 10px;
    margin-left: 3px;
    margin-top: 4px;
    margin-left: 6px;
    margin-right: -4px;
}

.sho_nav .seller-info .realm_btn .iphoeu {
    position: relative;
    width: 84px;
    height: 26px;
    background-color: #F50;
    border-radius: 2px;
    color: #fff;
    line-height: 26px;
    float: left;
    text-align: center;
    margin-right: 8px;
}

.sho_nav .seller-info .realm_btn .iphoeu .ncord {
    float: left;
    background: url(https://g1.17qcc.com/2018/shop/images/ncord-icon.png) top center no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-left: 6px;
    margin-right: 3px;
}

.sho_nav .seller-info .realm_btn .iphoeu .t {
    float: left;
}

.sho_nav .seller-info .realm_btn .iphoeu .qrcode {
    display: none;
    float: left;
    position: absolute;
    top: 28px;
    z-index: 999;
    cursor: default;
    overflow: hidden;
    width: 140px;
    height: 150px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.sho_nav .seller-info .realm_btn .iphoeu .qrcode img {
    width: 110px;
    height: 110px;
    margin: 8px 15px 8px 15px;
}

.sho_nav .seller-info .realm_btn .iphoeu .qrcode .tips {
    margin-left: 10px;
    margin-top: -5px;
    color: #aaa;
}

.sho_nav .seller-info .realm_btn .iphoeu:hover .qrcode {
    display: block;
}

.sho_nav .seller-info .realm_btn a.download {
    width: 84px;
    height: 26px;
    border-radius: 2px;
    border: 1px solid #F50;
    background-color: transparent;
    color: #f50;
}

.sho_nav .seller-info .realm_btn a.download em {
    float: left;
    width: 14px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/down-icon11.png) top center no-repeat;
    margin-top: 8px;
    margin-left: 15px;
}

.sho_nav .seller-info .realm_btn a.download span {
    float: left;
    margin-left: 6px;
}

.sho_nav .sho_sellerinfo .seller-info .shopqual {
    display: none;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail {
    display: none;
}

.sho_nav .sho_sellerinfo .seller-info {
    padding: 7px 18px 18px;
}

.sho_nav .seller-info .sop-top {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: 0 -340px;
    width: 452px;
    height: 40px;
    margin-left: -18px;
    margin-top: -6px;
}

.sho_nav .seller-info .sop-info .sop-u {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

.sho_nav .seller-info .sop-u .line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    line-height: 26px;
}

.sho_nav .seller-info .sop-u .line span {
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.sho_nav .seller-info .sop-u .line .b1-icon {
    width: 12px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/b1-icon.png) top center no-repeat;
    margin-top: 2px;
}

.sho_nav .seller-info .sop-u .line .cb {
    color: #999;
    width: 32px;
}

.sho_nav .seller-info .sop-u .line .qual_box img {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: -2px;
}

.sho_nav .seller-info .sop-u .line .qual_box i {
    width: 16px;
    height: 16px;
    float: left;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    margin-right: 3px;
    margin-top: 3px;
}

.sho_nav .seller-info .sop-u .line .qual_box i.bz {
    background-position: -470px -303px;
}

.sho_nav .seller-info .sop-u .line .qual_box i.real {
    background-position: -175px 0;
}

.sho_nav .seller-info .sop-u .line .qual_box i.daifa {
    background-position: -175px -24px;
}

.sho_nav .seller-info .sop-u .line .qual_box i.zifa {
    background-position: -175px -50px;
}

.sho_nav .seller-info .sop-u .line .qual_box i.fast {
    background-position: -175px -76px;
}

.sho_nav .seller-info .sop-u .line .qual_box i.factory {
    background-position: -175px -102px;
}

.sho_nav .seller-info .sop-u .line .qual_box i.days15 {
    background-position: -175px -128px;
}

.sho_nav .seller-info .sop-u .line .qual_box i.style {
    background-position: -201px 0;
}

.sho_nav .seller-info .sop-u .line .qual_box i.personal {
    background-position: -201px -24px;
}

.sho_nav .seller-info .sop-u .line .qual_box i.business {
    background-position: -201px -50px;
}

.sho_nav .seller-info .sop-u .line .qual_box i.cross {
    background-position: -201px -76px;
}

.sho_nav .seller-info .sop-u .line .qual_box i.good {
    background-position: -201px -102px;
}

.sho_nav .seller-info .sop-u .line .qual_box i.gold {
    background-position: -201px -128px;
}

.sho_nav .seller-info .sop-u .line .b2-iocn {
    width: 12px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/b2-iocn.png) top center no-repeat;
    margin-top: 2px;
}

.sho_nav .seller-info .sop-u .line .ct {
    max-width: 346px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sho_nav .seller-info .sop-u .line .b3-iocn {
    width: 12px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/b3-iocn.png) top center no-repeat;
    margin-top: 2px;
}

.sho_nav .seller-info .sop-u .line .b4-iocn {
    width: 12px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/b4-iocn.png) top center no-repeat;
    margin-top: 2px;
}

.sho_nav .seller-info .sop-u .line .b5-iocn {
    width: 12px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/b5-iocn.png) top center no-repeat;
    margin-top: 2px;
}

.sho_nav .seller-info .sop-u .line .ch {
    color: #f50;
}

.sho_nav .seller-info .sop-u .line .shop_loginview {
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #f50;
    color: #fff;
    line-height: 14px;
    height: 16px;
    padding: 0 4px;
}

.sho_nav .seller-info .sop-info .sop-d {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

.sho_nav .seller-info .sop-d .line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    line-height: 26px;
}

.sho_nav .seller-info .sop-d .line span {
    color: #999;
    display: inline-block;
    vertical-align: middle;
}

.sho_nav .seller-info .sop-d .line .cb {
    color: #999;
}

.sho_nav .seller-info .sop-d .line .ratestars {
    width: 60px;
    background: url(https://g1.17qcc.com/2018/shop/images/ratestars.png) no-repeat;
    height: 10px;
}

.sho_nav .seller-info .sop-d .line .ratestars_1 {
    background-position: 0 0;
}

.sho_nav .seller-info .sop-d .line .ratestars_1_1 {
    background-position: 0 -13px;
}

.sho_nav .seller-info .sop-d .line .ratestars_2 {
    background-position: 0 -26px;
}

.sho_nav .seller-info .sop-d .line .ratestars_2_1 {
    background-position: 0 -39px;
}

.sho_nav .seller-info .sop-d .line .ratestars_3 {
    background-position: 0 -52px;
}

.sho_nav .seller-info .sop-d .line .ratestars_3_1 {
    background-position: 0 -65px;
}

.sho_nav .seller-info .sop-d .line .ratestars_4 {
    background-position: 0 -78px;
}

.sho_nav .seller-info .sop-d .line .ratestars_4_1 {
    background-position: 0 -91px;
}

.sho_nav .seller-info .sop-d .line .ratestars_5 {
    background-position: 0 -104px;
}

.sho_nav .seller-info .sop-d .d-bsr .desc {
    float: left;
    width: 33.33%;
}

.sho_nav .seller-info .sop-d .d-bsr .desc .desc_word {
    color: #666;
    margin-bottom: 5px;
}

.sho_nav .seller-info .sop-d .d-bsr .desc .desc_word span {
    color: #f50;
}

.sho_nav .seller-info .sop-d .d-bsr .desc .desc_value {
    color: #666;
}

.sho_nav .seller-info .sop-d .d-bsr .desc .desc_value span {
    color: #ff4800;
}

.sho_nav .seller-info .sop-d .d-bsr .desc .desc_value img {
    margin-top: 5px;
    vertical-align: top;
    margin-left: 4px;
}

.sho_nav .seller-info .sop-d .d-bsr .new {
    text-align: center;
}

.sho_nav .seller-info .sop-d .d-bsr .rate {
    text-align: right;
}

.shop-notices .hd {
    font-size: 20px;
    color: #fff;
    height: 42px;
    background: linear-gradient(163deg,rgba(255,171,0,1) 0,rgba(255,85,0,1) 45%,rgba(255,147,0,1) 100%);
    line-height: 42px;
    text-align: center;
}

.shop-notices .bd {
    font-size: 14px;
    color: #fff;
}

.shop-notices {
    margin-top: 18px;
}

.shop-notices .panel {
    padding: 20px;
    background-color: #fff;
}

.shop-notices .panel p {
    color: #666;
    line-height: 22px;
    text-indent: 2em;
}

.sp-goods .w1200 {
    background-color: #fff;
}

.sp-goods .hd {
    padding-left: 30px;
    line-height: 48px;
}

.sp-goods .hd .pt-tit {
    line-height: normal;
    padding: 20px 0 0;
}

.sp-goods .hd .pt-tit h3 {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    color: #333;
}

.sp-goods .hd .pt-tit h3 span {
    float: left;
    height: 25px;
    width: 26px;
    margin-right: 8px;
    background: url(//g1.17qcc.com/2018/shop/images/sp-g1.png?v201912) center no-repeat;
}

.sp-goods .hd .pt-tit .small {
    color: #999;
    margin-top: 9px;
    float: left;
}

.sp-goods .hd .more {
    margin-right: 35px;
    line-height: normal;
    color: #999;
    padding-bottom: 2px;
    margin-top: 30px;
}

.sp-goods .hd .more i {
    float: right;
    width: 7px;
    height: 10px;
    background: url(//g1.17qcc.com/2018/shop/images/marw-icon.jpg) top center no-repeat;
    background-size: 100% 100%;
    margin-left: 3px;
    margin-top: 3px;
}

.sp-goods .hd .more:hover {
    color: #f50;
}

.sp-goods .loadbox {
    text-align: center;
}

.spg-list .bd {
    padding: 0 30px 20px;
}

.spg-list .bd .porlist {
    margin-left: -10px;
}

.spg-list .bd .porlist li {
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    display: block;
    border: 1px solid #EDEDED;
    width: 218px;
}

.spg-list .bd .porlist li .pic {
    width: 218px;
    height: 220px;
    overflow: hidden;
    display: block;
    position: relative;
}

.spg-list .bd .porlist li .pic img {
    height: 220px;
    margin-left: -1px;
}

.spg-list .bd .porlist li .pic .playVideoBtn1 {
    position: absolute;
    top: 78px;
    left: 78px;
    width: 53px;
    height: 53px;
    background: url(https://g1.17qcc.com/2018/product/images/listPlayVideo1.png) no-repeat;
}

.spg-list .bd .porlist li .icon_trn {
    position: absolute;
    top: 0;
    left: -5px;
}

.spg-list .bd .porlist li .icon_trn .cloud_ico {
    width: 68px;
    height: 24px;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -559px -245px;
    display: block;
    margin-left: 4px;
}

.spg-list .bd .porlist li .icon_tfhours_goods {
    background: url(https://g1.17qcc.com/2018/product/images/icon_tfhours_goods1909.png) top center no-repeat;
    width: 35px;
    height: 20px;
    display: block;
}

.spg-list .bd .porlist li .icon_new {
    background: url(//g1.17qcc.com/2018/sitexie/images/icon_new.png) top center no-repeat;
    width: 35px;
    height: 24px;
    display: block;
}

.spg-list .bd .porlist li p {
    height: 16px;
}

.spg-list .bd .porlist li .special_stips {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 220px;
    height: 220px;
    z-index: 11;
}

.spg-list .bd .porlist li .pt-cont-tit {
    height: 24px;
    margin: 0 10px;
}

.spg-list .bd .porlist li .pt-cont-tit .special_sing {
    margin-right: 3px;
    vertical-align: -4px;
}

.spg-list .bd .porlist li .pt-cont-tit a {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.spg-list .bd .porlist li .pt-size {
    color: #999;
    margin-top: 0;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    width: 130px;
}

.spg-list .bd .porlist li .price-con {
    text-align: center;
    margin-top: 8px;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
}

.spg-list .bd .porlist li .timelost {
    position: absolute;
    right: 6px;
    bottom: 0;
    color: #FF600C;
    cursor: pointer;
}

.spg-list .bd .porlist li .timelost i {
    width: 19px;
    height: 17px;
    float: left;
    padding-right: 3px;
}

.spg-list .bd .porlist li .timelost i {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -606px -172px;
}

.spg-list .bd .porlist li .timeltit {
    display: none;
    position: absolute;
    width: calc(100% - 16px);
    border: 1px solid #FFE8DC;
    box-shadow: 0 0 4px 0 rgba(255,85,0,0.2);
    height: 20px;
    bottom: 25px;
    left: 4px;
    background: #fff;
    z-index: 2;
    text-indent: 6px;
    color: #f50;
}

.spg-list .bd .porlist li .timeltit::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 7px;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -589px -172px;
    bottom: -7px;
    right: 40px;
}

.spg-list .bd .porlist li .timelost:hover+.timeltit {
    display: block;
}

.spg-list .bd .porlist li .price {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #F50;
}

.spg-list .bd .porlist li .olds {
    float: right;
    color: #999;
}

.spg-list .bd .porlist li .sale {
    color: #999;
    float: right;
}

.spg-list .bd .porlist li .price em {
    width: 9px;
    font-size: 14px;
    line-height: 19px;
    margin-right: 2px;
}

.spg-list .bd .porlist li .shop-na {
    margin-top: 6px;
}

.spg-list .bd .porlist li .shop-na a {
    color: #5CA1E6;
}

.spg-list .bd .porlist li .shop-na a:hover {
    text-decoration: underline;
}

.spg-list .bd .porlist li .qual_box {
    height: 24px;
    padding: 4px 10px;
}

.spg-list .bd .porlist li .qual_box img {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.spg-list .bd .porlist li {
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    transition: border .3s ease;
    position: relative;
}

.spg-list .bd .porlist li:hover {
    border-color: #F50;
}

.spg-list .bd .porlist li:hover .pic img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.spg-list .bd .porlist li:hover .pt-cont-tit a {
    color: #f50;
}

.spg-list .bd .porlist li:hover .shopa {
    color: #f50;
}

.spg-list .bd .porlist li .desc {
    height: auto;
    position: relative;
}

.spg-list .bd .porlist li .quickgngb {
    position: relative;
}

.spg-list .bd .porlist li .quickgn {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    line-height: 24px;
    text-align: center;
    color: #fff;
    width: 100%;
    background-color: rgba(255,124,59,0.9);
    opacity: 0;
    transition: all .1s ease-in;
    z-index: 11;
}

.spg-list .bd .porlist li .quickgn .quic_s {
    float: left;
    width: 70px;
    color: #fff;
    cursor: pointer;
}

.spg-list .bd .porlist li .quickgn .cross {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.spg-list .bd .porlist li .quickgn .cross em.crosstips {
    width: 31px;
    height: 6px;
    background: url(https://g1.17qcc.com/2018/product/images/crosstips.png) top center no-repeat;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -15px;
    display: none;
    z-index: 6;
}

.spg-list .bd .porlist li .quickgn .cross dl {
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    background-color: #fff;
    width: 100%;
    padding-top: 6px;
    height: 72px;
    z-index: 2;
}

.spg-list .bd .porlist li .quickgn .cross dl dd {
    text-align: left;
    line-height: 22px;
    height: 22px;
    margin-left: 5px;
    width: 64px;
    cursor: pointer;
    background-color: #FFFAF7;
    border: 1px solid #FFFAF7;
    float: left;
    margin-bottom: 3px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd em {
    color: #666;
}

.spg-list .bd .porlist li .quickgn .cross dl dd img {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    margin-right: 5px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd i {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    margin-right: 5px;
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png?a23) top center no-repeat;
    vertical-align: middle;
    margin-top: -2px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd i.taobao {
    background-position: -98px -259px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd i.ali {
    background-position: -118px -259px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd i.jd {
    background-position: -136px -259px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd i.pdd {
    background-position: -98px -278px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd i.shopee {
    background-position: -117px -278px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd i.dy {
    background-position: -136px -278px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd i.ks {
    background-position: -98px -297px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd i.wish {
    background-position: -117px -297px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd:hover {
    border: 1px solid #FF5600;
    color: #FF4200;
    background-color: #fff;
}

.spg-list .bd .porlist li .quickgn .cross:hover {
    background-color: #F50;
}

.spg-list .bd .porlist li .quickgn .cross:hover .crosstips {
    display: block;
}

.spg-list .bd .porlist li .quickgn .cross:hover dl {
    display: block;
}

.spg-list .bd .porlist li .datagn {
    display: none;
    background-color: #fff;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 78px;
}

.spg-list .bd .porlist li .datagn .ms {
    color: #999;
    font-size: 12px;
    line-height: 26px;
    padding: 0 10px;
    height: 26px;
    display: block;
}

.spg-list .bd .porlist li .datagn .rate {
    line-height: 24px;
    height: 26px;
    color: #666;
    font-size: 12px;
    padding: 0 10px;
    display: block;
}

.spg-list .bd .porlist li .datagn .rate .rate_d {
    float: left;
}

.spg-list .bd .porlist li .datagn .rate .rate_d em {
    font-style: normal;
    color: #F50;
}

.spg-list .bd .porlist li .datagn .rate .rate_x {
    float: right;
}

.spg-list .bd .porlist li .datagn .rate .rate_x em {
    font-style: normal;
    color: #F50;
}

.spg-list .bd .porlist li .datagn .ap {
    padding: 5px 10px 10px;
    display: none;
}

.spg-list .bd .porlist li .datagn .ap .shopa {
    float: left;
    color: #999;
}

.spg-list .bd .porlist li .datagn .ap .shopa em {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px;
    background: url(//g1.17qcc.com/2018/sitexie/images/icon_shop_sg.png) top center no-repeat;
}

.spg-list .bd .porlist li .datagn .ap .shopa i {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    color: #333;
}

.spg-list .bd .porlist li .datagn .ap .ages {
    width: 38px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #fff;
    color: #f50;
    text-align: center;
    margin-left: 8px;
    vertical-align: middle;
}

.spg-list .bd .porlist li .datagn .ap .ages i {
    font-style: normal;
    background-color: #f50;
    color: #fff;
    float: left;
}

.spg-list .bd .porlist li .datagn .ap .ar {
    float: right;
    width: 7px;
    height: 12px;
    background: url(//g1.17qcc.com/2018/sitexie/images/apar-icon.jpg) top center no-repeat;
    margin-top: 5px;
}

.spg-list .bd .porlist li .datagn .ap:hover .shopa em {
    background: url(//g1.17qcc.com/2018/sitexie/images/icon_shop.png) top center no-repeat;
}

.spg-list .bd .porlist li .datagn .ap:hover .shopa i {
    color: #f50;
}

.spg-list .bd .porlist li .picbox:hover .quickgn {
    height: 24px;
    opacity: 1;
}

.spg-list .bd .porlist li .picbox:hover .datagn {
    display: block;
}

.sp-jpg .w1200 {
    background-color: #fff;
}

.sp-jpg .hd {
    padding-left: 30px;
    line-height: 48px;
}

.sp-jpg .hd .pt-tit {
    line-height: normal;
    padding: 20px 0 0;
}

.sp-jpg .hd .pt-tit h3 {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    color: #333;
}

.sp-jpg .hd .pt-tit h3 span {
    float: left;
    height: 25px;
    width: 26px;
    margin-right: 8px;
    background: url(//g1.17qcc.com/2018/shop/images/sp-g2.png) center no-repeat;
}

.sp-jpg .hd .pt-tit .small {
    color: #999;
    margin-top: 9px;
    float: left;
}

.sp-jpg .hd .more {
    margin-right: 35px;
    line-height: normal;
    color: #999;
    padding-bottom: 2px;
    margin-top: 30px;
}

.sp-jpg .hd .more i {
    float: right;
    width: 7px;
    height: 10px;
    background: url(//g1.17qcc.com/2018/shop/images/marw-icon.jpg) top center no-repeat;
    background-size: 100% 100%;
    margin-left: 3px;
    margin-top: 3px;
}

.sp-jpg .hd .more:hover {
    color: #f50;
}

.sp-hot .w1200 {
    background-color: #fff;
}

.sp-hot .hd {
    padding-left: 30px;
    line-height: 48px;
}

.sp-hot .hd .pt-tit {
    line-height: normal;
    padding: 20px 0 0;
}

.sp-hot .hd .pt-tit h3 {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    color: #333;
}

.sp-hot .hd .pt-tit h3 span {
    float: left;
    height: 25px;
    width: 26px;
    margin-right: 8px;
    background: url(//g1.17qcc.com/2018/shop/images/sp-g3.png) center no-repeat;
}

.sp-hot .hd .pt-tit .small {
    color: #999;
    margin-top: 9px;
    float: left;
}

.sp-hot .hd .more {
    margin-right: 35px;
    line-height: normal;
    color: #999;
    padding-bottom: 2px;
    margin-top: 30px;
}

.sp-hot .hd .more i {
    float: right;
    width: 7px;
    height: 10px;
    background: url(//g1.17qcc.com/2018/shop/images/marw-icon.jpg) top center no-repeat;
    background-size: 100% 100%;
    margin-left: 3px;
    margin-top: 3px;
}

.sp-hot .hd .more:hover {
    color: #f50;
}

.sp-v {
    background-color: #fff;
    padding: 6px 0;
    text-align: center;
    font-size: 14px;
    color: #777;
}

.sp-v a {
    color: #777;
}

.sp-v a i {
    display: inline-block;
    vertical-align: middle;
    background: url(//g1.17qcc.com/2018/shop/images/sp-p4.png) 2px 3px no-repeat;
    width: 20px;
    height: 21px;
    background-size: 11px auto;
}

.sp-v a:hover {
    color: #f50;
}

.sho_nav .shcbox {
    float: right;
    margin-top: 15px;
    position: relative;
}

.sho_nav .shcbox #keywords {
    float: left;
    width: 170px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #bbb;
    padding-left: 26px;
    font-size: 12px;
    color: #666;
}

.sho_nav .shcbox .sch_icon {
    position: absolute;
    top: 14px;
    left: 10px;
    width: 12px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/sch_icon.png);
    background-size: 100% 100%;
}

.sho_nav .shcbox #product_seach {
    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;
}

.sho_nav .shcbox #product_seachall {
    float: left;
    margin-left: 10px;
    width: 80px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #F50;
    background-color: #fff;
    font-size: 14px;
    color: #f50;
    cursor: pointer;
    text-align: center;
}

.shopban {
    max-width: 100%;
    overflow: hidden;
    text-align: center;
}

.shopban table {
    margin: 0 auto;
}

.shopban img {
    max-width: 100%;
    overflow: hidden;
}

.qcc_mini .shopban table {
    width: 1200px;
}

.shopnot {
    margin-top: 18px;
    border: 1px solid #F0F0F0;
    padding: 20px 40px 10px 40px;
}

.shopnot .hd {
    text-align: center;
    color: #666;
}

.shopnot .panel {
    margin-top: 10px;
}

.shopnot .panel p {
    color: #666;
    line-height: 22px;
    text-indent: 2em;
}

.shopnot .panel p.guys {
    text-indent: 0;
}

.hotcategor .hd {
    margin-top: 28px;
    margin-bottom: 5px;
    text-align: center;
}

.hotcategor .hd span {
    display: inline-block;
    color: #333;
    font-size: 18px;
}

.hotcategor .hd span em.hot_icon {
    float: left;
    width: 16px;
    height: 18px;
    background-position: 0 -22px;
    margin-top: 4px;
    margin-right: 4px;
}

.categorlist ul {
    margin-left: -15px;
}

.categorlist ul li {
    float: left;
    width: 226px;
    margin-left: 15px;
    margin-top: 15px;
    border: 1px solid #F0F0F0;
}

.padd span.radd i,.padd .ricon em.star,.padd .ricon em.trade,.padd .ricon em.gongchang,.padd .ricon a.ww {
    background: url(https://g1.17qcc.com/2018/cart/images/cart-icons.png) top center no-repeat;
}

.categorlist ul li {
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    transition: border .3s ease;
    position: relative;
}

.categorlist ul li:hover {
    border-color: #f60;
}

.categorlist ul li a {
    display: block;
}

.categorlist ul li span.pic {
    display: block;
    width: 226px;
    height: 226px;
    overflow: hidden;
}

.categorlist ul li span.pic img {
    width: 226px;
    height: 226px;
}

.categorlist ul li:hover span.pic img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.categorlist ul li a {
    position: relative;
}

.categorlist ul li a span.icon_1 {
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-top: -4px;
    background: url(https://g1.17qcc.com/2018/icobuy.png) top center no-repeat;
    background-position: 0 0;
    position: absolute;
    right: 6px;
    bottom: 6px;
}

.categorlist ul li a span.s916bs {
    width: 67px;
    height: 68px;
    position: absolute;
    top: 0;
    left: 3px;
    background: url(https://g1.17qcc.com/2018/shop/images/special_sing.png) top center no-repeat;
    background-size: 100% 100%;
}

.categorlist ul li .pic {
    width: 226px;
    height: 220px;
    text-align: center;
    line-height: 220px;
}

.categorlist ul li span.icon_tfhours_goods {
    position: absolute;
    background: url(https://g1.17qcc.com/2018/product/images/icon_tfhours_goods1909.png) top center no-repeat;
    top: 0;
    left: -5px;
    width: 35px;
    height: 24px;
}

.categorlist ul li .icon_trn {
    position: absolute;
    top: 0;
    left: -5px;
    z-index: 2;
}

.categorlist ul li .icon_trn .cloud_ico {
    width: 68px;
    height: 24px;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -559px -245px;
    display: block;
    margin-left: 4px;
}

.categorlist ul li .icon_tfhours_goods {
    background: url(https://g1.17qcc.com/2018/product/images/icon_tfhours_goods1909.png) top center no-repeat;
    width: 35px;
    height: 20px;
    display: block;
}

.categorlist ul li .icon_new {
    background: url(//g1.17qcc.com/2018/sitexie/images/icon_new.png) top center no-repeat;
    width: 35px;
    height: 24px;
    display: block;
}

.categorlist ul li .special_stips {
    position: absolute;
    top: 2px;
    left: 3px;
    width: 220px;
    height: 220px;
    z-index: 1;
}

.categorlist ul li .desc {
    padding: 14px 10px 0;
}

.categorlist ul li p.brprice {
    height: 25px;
    line-height: 24px;
}

.categorlist ul li p.brprice span {
    font-size: 18px;
    color: #f50;
}

.categorlist ul li p.brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.categorlist ul li p.brprice em.viewpay {
    color: #999;
    font-size: 12px;
    float: right;
}

.categorlist ul li p.rowtitle {
    margin-top: 3px;
    height: 17px;
    line-height: 16px;
}

.categorlist ul li p.rowtitle a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.categorlist ul li p.size {
    color: #999;
    margin-top: 6px;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 130px;
}

.categorlist ul li p.shop a {
    color: #999;
}

.categorlist ul li .timelost {
    position: absolute;
    right: 6px;
    bottom: 32px;
    color: #FF600C;
    cursor: pointer;
}

.categorlist ul li .timelost i {
    width: 19px;
    height: 17px;
    float: left;
    padding-right: 3px;
}

.categorlist ul li .timelost i {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -606px -172px;
}

.categorlist ul li .timeltit {
    display: none;
    position: absolute;
    width: calc(100% - 16px);
    border: 1px solid #FFE8DC;
    box-shadow: 0 0 4px 0 rgba(255,85,0,0.2);
    height: 20px;
    bottom: 58px;
    left: 4px;
    background: #fff;
    z-index: 2;
    text-indent: 6px;
    color: #f50;
}

.categorlist ul li .timeltit::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 7px;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -589px -172px;
    bottom: -7px;
    right: 40px;
}

.categorlist ul li .timelost:hover+.timeltit {
    display: block;
}

.categorlist ul li .padd {
    height: 32px;
    border-top: 1px solid #f0f0f0;
    padding: 0 18px;
    margin-top: 12px;
    margin-left: -10px;
    margin-right: -10px;
    line-height: 32px;
}

.categorlist ul li .padd span.radd {
    color: #999;
    float: left;
}

.categorlist ul li .padd span.radd i {
    float: left;
    width: 10px;
    height: 13px;
    margin-right: 5px;
    background-position: 0 -41px;
    margin-top: 8px;
}

.categorlist ul li .padd .ricon {
    float: right;
}

.categorlist ul li .padd .ricon em {
    float: left;
    margin-right: 4px;
    width: 12px;
    height: 15px;
    margin-top: 8px;
}

.categorlist ul li .padd .ricon em.star {
    background-position: -32px -41px;
}

.categorlist ul li .padd .ricon em.trade {
    background-position: -47px -41px;
}

.categorlist ul li .padd .ricon em.gongchang {
    background-position: -61px -41px;
}

.categorlist ul li .padd .ricon a.ww {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    width: 13px;
    height: 14px;
    background-position: -87px -41px;
}

.categorlist ul li .desc .qual_box {
    padding-bottom: 8px;
    height: 22px;
}

.categorlist ul li .desc .qual_box img {
    display: inline-block;
    vertical-align: middle;
}

.categorlist ul li .desc .qual_box i {
    width: 16px;
    height: 16px;
    float: left;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    margin-right: 3px;
    margin-top: 3px;
}

.categorlist ul li .desc .qual_box i.real {
    background-position: -175px 0;
}

.categorlist ul li .desc .qual_box i.daifa {
    background-position: -175px -24px;
}

.categorlist ul li .desc .qual_box i.zifa {
    background-position: -175px -50px;
}

.categorlist ul li .desc .qual_box i.fast {
    background-position: -175px -76px;
}

.categorlist ul li .desc .qual_box i.factory {
    background-position: -175px -102px;
}

.categorlist ul li .desc .qual_box i.days15 {
    background-position: -175px -128px;
}

.categorlist ul li .desc .qual_box i.style {
    background-position: -201px 0;
}

.categorlist ul li .desc .qual_box i.personal {
    background-position: -201px -24px;
}

.categorlist ul li .desc .qual_box i.business {
    background-position: -201px -50px;
}

.categorlist ul li .desc .qual_box i.cross {
    background-position: -201px -76px;
}

.categorlist ul li .desc .qual_box i.good {
    background-position: -201px -102px;
}

.categorlist ul li .desc .qual_box i.gold {
    background-position: -201px -128px;
}

.categorlist ul li .quickgngb {
    position: relative;
}

.categorlist ul li .quickgn {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    line-height: 24px;
    text-align: center;
    color: #fff;
    width: 100%;
    background-color: rgba(255,124,59,0.9);
    opacity: 0;
    transition: all .1s ease-in;
    z-index: 11;
}

.categorlist ul li .quickgn .quic_s {
    float: left;
    width: 70px;
    color: #fff;
    cursor: pointer;
}

.categorlist ul li .quickgn .cross {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.categorlist ul li .quickgn .cross em.crosstips {
    width: 31px;
    height: 6px;
    background: url(https://g1.17qcc.com/2018/product/images/crosstips.png) top center no-repeat;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -15px;
    display: none;
    z-index: 6;
}

.categorlist ul li .quickgn .cross dl {
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    background-color: #fff;
    width: 100%;
    padding-top: 6px;
    height: 72px;
    z-index: 2;
}

.categorlist ul li .quickgn .cross dl dd {
    text-align: left;
    line-height: 22px;
    height: 22px;
    margin-left: 5px;
    width: 64px;
    cursor: pointer;
    background-color: #FFFAF7;
    border: 1px solid #FFFAF7;
    float: left;
    margin-bottom: 3px;
}

.categorlist ul li .quickgn .cross dl dd em {
    color: #666;
}

.categorlist ul li .quickgn .cross dl dd img {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    margin-right: 5px;
}

.categorlist ul li .quickgn .cross dl dd i {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    margin-right: 5px;
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png?a23) top center no-repeat;
    vertical-align: middle;
    margin-top: -2px;
}

.categorlist ul li .quickgn .cross dl dd i.taobao {
    background-position: -98px -259px;
}

.categorlist ul li .quickgn .cross dl dd i.ali {
    background-position: -118px -259px;
}

.categorlist ul li .quickgn .cross dl dd i.jd {
    background-position: -136px -259px;
}

.categorlist ul li .quickgn .cross dl dd i.pdd {
    background-position: -98px -278px;
}

.categorlist ul li .quickgn .cross dl dd i.shopee {
    background-position: -117px -278px;
}

.categorlist ul li .quickgn .cross dl dd i.dy {
    background-position: -136px -278px;
}

.categorlist ul li .quickgn .cross dl dd i.ks {
    background-position: -98px -297px;
}

.categorlist ul li .quickgn .cross dl dd i.wish {
    background-position: -117px -297px;
}

.categorlist ul li .quickgn .cross dl dd:hover {
    border: 1px solid #FF5600;
    color: #FF4200;
    background-color: #fff;
}

.categorlist ul li .quickgn .cross:hover {
    background-color: #F50;
}

.categorlist ul li .quickgn .cross:hover .crosstips {
    display: block;
}

.categorlist ul li .quickgn .cross:hover dl {
    display: block;
}

.categorlist ul li .datagn {
    display: none;
    background-color: #fff;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 116px;
}

.categorlist ul li .datagn .ms {
    color: #999;
    font-size: 12px;
    line-height: 26px;
    padding: 0 10px;
    height: 26px;
    display: block;
}

.categorlist ul li .datagn .rate {
    line-height: 24px;
    height: 26px;
    color: #666;
    font-size: 12px;
    padding: 0 10px;
    display: block;
}

.categorlist ul li .datagn .rate .rate_d {
    float: left;
}

.categorlist ul li .datagn .rate .rate_d em {
    font-style: normal;
    color: #F50;
}

.categorlist ul li .datagn .rate .rate_x {
    float: right;
}

.categorlist ul li .datagn .rate .rate_x em {
    font-style: normal;
    color: #F50;
}

.categorlist ul li .datagn .ap {
    padding: 5px 10px 10px;
    display: none;
}

.categorlist ul li .datagn .ap .shopa {
    float: left;
    color: #999;
}

.categorlist ul li .datagn .ap .shopa em {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px;
    background: url(//g1.17qcc.com/2018/sitexie/images/icon_shop_sg.png) top center no-repeat;
}

.categorlist ul li .datagn .ap .shopa i {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    color: #333;
}

.categorlist ul li .datagn .ap .ages {
    width: 38px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #fff;
    color: #f50;
    text-align: center;
    margin-left: 8px;
    vertical-align: middle;
}

.categorlist ul li .datagn .ap .ages i {
    font-style: normal;
    background-color: #f50;
    color: #fff;
    float: left;
}

.categorlist ul li .datagn .ap .ar {
    float: right;
    width: 7px;
    height: 12px;
    background: url(//g1.17qcc.com/2018/sitexie/images/apar-icon.jpg) top center no-repeat;
    margin-top: 5px;
}

.categorlist ul li .datagn .ap:hover .shopa em {
    background: url(//g1.17qcc.com/2018/sitexie/images/icon_shop.png) top center no-repeat;
}

.categorlist ul li .datagn .ap:hover .shopa i {
    color: #f50;
}

.categorlist ul li .picbox:hover .quickgn {
    height: 24px;
    opacity: 1;
}

.categorlist ul li .picbox:hover .datagn {
    display: block;
}

.qcc_mini .w1400 .categorlist ul {
    margin-left: -15px;
}

.qcc_mini .w1400 .categorlist li {
    width: 226px;
    margin-left: 15px;
}

.qcc_mini .w1400 .categorlist li span.pic {
    width: 226px;
    height: 226px;
    overflow: hidden;
}

.qcc_mini .w1400 .categorlist li span.pic img {
    width: 226px;
    height: 226px;
    line-height: 226px;
}

.lowerlist ul {
    margin-left: -16px;
}

.lowerlist ul li {
    float: left;
    width: 217px;
    margin-left: 16px;
    margin-top: 15px;
    border: 1px solid #F0F0F0;
}

.padd span.radd i,.padd .ricon em.star,.padd .ricon em.trade,.padd .ricon em.gongchang,.padd .ricon a.ww {
    background: url(https://g1.17qcc.com/2018/cart/images/cart-icons.png) top center no-repeat;
}

.lowerlist ul li {
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    transition: border .3s ease;
    position: relative;
}

.lowerlist ul li:hover {
    border-color: #f60;
}

.lowerlist ul li a {
    display: block;
}

.lowerlist ul li span.pic {
    display: block;
    width: 100%;
    height: 219px;
    overflow: hidden;
}

.lowerlist ul li span.pic img {
    width: 100%;
    height: 219px;
}

.lowerlist ul li:hover span.pic img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.lowerlist ul li .desc {
    padding: 14px 10px 0;
}

.lowerlist ul li p.brprice {
    height: 25px;
    line-height: 24px;
    text-indent: 0;
}

.lowerlist ul li p.brprice span {
    font-size: 18px;
    color: #f50;
}

.lowerlist ul li p.brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.lowerlist ul li p.brprice em.viewpay {
    color: #999;
    font-size: 12px;
    float: right;
}

.lowerlist ul li p.rowtitle {
    margin-top: 3px;
    height: 17px;
    line-height: 16px;
    text-indent: 0;
}

.lowerlist ul li p.rowtitle a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lowerlist ul li p.size {
    color: #999;
    margin-top: 6px;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 0;
}

.lowerlist ul li p.shop {
    text-indent: 0;
}

.lowerlist ul li p.shop a {
    color: #999;
}

.lowerlist ul li .padd {
    height: 32px;
    border-top: 1px solid #f0f0f0;
    padding: 0 18px;
    margin-top: 12px;
    margin-left: -10px;
    margin-right: -10px;
    line-height: 32px;
}

.lowerlist ul li .padd span.radd {
    color: #999;
    float: left;
}

.lowerlist ul li .padd span.radd i {
    float: left;
    width: 10px;
    height: 13px;
    margin-right: 5px;
    background-position: 0 -41px;
    margin-top: 8px;
}

.lowerlist ul li .padd .ricon {
    float: right;
}

.lowerlist ul li .padd .ricon em {
    float: left;
    margin-right: 4px;
    width: 12px;
    height: 15px;
    margin-top: 8px;
}

.lowerlist ul li .padd .ricon em.star {
    background-position: -32px -41px;
}

.lowerlist ul li .padd .ricon em.trade {
    background-position: -47px -41px;
}

.lowerlist ul li .padd .ricon em.gongchang {
    background-position: -61px -41px;
}

.lowerlist ul li .padd .ricon a.ww {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    width: 13px;
    height: 14px;
    background-position: -87px -41px;
}

.qcc_mini .w1400 .lowerlist ul {
    margin-left: -15px;
}

.qcc_mini .w1400 .lowerlist li {
    width: 226px;
    margin-left: 15px;
}

.qcc_mini .w1400 .lowerlist li span.pic {
    width: 226px;
    height: 226px;
    overflow: hidden;
}

.qcc_mini .w1400 .lowerlist li span.pic img {
    width: 226px;
    height: 226px;
    line-height: 226px;
}

.listmore {
    text-align: center;
    margin-top: 40px;
}

.listmore a {
    display: inline-block;
    width: 160px;
    height: 40px;
    background-color: #F50;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
}

.listmore a:hover {
    background-color: #ff8649;
}

.beingq p {
    margin-top: 10px;
    color: #666;
    margin-bottom: 10px;
}

.beingq p span {
    color: #F50;
}

.loading_move {
    text-align: center;
    padding: 40px 0;
}

.loading_move .loading {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-position: -161px -16px;
}

.shocatel {
    position: fixed;
    top: 203px;
    right: 50%;
    margin-right: 612px;
    border: 1px solid #F0F0F0;
    width: 113px;
    z-index: 20180702;
    background-color: #fff;
}

.shocatel .catehd {
    color: #999;
    border-bottom: 1px solid #f0f0f0;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    display: block;
    background-color: #FAFAFA;
}

.shocatel ul li {
    height: 48px;
    border-top: 1px dashed #bbb;
    line-height: 48px;
    position: relative;
}

.shocatel ul li span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 0 12px;
}

.shocatel ul li.first {
    border-top: 0;
}

.shocatel ul li span a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 77px;
}

.shocatel ul li span i {
    position: absolute;
    right: 9px;
    top: 23px;
    height: 5px;
    overflow: hidden;
    font: 700 16px/16px simsun;
    color: #999;
    display: block;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
}

.shocatel ul li span i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.shocatel ul li.active a {
    color: #f50;
}

.shocatel ul li.active span i {
    color: #f50;
}

.shocatel ul li span:hover {
    color: #f50;
}

.shocatel ul li span:hover i {
    color: #f50;
}

.shocatel ul li .menubar {
    position: absolute;
    top: 0;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-left: 0;
    width: 243px;
    right: -245px;
    padding-bottom: 16px;
    display: none;
}

.shocatel ul li .menubar p {
    margin-left: 14px;
    line-height: normal;
}

.shocatel ul li .menubar p.title {
    margin-bottom: 4px;
    margin-top: 16px;
}

.shocatel ul li .menubar p.title em {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 5px 4px 0;
    border-style: solid;
    border-color: #bbb transparent transparent;
    vertical-align: middle;
    margin-right: 4px;
}

.shocatel ul li .menubar p a {
    float: left;
    margin-right: 16px;
    margin-top: 6px;
    color: #666;
}

.shocatel ul li .menubar p a:hover {
    color: #f50;
}

.shocatel ul li .menubar p a.active {
    color: #f50;
}

.shocatel ul li:hover .menubar {
    display: block;
}

.qcc_mini .shocatel {
    margin-right: 552px;
    top: 198px;
}

.hotwrap {
    float: left;
    width: 190px;
}

.hotwrap .hd {
    margin: 10px 0;
}

.hotwrap .hd span {
    display: inline-block;
    color: #333;
    font-size: 18px;
}

.hotwrap .hd span em.hot_icon {
    float: left;
    width: 16px;
    height: 18px;
    background-position: 0 -22px;
    margin-top: 4px;
    margin-right: 4px;
}

.hotwrap ul li {
    width: 188px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    margin-bottom: 10px;
}

.hotwrap ul li a {
    display: block;
    margin: 10px 10px 13px 10px;
}

.hotwrap ul li a .pic {
    display: block;
}

.hotwrap ul li a .pic img {
    width: 172px;
    height: 172px;
}

.hotwrap ul li a .desc {
    margin-top: 12px;
}

.hotwrap ul li a .desc .brprice {
    height: 25px;
    line-height: 24px;
}

.hotwrap ul li a .desc .brprice span {
    font-size: 18px;
    color: #f50;
}

.hotwrap ul li a .desc .brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.hotwrap ul li a .desc .brprice em.size {
    color: #999;
    float: right;
}

.hotwrap ul li a .desc .viewpay {
    margin-top: 2px;
}

.hotwrap ul li a .desc .viewpay em {
    color: #f50;
}

.colname {
    float: right;
    width: 990px;
    margin-top: 10px;
}

.colname .hd {
    height: 40px;
    line-height: 40px;
    background-color: #f50;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding-left: 20px;
}

.colname .panel {
    padding: 20px 44px 20px 20px;
    border: 1px solid #f0f0f0;
}

.colname .panel p {
    color: #666;
    line-height: 22px;
    text-indent: 2em;
}

.colname .panel p.guys {
    text-indent: 0;
}

.pinfo p.toptitle {
    height: 25px;
    line-height: 24px;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.pinfo p.toptitle .special_sing {
    display: inline-block;
    vertical-align: middle;
    max-width: 88px;
    max-height: 20px;
    margin-right: 6px;
    margin-top: -4px;
}

.pinfo p.toptitle span.icon_fhour {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 20px;
    background: url(https://g1.17qcc.com/special/s1212/images/icon_fhour_tit.png?v1910) top center no-repeat;
    margin-right: 12px;
    margin-top: -2px;
}

.item_info .picsize {
    float: left;
    width: 1020px;
    min-height: 590px;
}

.item_info .picsize .pcs_l {
    float: left;
    width: 377px;
}

.picsize .pcs_l .pro_img {
    width: 377px;
    height: 377px;
    position: relative;
    text-align: center;
}

.picsize .pcs_l .pro_img img.special_sing {
    width: 67px;
    height: 68px;
    position: absolute;
    top: 0;
    left: 7px;
}

.picsize .pcs_l .pro_img img {
    max-width: 377px;
    max-height: 377px;
}

.picsize .pcs_l .pro_img .viewer {
    width: 400px;
    height: 400px;
    position: absolute;
    left: 378px;
    top: 0;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    display: none;
    z-index: 3;
}

.pinfo .pro_img .viewer div {
    position: absolute;
    border: 0 dashed #dcdcdc;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.picsize .pcs_l .pro_img .viewer img {
    max-width: none;
    max-height: none;
}

.item_info .picsize .pcs_r {
    float: left;
    margin-left: 20px;
    width: 623px;
}

.picsize .pcs_l .pro_img .video {
    position: absolute;
    width: 377px;
    height: 377px;
    top: 0;
    z-index: 1;
    background: #000;
}

.picsize .pcs_l .pro_img .video video {
    width: 377px;
    height: 377px;
    position: absolute;
    top: 0;
    left: 0;
}

.picsize .pcs_l .pro_img .video_begin {
    width: 68px;
    height: 68px;
    position: absolute;
    background-image: url(https://g1.17qcc.com/2018/shop/images/video.png);
    top: 154px;
    left: 154px;
}

.picsize .pcs_l .pro_img .video_begin:hover {
    cursor: pointer;
    background-image: url(https://g1.17qcc.com/2018/shop/images/video_hover.png);
}

.picsize .pcs_l .pro_img .video_close {
    width: 36px;
    height: 36px;
    position: absolute;
    background-image: url(https://g1.17qcc.com/2018/shop/images/video_close.png);
    right: 10px;
    top: 10px;
    z-index: 2;
}

.thumb_con {
    margin-top: 33px;
    margin-bottom: 40px;
    width: 377px;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.thumb_con .ul_box {
    width: 348px;
    overflow: hidden;
    margin: 0 auto;
}

.thumb_con .thumb_box {
    position: relative;
}

.thumb_con .thumb_box li {
    float: left;
    margin-right: -12px;
}

.thumb_con .thumb_box li dl {
    overflow: hidden;
}

.thumb_con .thumb_box li dl dd {
    float: left;
    margin-right: 12px;
}

.thumb_con .thumb_box li dl dd a {
    display: block;
    width: 56px;
    height: 56px;
    text-align: center;
    border: 2px solid #fff;
}

.thumb_con .thumb_box li dl dd a.active {
    border-color: #f50;
}

.thumb_con .thumb_box li dl dd a:hover {
    border-color: #f50;
}

.thumb_con .thumb_box li dl dd img {
    max-width: 56px;
    max-height: 56px;
    line-height: 56px;
}

.thumb_con .pre {
    width: 6px;
    height: 10px;
    position: absolute;
    margin-top: 25px;
    cursor: pointer;
    top: 0;
    left: 0;
}

.thumb_con .pre .icon_arrow_left {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 5px 6px 5px 0;
    border-style: dashed solid dashed dashed;
    border-color: transparent #999 transparent transparent;
}

.thumb_con .pre span {
    position: absolute;
    top: 0;
    left: 2px;
    border-width: 5px 6px 5px 0;
    border-style: dashed solid dashed dashed;
    border-color: transparent #fff transparent transparent;
}

.thumb_con .pre:hover .icon_arrow_left {
    border-color: transparent #f50 transparent transparent;
}

.thumb_con .pre.active .icon_arrow_left {
    border-color: transparent #888 transparent transparent;
}

.thumb_con .next {
    width: 6px;
    height: 10px;
    position: absolute;
    margin-top: 25px;
    cursor: pointer;
    top: 0;
    right: 0;
}

.thumb_con .next .icon_arrow_right {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 5px 0 5px 6px;
    border-style: dashed solid dashed dashed;
    border-color: transparent transparent transparent #888;
}

.thumb_con .next span {
    position: absolute;
    top: 0;
    left: -2px;
    border-width: 5px 0 5px 6px;
    border-style: dashed solid dashed dashed;
    border-color: transparent transparent transparent #fff;
}

.thumb_con .next:hover .icon_arrow_right {
    border-color: transparent transparent transparent #f50;
}

.thumb_con .next.active .icon_arrow_left {
    border-color: transparent transparent transparent #e5e5e5;
}

.pro_like {
    margin-top: 40px;
    margin-left: -49px;
}

.pro_like a {
    float: left;
    margin-left: 31px;
}

.pro_like a em {
    color: #666;
}

.pro_like a span {
    width: 18px;
    height: 15px;
    display: inline-table;
    vertical-align: middle;
    background: url(https://g1.17qcc.com/2018/shop/images/comdetail.png) no-repeat top center;
    margin-top: -4px;
    margin-right: 7px;
}

.pro_like a.dohdg span {
    background-position: 0 0;
}

.pro_like a.downimg span {
    background-position: -41px 0;
}

.pro_like a.wxfenx span {
    background-position: -77px -2px;
}

.pro_like a.scproduct span {
    background: url(https://g1.17qcc.com/2018/shop/images/coll_shop.png?v14) top center no-repeat;
    background-size: contain;
    width: 16px;
    height: 15px;
    vertical-align: middle;
    margin-top: -5px;
}

.pro_like a:hover em {
    color: #f50;
}

.pro_like .soutc span {
    background: url(https://g1.17qcc.com/2018/shop/images/soutc-icon.png) no-repeat top center;
    background-size: 12px;
}

.price_detail {
    background-color: #FAF2EB;
    border-top: 1px solid #F50;
}

.price_detail .dttitle {
    float: left;
}

.price_detail .dttitle dt {
    color: #666;
    padding-left: 20px;
    padding-top: 22px;
    padding-bottom: 20px;
    width: 64px;
}

.price_detail .dttitle dt.first {
    padding-bottom: 0;
}

.price_detail .pri_de {
    float: left;
}

.price_detail .pri_de dd {
    float: left;
    position: relative;
}

.price_detail .pri_de dd .pri_de_price {
    padding-left: 17px;
}

.price_detail .pri_de dd .pri_de_price span {
    font-size: 18px;
    color: #F50;
}

.price_detail .pri_de dd .pri_de_price em {
    font-size: 34px;
    color: #F50;
}

.price_detail .pri_de dd span.price916 {
    width: 50px;
    height: 28px;
    position: absolute;
    top: 12px;
    right: -28px;
    background-size: 100% 100%;
}

.price_detail .pri_de dd span.price916 img {
    width: 100%;
    height: 100%;
}

.price_detail .pri_de dd .pri_de_num {
    float: left;
    padding-left: 17px;
    width: 153px;
    padding-top: 11px;
    padding-bottom: 20px;
}

.price_detail .prm {
    margin-top: 10px;
    padding-right: 30px;
}

.price_detail .prm span {
    float: left;
    width: 83px;
    height: 28px;
    background: url(https://g1.17qcc.com/2018/shop/images/prmg.png) top center no-repeat;
    line-height: 28px;
    color: #fff;
    text-align: center;
    margin-left: -2px;
}

.price_detail .prm a {
    float: right;
    width: 70px;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    text-align: center;
    background-color: #F50;
    color: #fff;
}

.custom {
    padding: 0 0 10px 22px;
    border-bottom: 1px dashed #d0d0d0;
}

.custom .custom_s {
    margin-top: 10px;
}

.custom .custom_s .title {
    float: left;
    width: 48px;
    color: #666;
    text-align: left;
    margin-right: 38px;
}

.custom .custom_s .addrs {
    margin-left: 18px;
}

.custom .custom_s span.icon_1 {
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-top: -4px;
    background: url(https://g1.17qcc.com/2018/icobuy.png) top center no-repeat;
    background-position: 0 0;
}

.custom .custom_s .custom_dec {
    float: left;
}

.custom .custom_s .custom_dec span {
    margin-left: 18px;
    float: left;
}

.custom .custom_s .custom_dec span.size {
    margin-left: 0;
}

.custom .custom_s .custom_dec span.volu em {
    color: #f50;
    margin-right: 2px;
    margin-left: 2px;
}

.custom .custom_s .custom_dec span.jud em {
    color: #f50;
    margin-right: 2px;
    margin-left: 2px;
}

.custom .custom_s .custom_dec span.pview em {
    color: #666;
    margin-left: 17px;
}

.custom .custom_s .curstom_box {
    float: left;
    width: 515px;
}

.custom .custom_s span.subcou {
    color: #f50;
    float: left;
    padding: 0 8px;
    border: 1px solid #FF7029;
    margin-top: -1px;
    line-height: 18px;
    border-left: 0;
    border-right: 0;
    position: relative;
    margin-right: 3px;
    margin-bottom: 3px;
}

.custom .custom_s span.subcou i {
    background: url(https://g1.17qcc.com/2018/cart/images/cart-icons.png) no-repeat top center;
    width: 2px;
    height: 19px;
    position: absolute;
    top: 0;
}

.custom .custom_s span.subcou i.bdl {
    background-position: -62px 0;
    left: 0;
}

.custom .custom_s span.subcou i.bdr {
    background-position: -66px 0;
    right: 0;
}

.pro_color {
    padding-left: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #d0d0d0;
}

.pro_color .title {
    float: left;
    width: 48px;
    text-align: left;
    color: #666;
    margin-right: 16px;
    margin-top: 7px;
}

.pro_color ul {
    margin-left: 64px;
}

.pro_color a {
    float: left;
    margin-left: 20px;
    border: 1px solid #BBB;
    min-width: 30px;
    height: 30px;
    text-align: center;
    line-height: 27px;
    position: relative;
    margin-bottom: 5px;
}

.pro_color a span {
    display: none;
    line-height: normal;
    position: absolute;
    bottom: -28px;
    left: 0;
    padding: 2px 3px;
    color: #575757;
    border: 1px solid #767676;
    background-color: #f9f9fb;
    border-radius: 4px;
    min-width: 46px;
    z-index: 9;
    white-space: nowrap;
}

.pro_color a:hover span {
    display: block;
}

.pro_color a img {
    max-width: 30px;
    max-height: 30px;
}

.pro_color li.J_clr a {
    border: 2px solid #F50;
    margin-bottom: 4px;
    margin-top: -1px;
    margin-left: 18px;
}

.pro_size {
    padding-left: 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
}

.pro_size .title {
    color: #666;
    padding-top: 10px;
    float: left;
    width: 48px;
    margin-right: 16px;
}

.pro_size_box {
    position: relative;
}

.pro_size_box .obj_expand {
    display: block;
    position: absolute;
    bottom: -15px;
    left: 98px;
}

.pro_size_box .obj_expand a {
    display: block;
    width: 30px;
    height: 14px;
    line-height: 200;
    overflow: hidden;
    border: 1px solid #bbb;
    border-top-color: #fff;
    border-radius: 0 0 2px 2px;
}

.pro_size_box .obj_expand a i {
    top: 4px;
    right: 8px;
    height: 5px;
    overflow: hidden;
    font: 700 14px/16px simsun;
    color: #666;
    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%;
}

.pro_size_box .obj_expand a i s {
    position: relative;
    top: -9px;
    text-decoration: none;
}

.pro_size .pro_size_item {
    margin-left: 82px;
    width: 513px;
    height: 170px;
    overflow: hidden;
}

.pro_size .pro_size_item li {
    margin-top: 10px;
    float: left;
    min-height: 24px;
    line-height: 24px;
    max-width: 500px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ececec;
    min-width: 408px;
}

.pro_size .pro_size_item li:last-child {
    border: 0;
}

.pro_size .pro_size_item li span {
    float: left;
}

.pro_size .pro_size_item li .size_name {
    width: 80px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    margin-right: 20px;
}

.pro_size .pro_size_item li .size_name img {
    width: 30px;
    height: 30px;
}

.pro_size .pro_size_item li .size_price {
    width: 100px;
}

.pro_size .pro_size_item li .size_sale {
    width: 118px;
}

.pro_size .pro_size_item li .size_num {
    float: left;
}

.pro_size .pro_size_item li .size_num .btn {
    background-color: #F5F5F5;
    width: 22px;
    height: 22px;
    border: 1px solid #DBDBDB;
    text-align: center;
    cursor: pointer;
    line-height: 22px;
    color: #999;
}

.pro_size .pro_size_item li .size_num .btn:hover {
    color: #333;
}

.pro_size .pro_size_item li .size_num .size_input {
    position: relative;
    z-index: 0;
    width: 42px;
    height: 22px;
    border: 1px solid #DBDBDB;
    border-left: 0;
    border-right: 0;
    vertical-align: top;
    text-align: center;
    line-height: 22px;
}

.pro_size .pro_size_item li .size_num:hover .btn {
    border-color: #f50;
}

.pro_size .pro_size_item li .size_num:hover .size_input {
    border-color: #f50;
}

.pro_sub {
    margin-left: 102px;
    margin-top: 16px;
    position: relative;
}

.pro_sub span {
    display: inline-block;
    margin-right: 20px;
}

.pro_sub span em {
    color: #f50;
}

.pro_sub span.total em {
    font-size: 18px;
}

.pro_sub a {
    display: inline-block;
    color: #666;
}

.pro_sub a span {
    margin-right: 6px;
}

.pro_sub a em {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #BBB;
    display: inline-block;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transition: transform .1s ease-in 0s;
    -webkit-transition: -webkit-transform .1s ease-in 0s;
}

.pro_sub_expand a em {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.pro_sub a:hover {
    color: #f50;
}

.pro_sub a:hover em {
    border-left-color: #f50;
}

.pro_sub .list-info .table-list {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.pro_sub .list-info {
    width: 621px;
    display: none;
    max-height: 330px;
    position: absolute;
    z-index: 100;
    bottom: 26px;
    right: 0;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-bottom: 0;
    background-color: #fff;
    color: #6C5858;
}

.pro_sub .list-info .table-list {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.pro_sub .list-info td {
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.pro_sub .list-info .prop {
    width: 74px;
    padding: 17px 10px;
    font-weight: 700;
}

.pro_sub .list-info .amount {
    width: 80px;
    padding: 17px 10px;
}

.pro_sub .list-info .desc {
    padding: 12px 10px;
    border-right: 0 none;
    text-align: left;
}

.pro_sub .list-info .desc li {
    float: left;
    line-height: 28px;
}

.pro_sub .list-info .desc span {
    margin-right: 6px;
    float: left;
}

.pro_sub_expand .list-info {
    display: block;
}

.pro_btn {
    margin-top: 23px;
    margin-left: 26px;
}

.pro_btn a {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 20px;
    font-size: 16px;
}

.pro_btn .order_action {
    width: 124px;
    background-color: #f50;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: 1px solid #f50;
}

.pro_btn .order_action:hover {
    background-color: #ff742f;
}

.pro_btn .order_action_no {
    border: 0;
}

.pro_btn .docart {
    width: 133px;
    height: 38px;
    border: 1px solid #f50;
    background-color: #fff6f2;
    color: #f50;
    border-radius: 2px;
}

.pro_btn .docart .addcart_icon {
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/shop/images/comdetail.png) no-repeat 0 -30px;
    width: 14px;
    height: 19px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 9px;
}

.pro_btn .cross {
    width: 120px;
    height: 38px;
    border: 1px solid #f50;
    background-color: #fff6f2;
    color: #F50;
    font-size: 16px;
    line-height: 38px;
}

.pro_btn .cross em {
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/shop/images/comdetail.png) -41px -35px no-repeat;
    width: 18px;
    height: 14px;
    vertical-align: middle;
    margin-right: 9px;
    margin-top: -2px;
}

.pro_btn .downimg {
    width: 120px;
    height: 38px;
    border: 1px solid #f50;
    background-color: #fff6f2;
    color: #F50;
    font-size: 16px;
    line-height: 38px;
}

.pro_btn .downimg em {
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/shop/images/comdetail.png) -41px 0 no-repeat;
    width: 18px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}

.pro_btn .notopen_btn {
    width: 164px;
    height: 40px;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    background-color: #ececec;
    font-size: 16px;
    color: #333;
    margin-left: -6px;
    float: left;
    line-height: 40px;
    text-align: center;
    cursor: no-drop;
}

.pro_btn .notopen_btn .icon_notrad {
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/shop/images/notrading.png) top center no-repeat;
    width: 19px;
    height: 18px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}

.pro_btn .order_action_no {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 20px;
    background-color: #C9C9C9;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    width: 124px;
}

.pro_btn .docart_no {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 20px;
    background-color: #C9C9C9;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    width: 124px;
}

.pro_btn .docart_no .addcart_icon {
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/shop/images/comdetail_cno.png) no-repeat top center;
    width: 14px;
    height: 19px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 9px;
}

.okupload {
    display: none;
}

.okupload ul {
    margin-top: 40px;
    margin-left: 4px;
}

.okupload ul li {
    margin-left: 40px;
    float: left;
    width: 73px;
    text-align: center;
}

.okupload ul li span {
    color: #333;
    font-size: 12px;
    display: block;
}

.okupload ul li i {
    display: block;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    background-image: url(https://g1.17qcc.com/2018/shop/images/sharePlatSprite.png?2012);
    background-repeat: no-repeat;
    margin-top: 6px;
    margin-bottom: 10px;
}

.okupload ul li .taobao {
    background-position: 0 0;
}

.okupload ul li .ali {
    background-position: -87px 0;
}

.okupload ul li .jd {
    background-position: 0 -89px;
}

.okupload ul li .pdd {
    background-position: -87px -89px;
}

.okupload ul li .shopee {
    background-position: -175px 0;
}

.okupload ul li .dy {
    background-position: -175px -89px;
}

.okupload ul li .ks {
    background-position: -263px 0;
}

.item_info .sidebar {
    float: right;
    margin-left: 30px;
}

.item_info .sidebar ul li {
    width: 148px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    margin-bottom: 5px;
}

.item_info .sidebar ul li a {
    display: block;
    margin: 8px 10px 8px 8px;
}

.item_info .sidebar ul li a .pic {
    display: block;
    text-align: center;
    width: 134px;
    margin: 0 auto;
}

.item_info .sidebar ul li a .pic img {
    width: 134px;
    height: 134px;
    line-height: 134px;
}

.item_info .sidebar ul li a:hover .pic img {
    opacity: .8;
    -webkit-transition: opacity ease .2s;
    -o-transition: opacity ease .2s;
    -moz-transition: opacity ease .2s;
    transition: opacity ease .2s;
}

.item_info .sidebar ul li a .desc {
    margin-top: 3px;
}

.item_info .sidebar ul li a .desc .brprice {
    height: 25px;
    line-height: 24px;
}

.item_info .sidebar ul li a .desc .brprice span {
    font-size: 18px;
    color: #f50;
}

.item_info .sidebar ul li a .desc .brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.item_info .sidebar ul li a .desc .brprice em.size {
    color: #999;
    float: right;
}

.item_info .sidebar ul li a .desc .viewpay {
    margin-top: 2px;
    color: #999;
}

.item_info .sidebar ul li a .desc .viewpay em {
    color: #f50;
}

.pro_recon p.title {
    font-size: 18px;
    line-height: 25px;
}

.pro_recon ul {
    margin-right: -12px;
}

.pro_recon ul li {
    width: 190px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
}

.pro_recon ul li a {
    display: block;
    margin: 10px;
}

.pro_recon ul li a .pic {
    display: block;
    text-align: center;
    width: 172px;
}

.pro_recon ul li a .pic img {
    width: 172px;
    height: 172px;
    line-height: 172px;
}

.pro_recon ul li a:hover .pic img {
    opacity: .8;
    -webkit-transition: opacity ease .2s;
    -o-transition: opacity ease .2s;
    -moz-transition: opacity ease .2s;
    transition: opacity ease .2s;
}

.pro_recon ul li a .desc {
    margin-top: 15px;
}

.pro_recon ul li a .desc .brprice {
    height: 25px;
    line-height: 24px;
}

.pro_recon ul li a .desc .brprice span {
    font-size: 18px;
    color: #f50;
}

.pro_recon ul li a .desc .brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.pro_recon ul li a .desc .brprice em.size {
    color: #999;
    float: right;
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_recon ul li a .desc .viewpay {
    margin-top: 2px;
    color: #999;
}

.pro_recon ul li a .desc .viewpay em {
    color: #f50;
}

.segmentbox .title {
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.segmentbox .pro_sort {
    float: left;
    width: 192px;
}

.pro_sort .pro_rank ul li {
    width: 190px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    border-top: 0;
}

.pro_sort .pro_rank ul li a {
    display: block;
    padding: 10px;
}

.pro_sort .pro_rank ul li a .pic {
    display: block;
    text-align: center;
    width: 172px;
}

.pro_sort .pro_rank ul li a .pic img {
    width: 172px;
    height: 172px;
    line-height: 172px;
}

.pro_sort .pro_rank ul li a:hover .pic img {
    opacity: .8;
    -webkit-transition: opacity ease .2s;
    -o-transition: opacity ease .2s;
    -moz-transition: opacity ease .2s;
    transition: opacity ease .2s;
}

.pro_sort .pro_rank ul li a .desc {
    margin-top: 16px;
}

.pro_sort .pro_rank ul li a .desc .brprice {
    height: 25px;
    line-height: 24px;
}

.pro_sort .pro_rank ul li a .desc .brprice .prr_score {
    color: #333;
    float: left;
}

.pro_sort .pro_rank ul li a .desc .brprice .prr_score i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #f50;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    text-align: center;
    line-height: 18px;
    margin-top: -4px;
    margin-right: 3px;
}

.pro_sort .pro_rank ul li a .desc .brprice span {
    font-size: 18px;
    color: #f50;
    float: right;
}

.pro_sort .pro_rank ul li a .desc .brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.pro_sort .pro_rank ul li a .desc .viewpay {
    margin-top: 2px;
    color: #a6a6a6;
}

.pro_busipush {
    margin-bottom: 30px;
}

.pro_busipush p.title {
    font-size: 18px;
    line-height: 25px;
}

.pro_busipush ul {
    margin-left: -12px;
    margin-top: 10px;
}

.pro_busipush ul li {
    float: left;
    margin-left: 12px;
    border: 1px solid transparent;
    width: 390px;
    height: 196px;
    transition: all .5s ease-in-out;
}

.pro_busipush ul li a {
    display: block;
    position: relative;
}

.pro_busipush ul li .scrpage img {
    width: 392px;
    height: 198px;
    position: absolute;
    top: 0;
    left: 0;
}

.pro_busipush ul li:hover {
    border: 1px solid #f50;
}

.pro_busipush ul li:hover .scrpage {
    display: none;
}

.pro_busipush ul li:hover dl {
    display: block;
    margin: 6px 6px 6px 3px;
}

.pro_busipush ul li dl {
    display: none;
}

.pro_busipush ul li dl dd {
    float: left;
    margin-left: 3px;
}

.pro_busipush ul li dl dd a {
    width: 124px;
    height: 184px;
    overflow: hidden;
}

.pro_busipush ul li dl dd a img {
    width: auto;
    max-height: 184px;
    margin-left: -25%;
}

.pro_busipush ul li dl dd a span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 18px;
    background-color: #fff;
    border-top-right-radius: 6px;
    padding: 0 3px;
    min-width: 43px;
    color: #f50;
}

.segmentbox .pro_detail {
    float: right;
    width: 988px;
}

.segmentbox .pro_detail .pro_tab {
    border-bottom: 1px solid #F0F0F0;
}

.pro_detail .pro_tab li {
    float: left;
    border: 1px solid #F0F0F0;
    border-left: 0;
    border-bottom: 0;
    width: 135px;
    position: relative;
    height: 39px;
}

.pro_detail .pro_tab li.first {
    border-left: 1px solid #F0F0F0;
}

.pro_detail .pro_tab li.active {
    border-top: 2px solid #F50;
}

.pro_detail .pro_tab li span {
    display: block;
    text-align: center;
    line-height: 40px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 135px;
    cursor: pointer;
}

.pro_detail .pro_tab li.active span {
    top: 1px;
}

.pro_detail .pro_item {
    display: none;
}

.pro_detail .pro_att_img {
    display: block;
    padding: 16px;
}

.pro_detail .pro_att_img a[target="_blank"] {
    display: block;
    width: 956px;
    height: 110px;
    margin-top: 10px;
}

.pro_att_img .pro_att {
    margin-bottom: 10px;
}

.pro_att_img .pro_att li {
    width: 235px;
    float: left;
    padding: 4px 4px 4px 0;
}

.pro_att_img .pro_img {
    margin-top: 14px;
    text-align: center;
}

.pro_att_img .pro_img img {
    max-width: 954px;
    display: block;
    margin: 0 auto;
}

.pro_att_img .pro_img br {
    display: none;
}

.pro_att_img .pro_tipbf {
    margin: 10px 0;
}

.pro_att_img .pro_tipbf dt {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    background: #3bac20;
}

.pro_att_img .pro_tipbf dt strong {
    margin-left: 5px;
}

.pro_att_img .pro_tipbf dt strong span {
    font-weight: bold;
    margin-left: 25px;
}

.pro_att_img .pro_tipbf dd {
    display: block;
    padding: 10px 25px 30px;
    line-height: 25px;
    font-size: 15px;
}

.pro_att_img .pro_tipbf dd p {
    line-height: 30px;
}

.pro_att_img .pro_tipbf dd span {
    margin-left: 10px;
}

.pro_att_img .pro_tipbf .ciricon {
    display: inline-block;
    background-size: contain;
    width: 5px;
    height: 5px;
    margin-left: 10px;
    margin-bottom: 2px;
    background-color: #fff;
    border-radius: 50%;
}

.pro_att_img .pro_tipbf dd p a {
    font-weight: bold;
    color: #c21608;
}

.pro_detail .pro_batch_desc {
    padding: 16px;
}

.pro_batch_desc .details_explain .qc_title {
    height: 28px;
    line-height: 28px;
    border-bottom: solid 1px #e5e5e5;
}

.pro_batch_desc .details_explain .qc_title h3 {
    color: #c00;
    font-size: 16px;
    padding-left: 16px;
    font-weight: bold;
}

.pro_batch_desc .details_explain .qc_con {
    clear: both;
    overflow: hidden;
    padding: 15px 16px;
}

.pro_batch_desc .details_explain .qc_con p {
    font-size: 12px;
    line-height: 20px;
}

.pro_batch_desc .details_explain .qc_con .b {
    font-weight: bold;
    line-height: 30px;
}

.pro_batch_desc .qc_con ul li {
    width: 190px;
    float: left;
    padding: 10px 10px;
    text-align: center;
}

.pro_batch_desc .qc_con ul li strong {
    display: block;
    font-size: 13px;
    text-align: center;
    line-height: 26px;
}

.pro_batch_desc .table_bdo {
    color: #FFF;
    width: 122px;
    height: 38px;
    display: block;
    font-size: 14px;
    padding-left: 5px;
    font-weight: bold;
    line-height: 38px;
    background-color: #d48e48;
}

.pro_batch_desc .qc_con table tr td p {
    padding-left: 20px;
}

.pro_batch_desc .details_explain .pfsm_title {
    height: 28px;
    line-height: 28px;
    border-bottom: solid 2px #e5e5e5;
    position: relative;
}

.pro_batch_desc .details_explain .pfsm_title::before {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 16px;
    background-color: #F50;
    top: 7px;
}

.pro_batch_desc .details_explain .pfsm_title h3 {
    color: #F50;
    font-size: 16px;
    padding-left: 16px;
    font-weight: bold;
}

.pro_batch_desc .details_explain .pfsm_con {
    padding: 0;
    margin: 40px auto;
}

.pro_batch_desc .details_explain>div:nth-child(6) {
    padding-left: 40px;
    margin: 40px auto;
}

.pro_batch_desc .details_explain .pfsm_con table td {
    padding: 0 24px 18px 12px;
}

.pro_batch_desc .details_explain .pfsm_con video {
    width: 876px;
}

.segmentbox {
    margin-top: 50px;
}

.pro_sort .pro_sho_sinfo {
    border: 1px solid #f4f4f4;
    margin-bottom: 10px;
}

.pro_sho_sinfo .pss_info {
    border-bottom: 1px solid #f4f4f4;
    padding: 12px 12px 10px 12px;
    margin-bottom: 10px;
}

.pro_sho_sinfo .pss_info p {
    font-size: 16px;
    color: #333;
}

.pro_sho_sinfo .pss_info p em {
    display: inline-block;
    max-width: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.pro_sho_sinfo .pss_info p span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    background-color: #ff4800;
    margin-left: 6px;
    padding: 0 6px;
    margin-right: 8px;
    line-height: 16px;
    height: 18px;
}

.pro_sho_sinfo .pss_info .qual_box {
    margin-top: 10px;
}

.pro_sho_sinfo .pss_info .qq {
    margin-top: 10px;
    line-height: 20px;
}

.pro_sho_sinfo .pss_info .qq span {
    color: #999;
}

.pro_sho_sinfo .pss_info .qq img {
    margin-left: 10px;
    margin-top: -4px;
}

.pro_sho_sinfo .pss_info .qq .linekf p {
    font-size: 12px;
    height: 28px;
    margin-top: 3px;
}

.pro_sho_sinfo .pss_info .more-w {
    width: 134px;
    padding: 6px 9px;
    line-height: 18px;
    color: #ff4800;
    border: 1px solid #ff4b05;
    margin-top: 11px;
    position: relative;
}

.pro_sho_sinfo .pss_info .more-w .up-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #ff4b05;
    position: absolute;
    top: -6px;
    left: 0;
}

.pro_sho_sinfo .pss_type {
    padding-top: 6px;
    border-bottom: 1px solid #f4f4f4;
    padding: 12px 12px 10px 12px;
}

.pro_sho_sinfo .pss_type p span {
    color: #999;
    display: inline-block;
    text-align: left;
}

.pro_sho_sinfo .pss_type p span.shop_t_qiye {
    background: url(https://g1.17qcc.com/2018/shop/images/qual_1.png) top center no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.pro_sho_sinfo .pss_type p {
    color: #333;
    line-height: 26px;
}

.pro_sho_sinfo .pss_type p span.ratestars {
    width: 60px;
    background: url(https://g1.17qcc.com/2018/shop/images/ratestars.png) no-repeat;
    height: 10px;
}

.pro_sho_sinfo .pss_type p span.ratestars_1 {
    background-position: 0 0;
}

.pro_sho_sinfo .pss_type p span.ratestars_1_1 {
    background-position: 0 -13px;
}

.pro_sho_sinfo .pss_type p span.ratestars_2 {
    background-position: 0 -26px;
}

.pro_sho_sinfo .pss_type p span.ratestars_2_1 {
    background-position: 0 -39px;
}

.pro_sho_sinfo .pss_type p span.ratestars_3 {
    background-position: 0 -52px;
}

.pro_sho_sinfo .pss_type p span.ratestars_3_1 {
    background-position: 0 -65px;
}

.pro_sho_sinfo .pss_type p span.ratestars_4 {
    background-position: 0 -78px;
}

.pro_sho_sinfo .pss_type p span.ratestars_4_1 {
    background-position: 0 -91px;
}

.pro_sho_sinfo .pss_type p span.ratestars_5 {
    background-position: 0 -104px;
}

.pro_sho_sinfo .pss_type p span.shop_t_bond {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ff5f0f;
    height: 16px;
    line-height: 16px;
    width: auto;
    margin-top: 1px;
}

.pro_sho_sinfo .pss_type p span.shop_t_bond img {
    vertical-align: top;
}

.pro_sho_sinfo .pss_type p span.shop_t_bond i {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    margin-right: 2px;
    color: #fe5600;
}

.pro_sho_sinfo .pss_bsr {
    border-bottom: 1px solid #f4f4f4;
    padding: 6px 12px 10px 12px;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc {
    float: left;
    margin-left: 14px;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .cowry {
    margin-left: 0;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc .desc_word {
    color: #333;
    margin-bottom: 5px;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc .desc_value {
    color: #959595;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc .desc_value span {
    color: #ff4800;
}

.pro_sho_sinfo .pss_bsr .realm_btn {
    margin-top: 10px;
}

.pro_sho_sinfo .pss_bsr .realm_btn .collt_btn {
    width: 76px;
    height: 24px;
    border: 1px solid #f50;
    float: right;
    text-align: center;
    line-height: 24px;
    color: #f50;
}

.pro_sho_sinfo .pss_bsr .realm_btn .collt_btn em {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 3px;
}

.pro_sho_sinfo .pss_bsr .realm_btn .nocollt {
    color: #f50;
    background-color: #fff;
}

.pro_sho_sinfo .pss_bsr .realm_btn .nocollt em {
    background: url(https://g1.17qcc.com/2018/shop/images/nocollt.png) no-repeat top center;
}

.pro_sho_sinfo .pss_bsr .realm_btn .yescollt {
    background-color: #f50;
    color: #fff;
}

.pro_sho_sinfo .pss_bsr .realm_btn .yescollt em {
    background: url(https://g1.17qcc.com/2018/shop/images/yescollt.png) no-repeat top center;
}

.pro_sho_sinfo .pss_bsr .realm_btn .shoplink {
    width: 76px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #f50;
    border: 1px solid #f50;
    margin-right: 10px;
    float: left;
}

.pro_sho_sinfo .pss_bsr .realm_btn .shoplink:hover {
    background-color: #f50;
    color: #fff;
}

.pro_sho_sinfo .pss_btn {
    padding: 12px 12px 10px 12px;
}

.pro_sho_sinfo .pss_btn a {
    width: 96px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background-color: #f50;
    margin: 0 auto;
    display: block;
}

.pro_sort .pro_skin {
    border: 1px solid #f1f1f1;
    margin-bottom: 10px;
}

.pro_sort .pro_skin .tit {
    padding: 9px 12px;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #666;
}

.pro_sort .pro_skin dl dt {
    border-top: 1px solid #f1f1f1;
    background-color: #f7f7f7;
    height: 28px;
    line-height: 28px;
    color: #666;
    font-size: 14px;
    padding-left: 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_sort .pro_skin dl dt .prs_ico_add {
    display: inline-block;
    vertical-align: middle;
    background: url(https://g1.17qcc.com/2018/shop/images/prs_ico_add.jpg) top center no-repeat;
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: 10px;
}

.pro_sort .pro_skin dl a:hover {
    color: #f50;
}

.pro_sort .pro_skin dl.act dt {
    color: #666;
}

.pro_sort .pro_skin dl.act dt a {
    color: #666;
}

.pro_sort .pro_skin dl.act dt a:hover {
    color: #f50;
}

.pro_sort .pro_skin dl.act dt .prs_ico_add {
    background: url(https://g1.17qcc.com/2018/shop/images/prs_ico_minus.jpg) top center no-repeat;
}

.pro_sort .pro_skin dl dd {
    display: none;
    background-color: #fff;
}

.pro_sort .pro_skin dl dd a {
    display: block;
    color: #666;
    font-size: 14px;
    padding: 6px 3px 6px 34px;
}

.pro_sort .pro_skin dl dd a:hover {
    background-color: #ff753e;
    color: #fff;
}

.pro_sort .pro_skin dl.act dd {
    display: block;
}

.pro_sort .pro_rank .tit {
    padding: 9px 12px;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #666;
    border: 1px solid #f1f1f1;
}

.error {
    color: red;
}

.ipt {
    border: solid 1px #d2d2d2;
    border-left-color: #ccc;
    border-top-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 #f8f8f8;
    background-color: #fff;
    padding: 4px 6px;
    line-height: 21px;
    color: #555;
    width: 180px;
    vertical-align: baseline;
}

.ipt-mini {
    width: 140px;
    padding: 1px 3px;
}

.ipt:focus {
    border-color: #95C8F1;
    box-shadow: 0 0 4px #95C8F1;
}

.theme-popover .btn {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    min-width: 52px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #ddd;
    color: #666;
    background-color: #f5f5f5;
    background: -webkit-linear-gradient(top,#F5F5F5,#F1F1F1);
    background: -moz-linear-gradient(top,#F5F5F5,#F1F1F1);
    background: linear-gradient(top,#F5F5F5,#F1F1F1);
}

.theme-popover input.btn {
    height: 29px;
}

.theme-popover .btn:hover {
    border-color: #c6c6c6;
    color: #333;
    background-color: #f8f8f8;
    background: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background: linear-gradient(top,#f8f8f8,#f1f1f1);
    box-shadow: #ddd 0 1px 1px 0;
}

.theme-popover .btn:active,.btn.btn-active {
    box-shadow: #ddd 0 1px 2px 0 inset;
    border-color: #c6c6c6;
}

.theme-popover .btn:focus {
    border-color: #4d90fe;
    outline: 0;
}

.theme-popover .btn-primary {
    border-color: #3079ED;
    color: #F3F7FC;
    background-color: #4D90FE;
    background: -webkit-linear-gradient(top,#4D90FE,#4787ED);
    background: -moz-linear-gradient(top,#4D90FE,#4787ED);
    background: linear-gradient(top,#4D90FE,#4787ED);
}

.theme-popover .btn-primary:hover {
    border-color: #2F5BB7;
    color: #fff;
    background-color: #4D90FE;
    background: -webkit-linear-gradient(top,#4D90FE,#357AE8);
    background: -moz-linear-gradient(top,#4D90FE,#357AE8);
    background: linear-gradient(top,#4D90FE,#357AE8);
}

.theme-popover .btn-primary:active,.btn-primary.btn-active {
    box-shadow: #2176D3 0 1px 2px 0 inset;
    border-color: #3079ED;
}

.theme-popover .btn-primary:focus {
    border-color: #4d90fe;
    outline: 0;
}

.theme-buy {
    margin-top: 10%;
    text-align: center;
}

.theme-gobuy,.theme-signin {
    font-size: 15px;
}

.theme-price {
    position: relative;
    bottom: -6px;
    font-family: microsoft yahei,Arial,Helvetica,sans-serif;
    margin-right: 20px;
    font-weight: bold;
    color: #f60;
    line-height: 32px;
    font-size: 24px;
    display: inline-block;
}

.theme-price dfn {
    font-style: normal;
    font-size: 18px;
    margin-right: 2px;
}

.theme-desc {
    padding: 30px;
}

.theme-version {
    padding: 30px;
}

.theme-popover-mask {
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40);
    display: none;
}

.theme-popover {
    z-index: 9999;
    position: fixed;
    left: 50%;
    width: 660px;
    height: 550px;
    margin: 0 0 0 -330px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 10px #666;
}

.theme-poptit {
    border-bottom: 1px solid #ddd;
    padding: 12px;
    position: relative;
}

.theme-popbod {
    padding: 60px 15px;
    color: #444;
    height: 148px;
}

.theme-popbom {
    padding: 15px;
    background-color: #f6f6f6;
    border-top: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    color: #666;
}

.theme-popbom a {
    margin-left: 8px;
}

.theme-poptit .close {
    float: right;
    color: #999;
    padding: 5px;
    margin: -2px -5px -5px;
    font: bold 14px/14px simsun;
    text-shadow: 0 1px 0 #ddd;
}

.theme-poptit .close:hover {
    color: #444;
}

.theme-popover .btn.theme-reg {
    position: absolute;
    top: 8px;
    left: 43%;
    display: none;
}

.inp-gray,.feed-mail-inp {
    border: 1px solid #ccc;
    background-color: #fdfdfd;
    width: 220px;
    height: 16px;
    padding: 4px;
    color: #444;
    margin-right: 6px;
}

.dform {
    padding: 80px 60px 40px;
    text-align: center;
}

.dform .ipt_error {
    background-color: #FFC;
    border-color: #FC6;
}

.dform-tip {
    display: none;
    background-color: #080;
    color: #fff;
    line-height: 42px;
    margin-top: 10px;
    font-size: 14px;
}

.dform-tip-errer {
    background-color: #CF301A;
}

.dform-tip a {
    display: inline-block;
    padding: 0 20px;
    margin-left: 10px;
    background-color: #FFE924;
    color: #CF301A;
}

.dform-login {
    padding: 0;
    height: 270px;
    overflow: hidden;
}

.dform-login iframe {
    height: 470px;
    margin-top: -180px;
}

.theme-signin {
    margin: -50px -20px -50px 0;
    text-align: left;
    font-size: 14px;
}

.theme-signin h4 {
    color: #999;
    font-weight: 100;
    margin-bottom: 20px;
    font-size: 12px;
}

.theme-signin li {
    padding-left: 80px;
    margin-bottom: 15px;
}

.theme-signin li strong {
    float: left;
    margin-left: -80px;
    width: 80px;
    text-align: right;
    line-height: 32px;
}

.theme-signin .btn {
    margin-bottom: 10px;
}

.theme-signin p {
    font-size: 12px;
    color: #999;
}

.theme-desc,.theme-version {
    padding-top: 0;
}

.shopad {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.shopad ul {
    position: absolute;
}

.shopad ul li {
    float: left;
}

.shopad ul li a {
    display: block;
    height: 300px;
}

.shopad ul li a img {
    width: 1200px;
    height: 300px;
}

.shopad .num {
    position: absolute;
    bottom: 6px;
    right: 0;
    text-align: center;
    width: 100%;
}

.shopad .num span {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: transparent;
    border: 1px solid #fff;
    margin-left: 6px;
    cursor: pointer;
    border-radius: 50%;
}

.shopad .num span.active {
    background-color: #fff;
}

.shopad .pre,.shopad .next {
    width: 24px;
    height: 48px;
    position: absolute;
    top: 126px;
    cursor: pointer;
}

.shopad .pre {
    left: 0;
    background: url(https://g1.17qcc.com/2018/shop/images/prev.png) no-repeat top center;
}

.shopad .next {
    right: 0;
    background: url(https://g1.17qcc.com/2018/shop/images/next.png) no-repeat top center;
}

.shopleftnav_1 {
    position: fixed;
    z-index: 19891000;
    width: 70px;
    top: 225px;
    left: 50%;
    margin-left: -774px;
    border: 1px solid #e8e8e8;
    border-right-width: 2px;
}

.shopleftnav_1 {
    -moz-box-shadow: 0 4px 14px #e8e8e8;
    -webkit-box-shadow: 0 4px 14px #e8e8e8;
    box-shadow: 0 4px 14px #e8e8e8;
}

.shopleftnav_1 .ti {
    width: 58px;
    line-height: 40px;
    text-align: center;
    color: #666;
    padding: 0 6px;
    font-weight: bold;
    background-color: #FAFAFA;
    border-bottom: 1px solid #e8e8e8;
}

.shopleftnav_1 .shop_a {
    background-color: #fff;
}

.shopleftnav_1 .shop_a a {
    text-align: center;
    line-height: 20px;
    padding: 10px 5px;
    display: block;
    color: #666;
}

.shopleftnav_1 .shop_a a span {
    width: 60px;
    height: 20px;
}

.shopleftnav_1 .shop_a a.active span {
    display: block;
}

.shopleftnav_1 .shop_a a.active span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
}

.shopleftnav_1 .shop_a a:hover span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
    display: block;
}

.shopleftnav_2 {
    position: fixed;
    z-index: 19891000;
    width: 69px;
    top: 225px;
    left: 50%;
    margin-left: -702px;
    border: 1px solid #e8e8e8;
    border-left-width: 2px;
}

.shopleftnav_2 {
    -moz-box-shadow: 0 4px 14px #e8e8e8;
    -webkit-box-shadow: 0 4px 14px #e8e8e8;
    box-shadow: 0 4px 14px #e8e8e8;
}

.shopleftnav_2 .ti {
    width: 57px;
    line-height: 40px;
    text-align: center;
    color: #666;
    font-weight: bold;
    background-color: #FAFAFA;
    padding: 0 6px;
    border-bottom: 1px solid #e8e8e8;
}

.shopleftnav_2 .shop_b {
    background-color: #fff;
}

.shopleftnav_2 .shop_b a {
    text-align: center;
    line-height: 20px;
    padding: 10px 5px;
    display: block;
    color: #666;
}

.shopleftnav_2 .shop_b a span {
    width: 59px;
    height: 20px;
}

.shopleftnav_2 .shop_b a.active span {
    display: block;
}

.shopleftnav_2 .shop_b a.active span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
}

.shopleftnav_2 .shop_b a:hover span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
    display: block;
}

@media screen and (max-width:1500px) {
    .shopleftnav_1,.shopleftnav {
        margin-left: -662px;
    }

    .shopleftnav_2,.shopleftnav_b {
        margin-left: -591px;
    }
}

@media screen and (min-width:1500px) and (max-width:1575px) {
    .shopleftnav_1,.shopleftnav {
        margin-left: -746px;
    }

    .shopleftnav_2,.shopleftnav_b {
        margin-left: -675px;
    }
}

.sale_nav {
    margin-top: 25px;
}

.sale_nav a {
    float: left;
    width: 276px;
    margin-right: 32px;
    position: relative;
}

.sale_nav a.last {
    margin-right: 0;
}

.sale_nav a .pic {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    position: relative;
    top: 0;
    left: 0;
}

.sale_nav a:hover .pic {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sale_nav a .pic img {
    width: 276px;
    height: 176px;
}

.sale_nav a .keypic {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sale_nav a .keypic p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
}

.sale_nav a:hover .keypic {
    display: block;
    opacity: 1;
    position: relative;
}

.shopfloor .hd {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #f50;
    margin-top: 30px;
    border-bottom: 0;
}

.shopfloor .hd span {
    width: 41px;
    height: 29px;
    float: left;
    margin-right: 14px;
}

.shopfloor .hd .sha_icon {
    background: url(https://g1.17qcc.com/2018/shop/images/aqu.png) no-repeat top center;
}

.shopfloor .hd .shb_icon {
    background: url(https://g1.17qcc.com/2018/shop/images/bqu.png) no-repeat top center;
}

.shopfloor .bd {
    background-color: #f5f5f5;
    padding-bottom: 12px;
    margin-top: 14px;
}

.shopfloor .bd a {
    float: left;
    width: 286px;
    height: 304px;
    margin-top: 12px;
    margin-left: 11px;
    background-color: #fff;
}

.shopfloor .bd a .pic {
    width: 286px;
    overflow: hidden;
}

.shopfloor .bd a .pic img {
    width: 380px;
    height: 140px;
}

.shopfloor .bd a:hover .pic img {
    transform: translateX(-74px);
    -webkit-transform: translateX(-74px);
    -moz-transform: translateX(-74px);
}

.shopfloor .bd a .shop_name {
    margin-top: 12px;
    padding: 0 9px;
    line-height: 24px;
}

.shopfloor .bd a .shop_name span {
    float: left;
    font-size: 16px;
    color: #28272b;
    max-width: 128px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.shopfloor .bd a .shop_name .addr {
    height: 12px;
    padding: 0 7px;
    margin-left: 8px;
    line-height: 12px;
    color: #ff5602;
    display: inline-block;
}

.shopfloor .bd a .shop_name .age {
    width: 38px;
    height: 12px;
    line-height: 12px;
    color: #ff5602;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #ff5602;
    color: #fff;
    text-align: center;
    margin-left: -4px;
}

.shopfloor .bd a .qual_box {
    margin-top: 6px;
    padding: 0 9px;
    height: 20px;
    position: relative;
}

.shopfloor .bd a .qual_box img {
    display: inline-block;
}

.shopfloor .bd a .qual_box span {
    position: absolute;
    top: -4px;
    right: 4px;
    background: url(https://g1.17qcc.com/2018/shop/images/folno.png) center no-repeat;
    width: 16px;
    height: 16px;
    padding: 6px;
}

.shopfloor .bd a .qual_box span.folyes {
    background: url(https://g1.17qcc.com/2018/shop/images/folyes.png) center no-repeat;
}

.shopfloor .bd a .info {
    margin-top: 7px;
    padding: 0 9px;
}

.shopfloor .bd a .info p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.shopfloor .bd a .info span {
    color: #b2b2b2;
    width: 70px;
    text-align: left;
    float: left;
}

.shopfloor .bd a .info p i {
    font-style: normal;
    color: #f00;
}

.shopfloor .bd a .coupon {
    margin-top: 12px;
    padding: 0 9px;
}

.shopfloor .bd a .coupon span {
    float: left;
    text-align: center;
    width: 129px;
    line-height: 20px;
    height: 20px;
    color: #fff;
    border-left: 0;
}

.shopfloor .bd a .coupon span.brn {
    margin-right: 9px;
}

.shopfloor .bd a .coupon span {
    background: url(https://g1.17qcc.com/2018/shop/images/coupon_s_bg.png) top center no-repeat;
}

.qcc-market-bg {
    background-color: #F6F6F6;
}

.shop-ports {
    margin-top: 38px;
}

.shop-ports .pit {
    width: 80px;
    height: 28px;
    font-size: 20px;
    font-weight: 800;
    color: rgba(51,51,51,1);
    line-height: 28px;
    margin-bottom: 19px;
}

.shop-ports ul {
    margin-left: -20px;
}

.shop-ports ul li {
    margin-left: 20px;
    position: relative;
    width: 285px;
    float: left;
}

.shop-ports ul li a {
    display: block;
}

.shop-ports ul li .pic {
    position: relative;
    width: 285px;
    height: 264px;
    display: block;
}

.shop-ports ul li .pic img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.shop-ports ul li .sideBox {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
    height: 65px;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(0,0,0,0.68) 45%,rgba(255,255,255,0) 100%);
    text-align: center;
    opacity: 1;
}

.shop-ports ul li .sideBox h3 {
    font-size: 22px;
    line-height: 36px;
    color: #fff;
    letter-spacing: 3px;
}

.shop-ports ul li .sideBox p {
    line-height: 20px;
    font-size: 14px;
    color: #fff;
}

.shop-ports ul li .desc {
    background: #FFF;
    border: 1px solid #EDEDED;
    border-top: none 0;
    padding: 13px 10px 0;
    display: none;
}

.shop-ports ul li .desc .shop_name {
    line-height: 24px;
}

.shop-ports ul li .desc .shop_name .shop-t {
    float: left;
    font-size: 16px;
    color: #28272b;
    max-width: 128px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.shop-ports ul li .desc .shop_name .age {
    width: 38px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #fff;
    color: #f50;
    text-align: center;
    margin-left: 16px;
}

.shop-ports ul li .desc .shop_name .age i {
    font-style: normal;
    background-color: #f50;
    color: #fff;
    float: left;
}

.shop-ports ul li .desc .shop_name .fol {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
}

.shop-ports ul li .desc .shop_name .folno {
    background: url(https://g1.17qcc.com/2018/shop/images/folno.png) center no-repeat;
}

.shop-ports ul li .desc .shop_name .folyes {
    background: url(https://g1.17qcc.com/2018/shop/images/folyes.png) center no-repeat;
}

.shop-ports ul li .desc .qual_box {
    margin-top: 6px;
    height: 20px;
    position: relative;
}

.shop-ports ul li .desc .qual_box img {
    display: inline-block;
}

.shop-ports ul li .tips {
    width: 60px;
    height: 24px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    top: 5px;
    right: -2px;
}

.shop-ports ul li .tips_d {
    background: url(https://g1.17qcc.com/2018/shop/images/tips_d.png) top center no-repeat;
}

.shop-ports ul li .tips_g {
    background: url(https://g1.17qcc.com/2018/shop/images/tips_g.png) top center no-repeat;
}

.shop-ports ul li .desc .camp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    margin-top: 12px;
}

.shop-ports ul li .desc .camp span {
    color: #999;
    text-align: left;
    float: left;
}

.shop-ports ul li .desc .padd {
    height: 32px;
    border-top: 1px solid #f0f0f0;
    margin-top: 6px;
    line-height: 32px;
}

.shop-ports ul li .desc .padd span.radd {
    color: #999;
    float: left;
}

.shop-ports ul li .desc .padd span.radd {
    width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop-ports ul li .desc .padd span.radd i {
    float: left;
    width: 10px;
    height: 13px;
    margin-right: 5px;
    margin-top: 9px;
    background: url(https://g1.17qcc.com/2018/shop/images/shop-addr.png) top center no-repeat;
}

.shop-ports ul li .desc .padd .num {
    float: right;
    color: #999;
}

.shop-ports ul li .desc .padd .num i {
    font-style: normal;
    color: #F50;
    margin: 0 2px;
}

.shop-ports ul li .desc .padd .num em {
    font-style: normal;
    color: #666;
}

.shop-ports ul li:hover {
    box-shadow: 0 2px 5px rgb(255,85,0,.35);
    -webkit-transition: all ease 150ms;
    transition: all ease 150ms;
}

.shop-ports ul li:hover .pic img {
    border: 1px solid #F50;
}

.shop-ports ul li:hover .desc {
    border: 1px solid #F50;
    border-top: none 0;
    transition: transform .2s linear;
}

.shop-ports ul li:hover .sideBox {
    opacity: 1;
    transition: all .2s ease;
}

.caterow {
    background-color: #FFF;
    border: 1px solid #F0F0F0;
    margin-top: 30px;
}

.caterow .c-tabs {
    background-color: #F0F0F0;
    height: 46px;
    text-align: center;
}

.caterow .c-tabs li {
    width: 149px;
    line-height: 46px;
    color: #666;
    float: left;
    cursor: pointer;
}

.caterow .c-tabs li a {
    color: #666;
    display: block;
}

.caterow .c-tabs li:hover a {
    color: #f50;
}

.caterow .c-tabs li.active {
    color: #F50;
    background-color: #FFF;
}

.caterow .c-tabs li.active a {
    color: #f50;
}

.caterow .c-tabs li.rig-tips {
    width: 72px;
    float: right;
    margin-top: -6px;
}

.caterow .c-tabs li.rig-tips a {
    display: block;
    background: url(https://g1.17qcc.com/2018/shop/images/gsmr.png) top center no-repeat;
    height: 36px;
}

.c-filter {
    padding: 0 20px;
}

.c-filter .row-left {
    line-height: 46px;
    width: 40px;
    color: #999;
    float: left;
    text-align: left;
}

.c-filter .group-row {
    border-top: 1px solid #F0F0F0;
    line-height: 46px;
}

.c-filter .group-row ul {
    float: left;
    width: 1080px;
}

.c-filter .group-row li {
    float: left;
    margin-right: 15px;
}

.c-filter .group-row li a {
    display: inline-block;
    min-width: 34px;
    color: #666;
    line-height: 20px;
    height: 20px;
    text-align: center;
    padding: 0 8px;
}

.c-filter .group-row li a i {
    font-style: normal;
    display: none;
    color: transparent;
    background: url(https://g1.17qcc.com/2018/shop/images/delx-icons.png) center no-repeat;
}

.c-filter .group-row li a:hover {
    background-color: #F50;
    color: #fff;
}

.c-filter .group-row li.active a {
    background-color: #F50;
    color: #fff;
}

.c-filter .group-row li.active a i {
    display: inline-block;
    margin-left: 6px;
}

.c-filter .group-row:first-child {
    border-top: 0;
}

.c-filter .group-row .morew {
    border-color: #e8e8e8;
    color: #888;
    width: 48px;
    height: 12px;
    padding: 5px 0;
    overflow: hidden;
    border: solid 1px #e8e8e8;
    text-align: center;
    float: right;
    line-height: 11px;
    margin-top: 11px;
    margin-right: -10px;
}

.c-filter .group-row .morew .sarrow-b {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    margin-top: -2px;
    margin-left: 2px;
    vertical-align: middle;
    display: inline-block;
    width: 12px;
    height: 6px;
    overflow: hidden;
}

.c-filter .group-row .morew .sarrow-b i {
    float: left;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 6px transparent;
    border-top-color: #aaa;
}

.c-filter .group-row .morew .sarrow-b em {
    float: left;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 6px transparent;
    margin-top: -13px;
    border-top-color: #fff;
}

.c-filter .group-row .morew:hover span {
    color: #f50;
}

.c-filter .group-row .morew:hover .sarrow-b i {
    border-top-color: #f50;
}

.c-filter .group-row .featuresFour {
    background: #f5f5f5;
}

.c-filter .group-row .featuresFour .sarrow-b {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.s-sort {
    margin-top: 8px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    margin-bottom: 30px;
}

.s-sort dl {
    float: left;
}

.s-sort dl dd {
    float: left;
    width: 85px;
}

.s-sort dl dd a {
    color: #666;
    text-align: center;
    display: block;
}

.s-sort dl dd a em {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    width: 11px;
    height: 13px;
}

.s-sort dl dd.up a em {
    background: url(https://g1.17qcc.com/2018/shop/images/up-arrow1.png) top center no-repeat;
    margin-top: -3px;
}

.s-sort dl dd.down a em {
    background: url(https://g1.17qcc.com/2018/shop/images/down-arrow1.png) top center no-repeat;
}

.s-sort dl dd.active {
    background-color: #F50;
}

.s-sort dl dd.active a {
    color: #fff;
}

.s-sort dl dd.active.up a em {
    background: url(https://g1.17qcc.com/2018/shop/images/up-arrow2.png) top center no-repeat;
}

.s-sort dl dd.active.down a em {
    background: url(https://g1.17qcc.com/2018/shop/images/down-arrow2.png) top center no-repeat;
}

.s-sort ul {
    float: left;
    border-left: 1px solid #F0F0F0;
}

.s-sort ul li {
    float: left;
    margin-left: 36px;
    cursor: pointer;
}

.s-sort ul li a {
    display: block;
}

.s-sort ul li .check_box {
    display: none;
    vertical-align: middle;
    width: 12px;
    height: 10px;
    background: url(https://g1.17qcc.com/2018/shop/images/s_check_box.png) top center no-repeat;
    margin-right: 3px;
}

.s-sort ul li .spq_icon {
    display: inline-block;
    color: #666;
    vertical-align: middle;
}

.s-sort ul li .spq_icon img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -3px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.s-sort ul li.active .check_box {
    display: inline-block;
}

.s-sort ul li.active .spq_icon {
    color: #F50;
}

.s-sort ul li.active .spq_icon img {
    -webkit-filter: inherit;
    -moz-filter: inherit;
    -ms-filter: inherit;
    -o-filter: inherit;
    filter: inherit;
    filter: inherit;
}

.s-foor .hd {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #f50;
    margin-bottom: 24px;
}

.s-foor .hd span {
    width: 41px;
    height: 29px;
    float: left;
    margin-right: 14px;
}

.s-foor .hd .sha_icon {
    background: url(https://g1.17qcc.com/2018/shop/images/aqu.png) no-repeat top center;
}

.s-foor .hd .shb_icon {
    background: url(https://g1.17qcc.com/2018/shop/images/bqu.png) no-repeat top center;
}

.s-foor .bd {
    margin-left: -20px;
}

.s-foor .bd li {
    float: left;
    background-color: #fff;
    border: 1px solid #F0F0F0;
    margin-left: 20px;
    width: 283px;
    margin-bottom: 20px;
    position: relative;
}

.s-foor .bd li:hover {
    border: 1px solid #F50;
    box-shadow: 0 2px 5px rgb(255,85,0,.35);
    -webkit-transition: all ease 150ms;
    transition: all ease 150ms;
}

.s-foor .bd .shop-info {
    display: block;
    border-bottom: 1px solid #F4F4F4;
    padding: 0 14px 9px;
}

.s-foor .bd .shop-info .shop_name {
    line-height: 24px;
    margin-top: 15px;
}

.s-foor .bd .shop-info .shop_name .shop-t {
    float: left;
    font-size: 16px;
    color: #28272b;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.s-foor .bd .shop-info .shop_name .age {
    width: 38px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #fff;
    color: #f50;
    text-align: center;
    margin-left: 8px;
    vertical-align: middle;
}

.s-foor .bd .shop-info .shop_name .age i {
    font-style: normal;
    background-color: #f50;
    color: #fff;
    float: left;
}

.s-foor .bd .shop-info .shop_name .addr {
    height: 12px;
    margin-left: 7px;
    line-height: 12px;
    color: #ff5602;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    max-width: 82px;
}

.s-foor .bd .fol {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
    position: absolute;
    top: 15px;
    right: 9px;
    cursor: pointer;
}

.s-foor .bd .folno {
    background: url(https://g1.17qcc.com/2018/shop/images/folno.png) center no-repeat;
}

.s-foor .bd .folyes {
    background: url(https://g1.17qcc.com/2018/shop/images/folyes.png) center no-repeat;
}

.s-foor .bd .shop-info .qual_box {
    margin-top: 6px;
    height: 22px;
    position: relative;
}

.s-foor .bd .shop-info .qual_box img {
    display: inline-block;
}

.s-foor .bd .shop-info .qual_box .tips {
    width: 60px;
    height: 24px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    line-height: 28px;
    position: absolute;
    top: -2px;
    right: -18px;
}

.s-foor .bd .shop-info .qual_box .tips_d {
    background: url(https://g1.17qcc.com/2018/shop/images/tips_d.png) top center no-repeat;
}

.s-foor .bd .shop-info .qual_box .tips_g {
    background: url(https://g1.17qcc.com/2018/shop/images/tips_g.png) top center no-repeat;
}

.s-foor .bd .shop-info .camp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    margin-top: 10px;
}

.s-foor .bd .shop-info .camp span {
    color: #999;
    text-align: left;
    float: left;
}

.s-foor .bd .shop-info .num {
    color: #999;
    margin-top: 10px;
}

.s-foor .bd .shop-info .num span i {
    font-style: normal;
    color: #f50;
}

.s-foor .bd .shop-info .num span em {
    font-style: normal;
    color: #666;
}

.s-foor .bd .shop-info .num .num-left {
    float: left;
}

.s-foor .bd .shop-info .num .num-rig {
    float: right;
}

.s-foor .bd .s-pro {
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    padding: 0 14px;
}

.s-foor .bd .s-pro-ova {
    overflow: hidden;
}

.s-foor .bd .s-pro-a {
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    width: 348px;
    margin-left: -6px;
}

.s-foor .bd .s-pro-a a {
    float: left;
    width: 81px;
    margin-left: 6px;
}

.s-foor .bd .s-pro-a a img {
    width: 81px;
    height: 81px;
    box-sizing: border-box;
}

.s-foor .bd .s-pro-a a:hover img {
    border: 1px solid #f50;
}

.s-foor .bd .s-pro-ahover {
    transform: translateX(-87px);
    -webkit-transform: translateX(-87px);
    -moz-transform: translateX(-87px);
}

.s-foor .bd .s-pro .next {
    position: absolute;
    top: 50%;
    right: -2px;
    width: 15px;
    height: 39px;
    margin-top: -19px;
    opacity: .8;
    background: url(https://g1.17qcc.com/2018/shop/images/next-arrow.png) top center no-repeat;
    cursor: pointer;
}

.s-foor .bd li:hover .s-pro .next {
    opacity: 1;
    background: url(https://g1.17qcc.com/2018/shop/images/lig-next-arrow.png) top center no-repeat;
}

.s-foor .bd .s-btns {
    border-top: 1px solid #F4F4F4;
    margin-top: 14px;
    padding: 18px 14px 22px;
}

.s-foor .bd .s-btns a {
    width: 120px;
    height: 29px;
    line-height: 28px;
    text-align: center;
    float: left;
    border: 1px solid transparent;
    font-size: 14px;
    border-radius: 2px;
}

.s-foor .bd .s-btns .s-apply {
    border-color: #2786FF;
    color: #2786FF;
}

.s-foor .bd .s-btns .s-entry {
    border-color: #F50;
    color: #F50;
    margin-left: 11px;
}

.s-foor .bd .s-btns a:hover {
    opacity: .5;
}

.s-foor .bd li .popup {
    position: absolute;
    top: 139px;
    z-index: 99;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #F0F0F0;
    display: none;
}

.s-foor .bd li .popup .arrowicon {
    position: absolute;
    top: 6px;
    width: 8px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/arrowicon.png) top center no-repeat;
}

.s-foor .bd li .popup .arroleft {
    left: -8px;
}

.s-foor .bd li .popup .arroright {
    right: -8px;
    transform: rotate(180deg);
}

.s-foor .bd li .popup .popic {
    width: 150px;
    height: 150px;
    display: block;
}

.s-foor .bd li .popup .popic img {
    width: 100%;
    height: 100%;
}

.s-foor .bd li .popup .pir {
    margin-top: 10px;
    line-height: 20px;
}

.s-foor .bd li .popup .pir span {
    float: left;
    color: #f50;
}

.s-foor .bd li .popup .pir span em {
    font-style: normal;
    font-size: 14px;
}

.s-foor .bd li .popup .pir i {
    font-style: normal;
    color: #666;
    float: right;
}

.shopleftnav {
    width: 70px;
    background-color: #fff;
    border: 1px solid #F50;
    display: block;
}

.shopleftnav {
    position: fixed;
    z-index: 19891000;
    top: 225px;
    left: 50%;
    margin-left: -774px;
}

.shopleftnav_b {
    margin-left: -698px;
    top: 225px;
}

.shopleftnav .sn-top {
    width: 70px;
    height: 30px;
    background: #F50;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #fff;
}

.shopleftnav .sn-shelf {
    padding: 9px 0 13px;
    text-align: center;
}

.shopleftnav .sn-left {
    float: left;
}

.shopleftnav .sn-rig {
    float: right;
}

.shopleftnav .sn-shelf a {
    display: inline-block;
    background-color: #F6F6F6;
    width: 64px;
    min-height: 24px;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-top: 4px;
}

.shopleftnav .sn-shelf a.active {
    background-color: #f50;
    color: #fff;
}

.shopleftnav .sn-shelf a:hover {
    background-color: #f50;
    color: #fff;
}

.qcc_tops {
    margin-top: 32px;
}

.qcc_tops .logo {
    width: 200px;
    height: 80px;
    float: left;
    margin-right: 70px;
}

.qcc_tops .logo img {
    max-width: 200px;
    max-height: 80px;
}

.qcc_tops .sch_box {
    float: left;
    position: relative;
}

.qcc_tops .sch_box .stab li {
    float: left;
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 2px 2px 0 0;
    color: #666;
    font-size: 12px;
    cursor: pointer;
    background-color: #F2F2F2;
}

.qcc_tops .sch_box .stab li.active {
    background-color: #F50;
    color: #fff;
    margin-right: 2px;
}

.qcc_tops .sch_box .sch_box_input #keywords {
    border: 1px solid #FA5F05;
    float: left;
    width: 512px;
    line-height: 38px;
    height: 38px;
    padding-left: 26px;
}

.qcc_tops .sch_box .sch_box_input .sch_icon {
    position: absolute;
    top: 39px;
    left: 10px;
    width: 12px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/sch_icon.png);
    background-size: 100% 100%;
}

.qcc_tops .sch_box .sch_box_input #submits {
    float: left;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #F50;
    border: 0 none;
}

.qcc_tops .sch_box .sch_box_input .sch_input_side {
    float: left;
    margin-left: 16px;
    width: 124px;
}

.qcc_tops .sch_box .sch_box_input .sch_input_side p {
    color: #999;
    line-height: 16px;
    margin-bottom: 5px;
}

.qcc_tops .sch_box .sch_box_input .sch_input_side a {
    display: block;
    font-size: 14px;
    color: #F50;
    text-decoration: underline;
}

.qcc_tops .sch_box .hot {
    margin-top: 6px;
}

.qcc_tops .sch_box .hot a {
    color: #999;
    float: left;
    margin-right: 16px;
}

.qcc_tops .mobile_web {
    float: right;
    width: 98px;
    height: 108px;
    border: 1px solid #EBEBEB;
}

.qcc_tops .mobile_web img {
    margin: 5px auto 5px;
    max-width: 80px;
    max-height: 80px;
    display: block;
}

.qcc_tops .mobile_web p {
    color: #999;
    text-align: center;
    margin: 0 5px 8px;
}

.s_navTab {
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
}

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

.coupon_list {
    margin: 15px 0;
    background: #efeff4;
    padding: 10px;
}

.coupon_list li {
    padding: 5px;
    float: left;
    width: 24%;
}

.coupon_list li.disabled a p {
    background-color: #BDBDBD;
}

.coupon_list li.disabled a p:after {
    content: '已领取';
}

.coupon_list li a {
    display: block;
    background-size: auto 4px;
    padding-top: 4px;
    background-image: url(https://g2.17qcc.com/2018/mall/imgs/static/coupon.png);
}

.coupon_list li a div {
    background-color: #fff;
    overflow: hidden;
    text-align: center;
}

.coupon_list li a div h2 {
    font-size: 12px;
    color: #f50;
    line-height: 22px;
    margin-top: 10px;
}

.coupon_list li a div h2 strong {
    font-size: 20px;
}

.coupon_list li a div h2 span {
    color: #666;
    margin-left: 10px;
}

.coupon_list li a div h3 {
    font-size: 10px;
    color: #999;
    margin-top: 10px;
}

.coupon_list li a div p {
    margin-top: 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #f50;
    color: #fff;
    font-size: 12px;
}

.coupon_list li a div p:after {
    content: '立即领取';
}

.Image_upload {
    height: 500px;
    position: relative;
    display: none;
}

.Image_upload .im_hd {
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    color: #333;
    padding-left: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.Image_upload .im_hd span {
    display: inline-block;
    margin-right: 10px;
    background: url(https://g1.17qcc.com/2018/shop/images/pic_icon.jpg) no-repeat top center;
    width: 22px;
    height: 22px;
    margin-top: 14px;
    vertical-align: top;
}

.Image_upload ul {
    padding: 0 15px;
}

.Image_upload ul li {
    height: 48px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.Image_upload ul li p {
    line-height: 48px;
    color: #333;
    padding-right: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 18px;
}

.Image_upload ul li a {
    position: absolute;
    width: 76px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #fa5f05;
    top: 8px;
    right: 0;
    border-radius: 6px;
    transition: transform .2s linear;
}

.Image_upload ul li a:hover {
    background-color: #dc5304;
}

.Image_upload ul li span {
    position: absolute;
    top: 24px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #ccc;
}

.Image_upload .closeBtn {
    font-size: 18px;
    color: #fff;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    bottom: -32px;
    left: 50%;
    margin-left: -40px;
    background-color: #fa5f05;
    border-radius: 6px;
}

#sub_join {
    margin: 10px 40px;
}

#sub_join label {
    height: 40px;
    line-height: 40px;
    width: 60px;
    float: left;
    text-align: right;
    margin-right: 10px;
}

#sub_join label em {
    color: #f50;
    font-size: 14px;
}

#sub_join .txt {
    height: 40px;
    width: 178px;
    line-height: 40px;
    margin-bottom: 10px;
    border: 1px solid #d2d2d2;
    padding: 0 8px;
    border-radius: 6px;
}

#sub_join .btn {
    background-color: #f50;
    border: 1px solid #f50;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-left: 70px;
    width: 178px;
}

.crumb {
    padding-top: 20px;
    line-height: 22px;
}

.crumb a {
    float: left;
}

.crumb .vbarrow {
    float: left;
    margin-right: 3px;
    margin-left: 3px;
}

.crumb .vbarrow i {
    height: 5px;
    overflow: hidden;
    font: 700 14px/16px simsun;
    color: #ccc;
    display: block;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: inline-block;
}

.crumb .cattext {
    float: left;
    margin-right: 3px;
}

.crumb a.icon_tag {
    min-width: 87px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #bbb;
    text-align: center;
    margin-left: 10px;
    padding-left: 6px;
    background-color: #fff;
}

.crumb a.icon_tag:hover {
    border-color: #f50;
}

.crumb a.icon_tag:hover i {
    background-color: #F50;
    color: #fff;
}

.crumb a.icon_tag span {
    color: #999;
    padding-right: 6px;
}

.crumb a.icon_tag i {
    font-style: normal;
    color: #bbb;
    float: right;
    top: -1px;
    height: 22px;
    width: 22px;
    line-height: 20px;
    font-size: 16px;
}

.pro_detail .pro_tab li span .ico_new {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 22px;
    height: 18px;
    background: url(https://g1.17qcc.com/2018/shop/images/ico_new.png) top center no-repeat;
}

.pro_detail .pro_complaint .pro_com_b {
    padding-top: 36px;
    padding-left: 16px;
    padding-right: 30px;
}

.pro_com_b .noti {
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #fff;
    background-color: #f50;
    padding-left: 22px;
}

.pro_com_b .noti i {
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    background: url(https://g1.17qcc.com/2018/shop/images/ico_noti.png) top center no-repeat;
    margin-right: 14px;
    margin-top: 6px;
}

.pro_com_b .pro_com_f {
    margin-top: 52px;
}

.pro_com_b .pro_com_f .item {
    margin-bottom: 30px;
}

.pro_com_b .pro_com_f .item .left {
    font-size: 14px;
    color: #9d9d9d;
    float: left;
    width: 100px;
    margin-right: 10px;
    text-align: right;
}

.pro_com_b .pro_com_f .item .left i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/ico_notir.png);
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -4px;
}

.pro_com_b .pro_com_f .item .left p {
    font-size: 12px;
    margin-right: 8px;
}

.pro_com_b .pro_com_f .item .item_ul {
    margin-left: -14px;
    float: left;
    margin-top: -2px;
    width: 846px;
}

.pro_com_b .pro_com_f .item .item_ul li {
    float: left;
    margin-left: 14px;
    min-width: 144px;
    padding: 0 2px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #d1d1d1;
    color: #666;
    text-align: center;
    margin-bottom: 14px;
}

.pro_com_b .pro_com_f .item .item_ul li a {
    display: block;
}

.pro_com_b .pro_com_f .item .item_ul li.act {
    border: 1px solid #f50;
    background: url(https://g1.17qcc.com/2018/shop/images/ico_plact.png) right bottom no-repeat;
}

.pro_com_b .pro_com_f .item textarea {
    width: 500px;
    height: 250px;
    border: 1px solid #d1d1d1;
    resize: none;
    padding: 10px;
}

.pro_com_b .pro_com_f .item textarea:focus {
    outline-color: #f50;
}

.pro_com_b .pro_com_f .item .upload {
    margin-left: 110px;
}

.pro_com_b .pro_com_f .item .upload img {
    width: 126px;
    height: 92px;
}

.pro_com_b .pro_com_f .item .upload p {
    color: #9d9d9d;
    margin-top: 14px;
}

.pro_com_b .pro_com_f .item .sub {
    display: block;
    width: 144px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #f50;
    color: #fff;
    margin-left: 66px;
}

.pro_com_b .pro_com_f .item .sub:hover {
    background-color: #f77f43;
}

.cart_link .cart_item {
    background-color: #fff;
    width: 480px;
    height: 428px;
}

.cart_link .cart_item .tip {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #f4f4f4;
}

.cart_link .cart_item .tip a {
    float: left;
    margin: 11px 8px 0 11PX;
    width: 82px;
    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;
    background-size: 78px 20px;
}

.cart_link .cart_item .tip span {
    float: left;
    font-size: 16px;
    color: #666;
}

.cart_link .cart_item .tip .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;
}

.cart_link .cart_item .btn_area {
    padding: 0 10px 0;
}

.cart_link .cart_item .btn_area .viewport {
    margin-top: 28px;
    margin-bottom: 40px;
    text-align: center;
}

.cart_link .cart_item .btn_area .viewport span.icon_cart_ok {
    display: inline-block;
    vertical-align: middle;
    width: 58px;
    height: 58px;
    background: url(https://g1.17qcc.com/2018/shop/images/icon_cart_ok.png) top center no-repeat;
    margin-right: 18px;
}

.cart_link .cart_item .btn_area .viewport .rig {
    display: inline-block;
    vertical-align: middle;
}

.cart_link .cart_item .btn_area .viewport .rig p {
    font-size: 20px;
    color: #f50;
}

.cart_link .cart_item .btn_area .viewport .rig em {
    font-size: 14px;
    color: #666;
    display: block;
    text-align: left;
}

.cart_link .cart_item .btn_area .viewport .rig em i {
    font-style: normal;
    color: #f50;
}

.cart_link .cart_item .btn_area .btn {
    text-align: center;
    padding-bottom: 26px;
    border-bottom: 1px solid #f0f0f0;
}

.cart_link .cart_item .btn_area .btn a {
    display: inline-block;
    vertical-align: middle;
}

.cart_link .cart_item .btn_area .btn a.conpur {
    color: #fff;
    width: 112px;
    height: 26px;
    line-height: 26px;
    background-color: #f50;
}

.cart_link .cart_item .btn_area .btn a.accout {
    color: #f50;
    border: 1px solid #ffe4d6;
    background-color: #ffe4d6;
    width: 110px;
    height: 24px;
    line-height: 24px;
    margin-left: 20px;
    position: relative;
}

.cart_link .cart_item .btn_area .btn a.accout .next {
    width: 6px;
    height: 10px;
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 25px;
}

.cart_link .cart_item .btn_area .btn a.accout .next .icon_arrow_right {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 5px 0 5px 6px;
    border-style: dashed solid dashed dashed;
    border-color: transparent transparent transparent #f50;
}

.cart_link .cart_item .btn_area .btn a.accout .next span {
    position: absolute;
    top: 0;
    left: -2px;
    border-width: 5px 0 5px 6px;
    border-style: dashed solid dashed dashed;
    border-color: transparent transparent transparent #ffe4d6;
}

.cart_link .cart_item .btn_area .btn a.accout .next:hover .icon_arrow_right {
    border-color: transparent transparent transparent #f50;
}

.cart_link .cart_item .btn_area .btn a.accout .next.active .icon_arrow_left {
    border-color: transparent transparent transparent #e5e5e5;
}

.cart_link .cart_item .btn_area .btn a.accout:hover {
    border: 1px solid #f50;
}

.cart_link .cart_item .hot_inner {
    padding: 0 10px;
}

.cart_link .cart_item .hot_inner .hd {
    line-height: 22px;
    margin-top: 15px;
    margin-bottom: 12px;
}

.cart_link .cart_item .hot_inner .hd h3 {
    font-size: 14px;
    color: #666;
    float: left;
}

.cart_link .cart_item .hot_inner .hd .tryi {
    color: #999;
    float: right;
    margin-right: 73px;
}

.cart_link .cart_item .hot_inner .swiper-container {
    height: 203px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul {
    margin-left: -5px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li {
    float: left;
    margin-left: 5px;
    position: relative;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a {
    display: block;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a span.pic {
    width: 110px;
    height: 110px;
    overflow: hidden;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a span.pic img {
    width: 110px;
    height: 110px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a span.hoi {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 14px;
    color: #fff;
    background-color: #f01d25;
    line-height: 14px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a .brprice {
    font-size: 14px;
    color: #f50;
    margin-top: 6px;
    line-height: 20px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a .brprice i {
    font-size: 12px;
    font-style: normal;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a .size {
    color: #999;
}

.cart_link .cart_item .hot_inner .swiper-pagination-fraction {
    width: 30px;
    bottom: 168px;
    left: 405px;
}

.cart_link .cart_item .hot_inner .swiper-pagination-fraction .swiper-pagination-current {
    color: #f50;
}

.cart_link .cart_item .hot_inner .swiper-button-next {
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    background-position: top center;
    top: 43px;
    background-image: url(https://g1.17qcc.com/2018/shop/images/Next_slide.png);
}

.cart_link .cart_item .hot_inner .swiper-button-prev {
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    background-position: top center;
    top: 43px;
    left: 392px;
    background-image: url(https://g1.17qcc.com/2018/shop/images/Previous_slide.png);
}

.shop_factory {
    background-color: #F5F5F8;
}

.shop_factory .sf {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.shop_factory .sf_top {
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
    font-weight: bolder;
}

.shop_factory .sf_main {
    padding: 40px 50px;
}

.shop_factory .sf_main_pos {
    position: relative;
}

.shop_factory .basic_left {
    float: left;
    width: 438px;
    padding-right: 60px;
    color: #8c8c8c;
}

.shop_factory .basic_middle {
    border-right: 1px dashed #DBDBDB;
    position: absolute;
    height: 100%;
    left: 498px;
}

.shop_factory .basic_right {
    float: left;
    padding-left: 60px;
}

.shop_factory .basic_right p {
    margin-bottom: 20px;
}

.shop_factory .basic_right span a {
    color: #f50;
}

.shop_factory .factory_left {
    width: 498px;
    float: left;
}

.shop_factory .factory_left1 {
    margin-right: 68px;
    width: 430px;
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
}

.shop_factory .factory_left2 {
    margin-right: 68px;
    width: 430px;
    margin-bottom: 20px;
}

.shop_factory .factory_left2 img {
    display: inline-block;
    vertical-align: middle;
}

.shop_factory .factory_left2 span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    margin-right: 15px;
}

.shop_factory .factory_left2 .font_1 {
    color: #333;
    font-weight: bolder;
    font-size: 16px;
}

.shop_factory .factory_left3 {
    margin-right: 68px;
    width: 430px;
    border-bottom: 1px dashed #bbb;
    margin-bottom: 20px;
}

.shop_factory .factory_left4 {
    height: 60px;
    line-height: 20px;
    color: #373737;
}

.shop_factory .factory_left4 .font_2 {
    font-size: 14px;
}

.shop_factory .factory_right {
    width: 600px;
    float: left;
    height: 307px;
    position: relative;
}

.shop_factory .factory_right1 {
    width: 600px;
    height: 40px;
    position: absolute;
    bottom: 0;
}

.shop_factory .factory_right1 span {
    margin-right: 1px;
    float: left;
    width: 149px;
    height: 40px;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.shop_factory .factory_right1 span:nth-child(4) {
    width: 150px;
    margin-right: 0;
}

.shop_factory .factory_right1 span.active {
    background-color: #f50;
}

.shop_factory .factory_right span img {
    width: 600px;
    height: 307px;
}

.shop_factory .aptitude {
    width: 242px;
    height: 362px;
    float: left;
    text-align: center;
    font-size: 14px;
    margin-right: 40px;
}

.shop_factory .aptitude:nth-child(4n) {
    margin-right: 0;
}

.shop_factory .aptitude img {
    width: 240px;
    height: 320px;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.shop_factory .real_scene {
    width: 242px;
    height: 322px;
    float: left;
    text-align: center;
    font-size: 14px;
    margin-right: 40px;
    margin-bottom: 40px;
}

.shop_factory .real_scene:nth-child(4n) {
    margin-right: 0;
}

.shop_factory .real_scene img {
    width: 240px;
    height: 320px;
    border: 1px solid #f0f0f0;
}

.w1200.pro_nav .shcbox #keywords {
    width: 318px;
}

.sliderban {
    height: 336px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

.sliderban ul {
    font-size: 0;
    position: absolute;
    width: 100%;
}

.sliderban li {
    width: 100%;
    height: 336px;
    text-align: center;
    line-height: 336px;
    float: left;
}

.sliderban .pre i,.sliderban .next i {
    width: 8px;
    height: 13px;
    display: block;
    margin: 17px 8px;
}

.sliderban .pre i,.sliderban .next i {
    background-image: url(https://g1.17qcc.com/2018/home/sprites.png?t);
    background-repeat: no-repeat;
}

.sliderban .pre i {
    background-position: -8px -124px;
}

.sliderban .next i {
    background-position: 0 -124px;
}

.sliderban .pre,.sliderban .next {
    z-index: 99999;
    width: 24px;
    height: 48px;
    opacity: .5;
    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);
}

.sliderban .pre {
    left: 50px;
}

.sliderban .next {
    right: 50px;
}

.sliderban .num {
    position: absolute;
    bottom: 4px;
    left: 0;
    border-radius: 0;
    padding: 0;
    font-size: 0;
    width: 100%;
    text-align: center;
    z-index: 99999;
    margin-right: -4px;
}

.sliderban .num span {
    width: 196px;
    height: 30px;
    display: inline-block;
    background-color: #fff;
    margin: 0 0 0 4px;
    cursor: pointer;
    background-color: rgba(0,0,0,0.2);
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.sliderban .num span.active {
    background-color: rgba(0,0,0,0.55);
}

.sliderban li a {
    position: relative;
    display: inherit;
    width: 100%;
    max-width: 100%;
    height: 336px;
}

.sliderban li .smallbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.sliderban li .smallbg img {
    width: 100%;
    height: 336px;
}

.sliderban .npbg {
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    min-width: 1200px;
    height: 336px;
    z-index: 9;
}

.sliderb-nav1200 {
    margin-top: 10px;
    margin-bottom: 20px;
    height: 74px;
}

.sliderb-nav1200 span {
    width: 190px;
    height: 76px;
    float: left;
    margin-left: 12px;
    background: url(https://g1.17qcc.com/2018/product/images/sw1400-bg.png) top center no-repeat;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #f5f5f8;
    position: relative;
    background-size: 100% 100%;
}

.sliderb-nav1200 span.first {
    margin-left: 0;
}

.sliderb-nav1200 span img {
    width: 188px;
    height: 74px;
    opacity: 1;
    transition: opacity .3s;
}

.sliderb-nav1200 span.active {
    border: 1px solid #f50;
}

.sliderb-nav1200 span.active img {
    opacity: 0;
}

.sliderb-nav1200 span.active::before {
    content: "";
    width: 14px;
    height: 6px;
    background: url(https://g1.17qcc.com/2018/product/images/slib-arrow.png) top center no-repeat;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -7px;
}

.market_map {
    margin-left: -20px;
}

.market_map li {
    float: left;
    width: 285px;
    height: 140px;
    margin-left: 20px;
}

.market_map li a {
    display: block;
}

.market_map li a img {
    width: 100%;
    height: 100%;
}

.market_map li a:hover img {
    opacity: .8;
}

.related_w {
    border: 1px solid #f0f0f0;
    padding: 12px 17px;
    background-color: #fff;
    font-size: 12px;
    line-height: 18px;
}

.related_w dt {
    float: left;
    color: #999;
    white-space: nowrap;
    margin-right: 25px;
}

.related_w dd {
    color: #333;
    margin-left: 61px;
}

.related_w dd a {
    float: left;
    white-space: nowrap;
    margin-right: 22px;
    padding: 2px 5px;
    margin-bottom: 0;
}

.related_w dd a.active {
    color: #fff;
    background-color: #f60;
}

.sort_row {
    border: 1px solid #f0f0f0;
    background-color: #fff;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.sort_row a {
    float: left;
    padding: 11px 16px;
    text-align: center;
}

.sort_row a.active {
    background-color: #f60;
    color: #fff;
}

.sort_row a .low {
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px;
    background: url(https://g1.17qcc.com/2018/shop/images/sort_arrow.png) no-repeat;
    background-position: 0 0;
    width: 5px;
    height: 12px;
    margin-top: -2px;
}

.sort_row a.active .low {
    background-position: 0 -13px;
}

.listBox .s_item {
    position: relative;
}

.listBox .s_item .looktop {
    position: absolute;
    left: 0;
    top: 0;
    width: 68px;
    text-align: right;
}

.listBox .s_item .looktop span {
    margin-right: 10px;
    color: #fff;
    font-size: 18px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
}

.listBox .s_item .ltop_1 {
    height: 25px;
    background: url(https://g1.17qcc.com/2018/shop/images/ltop_1.png) top center no-repeat;
}

.listBox .s_item .ltop_2 {
    height: 25px;
    background: url(https://g1.17qcc.com/2018/shop/images/ltop_2.png) top center no-repeat;
}

.listBox .s_item .ltop_3 {
    height: 25px;
    background: url(https://g1.17qcc.com/2018/shop/images/ltop_3.png) top center no-repeat;
}

.listBox .s_item .ltop_4 {
    height: 25px;
    background: url(https://g1.17qcc.com/2018/shop/images/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_5 {
    height: 25px;
    background: url(https://g1.17qcc.com/2018/shop/images/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_6 {
    height: 25px;
    background: url(https://g1.17qcc.com/2018/shop/images/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_7 {
    height: 25px;
    background: url(https://g1.17qcc.com/2018/shop/images/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_8 {
    height: 25px;
    background: url(https://g1.17qcc.com/2018/shop/images/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_9 {
    height: 25px;
    background: url(https://g1.17qcc.com/2018/shop/images/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_10 {
    height: 25px;
    background: url(https://g1.17qcc.com/2018/shop/images/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_10 span {
    margin-right: 5px;
}

.pro_guess .hothd {
    height: 26px;
    border-bottom: 2px solid #ccc;
    line-height: 26px;
}

.pro_guess .hothd span {
    font-size: 18px;
    color: #333;
    float: left;
}

.pro_guess .hothd .floor-tab-li {
    float: left;
    margin-left: 16px;
}

.pro_guess .hothd .floor-tab-li span {
    height: 26px;
    line-height: 26px;
    padding: 0 13px;
    float: left;
}

.pro_guess .hothd .floor-tab-li span a {
    display: block;
    font-size: 14px;
    color: #666;
}

.pro_guess .hothd .floor-tab-li span:hover a {
    border-bottom: 2px solid #f50;
}

.pro_guess .hothd .floor-tab-li span:hover a {
    color: #f50;
}

.pro_guess .hothd .floor-tab-li span.active a {
    border-bottom: 2px solid #f50;
}

.pro_guess .hothd .floor-tab-li span.active a {
    color: #f50;
}

.pro_guess .floor-tab-con ul {
    display: none;
}

.pro_guess ul {
    margin-left: -25px;
    visibility: hidden;
}

.pro_guess .active {
    visibility: visible;
}

.pro_guess ul li {
    float: left;
    width: 218px;
    margin-left: 25px;
    margin-top: 15px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
}

.pro_guess ul li {
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    transition: border .3s ease;
    position: relative;
}

.pro_guess ul li:hover {
    border-color: #f60;
}

.pro_guess ul li a {
    display: block;
    position: relative;
}

.pro_guess ul li a span {
    display: block;
    width: 218px;
    height: 220px;
    overflow: hidden;
}

.pro_guess ul li a span.pic img {
    width: 218px;
    height: 220px;
}

.pro_guess ul li:hover span.pic img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.pro_guess ul li span.icon_1 {
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-top: -4px;
    background: url(https://g1.17qcc.com/2018/icobuy.png) top center no-repeat;
    background-position: 0 0;
    position: absolute;
    right: 6px;
    bottom: 6px;
}

.pro_guess ul li span.s916bs {
    width: 67px;
    height: 68px;
    position: absolute;
    top: 0;
    left: 3px;
    background: url(https://g1.17qcc.com/2018/shop/images/special_sing.png) top center no-repeat;
    background-size: 100% 100%;
}

.pro_guess ul li .desc {
    padding: 13px 10px 0;
    border-top: 0;
}

.pro_guess ul li .desc p.brprice {
    height: 25px;
    line-height: 24px;
}

.pro_guess ul li .desc p.brprice span {
    font-size: 18px;
    color: #f50;
}

.pro_guess ul li .desc p.brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.pro_guess ul li .desc p.brprice em.viewpay {
    color: #999;
    font-size: 12px;
    float: right;
}

.pro_guess ul li .desc p.rowtitle {
    margin-top: 3px;
    height: 17px;
    line-height: 16px;
}

.pro_guess ul li .desc p.rowtitle a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_guess ul li .desc p.size {
    color: #999;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    height: 20px;
}

.pro_guess ul li .desc p.size em {
    width: 136px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.pro_guess ul li .desc p.size .hotsell {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #de327f;
}

.pro_guess ul li .desc p.shop {
    margin-top: 6px;
    height: 22px;
}

.pro_guess ul li .desc p.shop a {
    padding-left: 20px;
    color: #888;
    padding: 0;
    width: 122px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_guess ul li .desc .padd {
    height: 32px;
    border-top: 1px solid #f0f0f0;
    padding: 0 18px;
    margin-top: 12px;
    margin-left: -10px;
    margin-right: -10px;
    line-height: 32px;
}

.pro_guess ul li .desc .padd span.radd {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    color: #999;
}

.pro_guess ul li .desc .padd span.radd i {
    float: left;
    width: 10px;
    height: 13px;
    margin-right: 5px;
    margin-top: 9px;
    background: url(https://g1.17qcc.com/2018/cart/images/cart-icons.png) 0 -41px no-repeat;
}

.pro_guess ul li .desc .padd .ricon {
    float: right;
    width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_guess ul li .desc .padd .ricon img {
    max-width: 20px;
    max-height: 20px;
    display: inline-block;
}

.pro_guess ul li .desc .padd .ricon a {
    display: inline-block;
}

.pro_guess ul li span.realtime {
    width: 48px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f50;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    border-bottom-right-radius: 8px;
    color: #fff;
}

.pro_guess ul li span.new_identity {
    width: 48px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff2020;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    border-bottom-right-radius: 8px;
    color: #fff;
}

.skuinfo {
    position: relative;
}

.pro_color ul {
    width: 458px;
    float: left;
    margin-left: 0;
}

.skuinfo .phoneprice:hover .link-qrcode {
    color: #f50;
    background-position: 0 -43px;
}

.skuinfo .phoneprice {
    position: absolute;
    top: 18px;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

.skuinfo .phoneprice .link-qrcode {
    width: auto;
    height: auto;
    border: 0;
    padding: 10px 0 0 28px;
    background: url(https://g1.17qcc.com/2018/shop/images/apperweima2.png) no-repeat 0 12px;
    margin-left: 0;
}

.skuinfo .phoneprice .qrcode-detail {
    top: 30px;
    position: absolute;
    right: 0;
    bottom: inherit;
    z-index: 11;
    width: 348px;
    border: 1px solid #ddd;
    background-color: #fff;
    zoom: 1;
    display: none;
}

.skuinfo .phoneprice .qrcode-guide {
    width: 173px;
    padding-top: 162px;
    background: url(https://g1.17qcc.com/2018/shop/images/guide.jpg) no-repeat top center;
    float: left;
}

.skuinfo .phoneprice .qrcode-guide p {
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #000;
}

.skuinfo .phoneprice .qrcode-scan {
    width: 174px;
    border-left: 1px solid #ddd;
    float: left;
}

.skuinfo .phoneprice .qrcode-scan img {
    display: block;
    overflow: hidden;
    padding: 12px 12px 0;
    max-width: 150px;
    max-height: 150px;
}

.skuinfo .phoneprice .qrcode-scan p {
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #000;
}

.sale_item a {
    float: left;
    width: 285px;
    height: 140px;
    margin-right: 20px;
}

.sale_item a.last {
    margin-right: 0;
}

.sale_item a img {
    width: 100%;
    height: 100%;
}

.sale_item a:hover img {
    opacity: .8;
}

.pro_bargain {
    padding: 30px 15px;
}

.pro_bargain table {
    width: 100%;
    border-spacing: 0;
}

.pro_bargain table thead {
    background: #f7f7f7;
    width: 100%;
}

.pro_bargain table thead tr th {
    border: 0;
    border-bottom: 2px solid #f50;
    height: 30px;
    line-height: 30px;
    color: #f50;
    font-size: 14px;
    text-align: left;
    padding-left: 23px;
}

.pro_bargain table tbody tr.odd td {
    background: #fff;
}

.pro_bargain table tbody tr.even td {
    background: #f7f7f7;
}

.pro_bargain table tbody tr td {
    padding: 30px 0 30px 23px;
}

.pro_bargain table tbody tr td.buyer-sku span {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 30px;
    margin-right: 10px;
    background: #dcdcdc;
    line-height: 56px;
    text-align: center;
    float: left;
}

.pro_bargain table tbody tr td.buyer-sku span img {
    max-width: 60px;
    max-height: 60px;
    width: unset;
}

.pro_bargain table tbody tr td.buyer-sku .t {
    float: left;
    margin-top: 12px;
}

.pro_bargain table tbody tr td.buyer-sku .t .sku {
    color: #f50;
}

.pro_bargain table tbody tr td.trade-sku .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 26px;
}

.pro_bargain table tbody tr td.trade-sku .item span {
    flex: 1;
}

.pro_bargain table tbody tr td.trade-sku .item span:first-child {
    flex: 1.5;
}

.pro_detail .pro_tab li em {
    position: absolute;
    background: #f50;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    color: #fff;
    line-height: 30px;
    top: -15px;
    right: -15px;
    text-align: center;
}

.fctips {
    padding: 23px 26px 0;
}

.fct-l-icon span {
    float: left;
    background: url(https://g1.17qcc.com/2018/shop/images/full-cart.png) top center no-repeat;
    width: 45px;
    height: 45px;
    margin-right: 20px;
    margin-top: 4px;
}

.fct-l-icon .p1 {
    font-size: 22px;
    color: #f50;
}

.fct-l-icon .p2 {
    font-size: 18px;
    color: #999;
}

.fctips .fct-btns {
    margin-top: 24px;
}

.fctips .fct-btns a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    border-radius: 3px;
}

.fctips .fct-btns .gocart {
    width: 128px;
    height: 44px;
    line-height: 42px;
    border: 1px solid #999;
    color: #666;
    margin-left: 64px;
}

.fctips .fct-btns .goacc {
    width: 130px;
    height: 46px;
    line-height: 44px;
    background-color: #f50;
    color: #fff;
    margin-left: 16px;
}

.fctips .fct-btns .gocart:hover {
    background-color: #fdf7f4;
    border: 1px solid #c63;
    color: #f50;
}

.item_info .rankbox .tab-bar {
    float: left;
}

.item_info .rankbox .tab-bar li {
    float: left;
    width: 82px;
    text-align: left;
    margin-right: 16px;
    cursor: pointer;
    position: relative;
    height: 24px;
}

.item_info .rankbox .tab-bar li {
    color: #666;
}

.item_info .rankbox .tab-bar li em {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -18px;
    width: 36px;
    height: 1px;
    background-color: #F50;
    display: none;
}

.item_info .rankbox .tab-bar li.active {
    color: #F00;
}

.item_info .rankbox .tab-bar li.active em {
    display: block;
}

.item_info .rankbox .slike {
    float: right;
}

.item_info .rankbox .slike a {
    float: left;
    color: #666;
}

.item_info .rankbox .slike a span {
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 4px;
}

.item_info .rankbox .slike .soutc {
    margin-right: 20px;
}

.item_info .rankbox .slike .soutc span {
    background: url(https://g1.17qcc.com/2018/shop/images/psl_soutc.png) top center no-repeat;
}

.item_info .rankbox .slike .scproduct span {
    background: url(https://g1.17qcc.com/2018/shop/images/pslcoll_shop.png) top center no-repeat;
}

.item_info .rankbox .slike a:hover {
    color: #f50;
}

.item_info .rankcont {
    display: none;
    position: relative;
}

.item_info .rankcont .hovs1 {
    position: absolute;
    top: -20px;
    left: 0;
    width: 80px;
    height: 24px;
    cursor: pointer;
}

.item_info .rankcont .hovs2 {
    position: absolute;
    top: -20px;
    left: 98px;
    width: 80px;
    height: 24px;
    cursor: pointer;
}

.item_info .rankcont.active {
    display: block;
}

.item_info .rankcont .top {
    padding: 10px 0;
    text-align: center;
    color: #666;
}

.item_info .rankcont .top i {
    font-style: normal;
}

.item_info .rankcont .top .ratetype {
    margin-left: 20px;
}

.item_info .rankcont .top .ratetype i {
    color: #f50;
}

.item_info .rankcont .chart {
    width: 385px;
    height: 125px;
}

.pro_btn .toolkit {
    float: left;
    position: relative;
}

.pro_btn .toolkit .toola {
    width: 120px;
    height: 38px;
    border: 1px solid #f50;
    background-color: #fff6f2;
    color: #F50;
    font-size: 16px;
    line-height: 38px;
    position: relative;
    z-index: 2;
}

.pro_btn .toolkit .toola em {
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/shop/images/tooldetail.png) top center no-repeat;
    width: 17px;
    height: 18px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}

.pro_btn .toolkit .toola span {
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/shop/images/toold_up_icon.png) top center no-repeat;
    width: 13px;
    height: 9px;
    vertical-align: middle;
    margin-left: 4px;
    margin-top: -2px;
    transition: all .1s ease-in;
}

.pro_btn .toolkit .toola i {
    border-radius: 0 0 8px 8px;
    position: absolute;
    width: 16px;
    height: 10px;
    background: url(https://g1.17qcc.com/2018/shop/images/toold_down_icon.png) center no-repeat #fff6f2;
    background-size: auto 6px;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    display: none;
    z-index: 2;
    transform: rotate(180deg);
}

.pro_btn .toolkit .tooltop {
    display: none;
    width: 120px;
    position: absolute;
    bottom: 39px;
    left: 20px;
    background-color: #fff;
    border: 1px solid #f50;
    z-index: 1;
    padding: 12px 0 0;
    margin-left: 0;
    margin-top: 0;
}

.pro_btn .toolkit .tooltop a {
    width: 92px;
    font-size: 12px;
    padding: 0 5px;
    background-color: #FFFDFC;
    border-radius: 2px;
    border: 0;
    text-align: center;
    height: 36px;
    line-height: 36px;
    float: none;
    display: block;
    margin: 0 auto 12px;
}

.pro_btn .toolkit .tooltop a span {
    width: 16px;
    width: 16px;
    margin-left: 5px;
    margin-top: 0;
}

.pro_btn .toolkit .tooltop a.dohdg span {
    width: 16px;
    height: 16px;
    display: inline-table;
    vertical-align: middle;
    background: url(https://g1.17qcc.com/2018/shop/images/dcomdetail.png?2020) no-repeat top center;
    margin-top: -4px;
    margin-right: 7px;
}

.pro_btn .toolkit .tooltop a.downimg span {
    background: url(https://g1.17qcc.com/2018/shop/images/dupbag.png) no-repeat top center;
}

.pro_btn .toolkit .tooltop a.downimg em {
    height: auto;
    width: auto;
    margin-right: 0;
    background: 0;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    line-height: normal;
}

.pro_btn .toolkit .tooltop a.dowxpic span {
    background: url(https://g1.17qcc.com/2018/shop/images/dowxpic.png) top center no-repeat;
}

.pro_btn .toolkit .tooltop a.dshare span {
    background: url(https://g1.17qcc.com/2018/shop/images/dshare.png) top center no-repeat;
}

.pro_btn .toolkit .tooltop a.dquick span {
    background: url(https://g1.17qcc.com/2018/shop/images/dquick.png) top center no-repeat;
}

.pro_btn .toolkit .tooltop a:hover {
    background-color: #FFF6F6;
}

.pro_btn .toolkit .tooltop a:hover em {
    color: #f50;
}

.pro_btn .toolkit:hover .toola {
    border-top: 1px solid transparent;
}

.pro_btn .toolkit:hover .toola span {
    transform: rotate(180deg);
}

.pro_btn .toolkit:hover .tooltop {
    display: block;
}

.pro_recon ul li a {
    position: relative;
}

.pro_recon ul li a .tuijian {
    position: absolute;
    top: 0;
    left: -5px;
    width: 33px;
    height: 24px;
    background: url(https://g1.17qcc.com/2018/shop/images/protuijian.png) top center no-repeat;
}

.ftinfo {
    background-color: #fff;
}

.ftinfo .hd {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    border-bottom: 1px solid #f5f5f5;
}

.ftinfo .hd h3 {
    font-size: 16px;
}

.ftinfo .bd {
    padding: 20px;
}

.ftinfo .bd .line {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.ftinfo .bd .fd {
    display: flex;
    flex: 1;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    border-bottom: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    height: 80px;
    padding-left: 20px;
    cursor: pointer;
}

.ftinfo .bd .fd:hover {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.06);
}

.ftinfo .bd .line .fd:last-child {
    border-right: 0;
}

.ftinfo .bd .line:last-child .fd {
    border-bottom: 0;
}

.ftinfo .bd .fd .p1 {
    color: #666;
}

.ftinfo .bd .fd .icon,.ftdata .hd .icon {
    background: url(https://g1.17qcc.com/2018/shop/images/renzspris.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 18px;
    vertical-align: middle;
}

.ftinfo .bd .fd .icon1 {
    background-position: 0 0;
}

.ftinfo .bd .fd .icon2 {
    background-position: 0 -20px;
}

.ftinfo .bd .fd .icon3 {
    background-position: 0 -40px;
}

.ftinfo .bd .fd .icon4 {
    background-position: 0 -60px;
}

.ftinfo .bd .fd .icon5 {
    background-position: 0 -80px;
}

.ftinfo .bd .fd .icon6 {
    background-position: 0 -100px;
}

.ftinfo .bd .fd .icon7 {
    background-position: 0 -120px;
}

.ftinfo .bd .fd .icon8 {
    background-position: 0 -140px;
}

.ftdata .hd {
    margin-left: -8px;
}

.ftdata .hd .fd {
    float: left;
    margin-left: 8px;
    padding: 20px;
    width: 556px;
}

.ftdata .hd .hour {
    background-color: #F7FBFF;
}

.ftdata .hd .volume {
    background-color: #F7FBFF;
}

.ftdata .hd .tie {
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    font-weight: bold;
}

.ftdata .hd .icon {
    width: 34px;
    height: 34px;
    margin-right: 6px;
}

.ftdata .hd .icon1 {
    background-position: 0 -170px;
}

.ftdata .hd .icon2 {
    background-position: 0 -220px;
}

.ftdata .tiepic span {
    font-size: 36px;
    margin-left: 36px;
    margin-right: 40px;
}

.ftphoto {
    background-color: #fff;
}

.ftphoto .hd {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    border-bottom: 1px solid #f5f5f5;
}

.ftphoto .hd h3 {
    font-size: 16px;
}

.ftphoto .bd {
    margin-left: -10px;
    padding: 20px;
}

.ftphoto .imgb {
    float: left;
    overflow: hidden;
    margin-left: 10px;
}

.ftphoto .b1 {
    width: 458px;
    height: 458px;
}

.ftphoto .b {
    width: 224px;
    height: 224px;
}

.ftphoto .b {
    margin-bottom: 10px;
}

.ftphoto .imgb img {
    width: 100%;
    height: 100%;
}

.b_pro_nav {
    margin-top: 14px;
    margin-bottom: 14px;
}

.b_pro_nav .logo h1 .logo-bd {
    margin-top: 5px;
}

.b_pro_nav .nav_title {
    margin-top: 34px;
}

.b_pro_nav .shcbox {
    margin-top: 30px;
}

.b-pb5 {
    padding-bottom: 5px;
}

.b-p18 {
    padding-top: 18px;
    padding-bottom: 18px;
}

.bgF6 {
    background: #f6f6f6;
}

.fh {
    font-family: "SimHei";
    margin-left: 4px;
}

.page-1 {
    border-bottom: 1px solid #fff;
    background: #fbfbfb;
}

.b-inBanner {
    height: 288px;
    width: 608px;
    float: left;
    border-radius: 6px;
    overflow: hidden;
}

.b-inBanner .slider {
    height: 288px;
    width: 608px;
    overflow: hidden;
    position: relative;
    background-color: #F6F6F6;
}

.b-inBanner .slider ul {
    font-size: 0;
    position: absolute;
}

.b-inBanner .slider li {
    width: 608px;
    height: 288px;
    text-align: center;
    line-height: 288px;
    float: left;
}

.b-inBanner .slider li a {
    display: block;
}

.b-inBanner .slider li a img {
    max-width: 608px;
    max-height: 288px;
    height: 288px;
}

.b-inBanner .slider .num {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0;
    width: 100%;
    text-align: center;
}

.b-inBanner .slider .num p {
    margin: 0 auto;
}

.b-inBanner .slider .num span:first-child {
    margin-left: 0;
    width: 103px;
}

.b-inBanner .slider .num span {
    width: 100px;
    height: 26px;
    float: left;
    margin-left: 1px;
    cursor: pointer;
    background-color: rgba(0,0,0,0.5);
    color: #F2F2F2;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    border-top: 2px solid transparent;
    overflow: hidden;
}

.b-inBanner .slider .num span.active {
    background-color: #fff;
    color: #f50;
    border-top: 2px solid #F50;
}

.b-bmp {
    width: 342px;
    margin: 0 10px;
    float: left;
}

.b-bmp .inBoxTop {
    height: 188px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 10px;
}

.b-bmp .inBoxTop img {
    width: 100%;
    height: 188px;
}

.b-rank {
    float: right;
    width: 230px;
}

.inRank {
    height: 188px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: linear-gradient(180deg,#FFF3E8 0,#FFFAF5 23%,#FFF 100%);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.04);
}

.b-rank .inBoxBottom,.b-bmp .inBoxBottom {
    height: 90px;
    border-radius: 6px;
    overflow: hidden;
}

.b-rank .inBoxBottom img,.b-bmp .inBoxBottom img {
    width: 100%;
    height: 90px;
}

.b-rank .inRank .intop {
    height: 38px;
    font-size: 14px;
    color: #493123;
    width: 135px;
    margin: 0 auto;
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -27px -2px no-repeat;
    text-align: center;
    line-height: 28px;
}

.b-rank .inRank .intop span {
    font-weight: 900;
    letter-spacing: 3px;
}

.b-rank ul {
    padding: 0 10px;
    font-size: 0;
}

.b-rank li {
    width: 50%;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 8px;
    line-height: 28px;
    height: 28px;
}

.b-rank li a {
    display: block;
    overflow: hidden;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.b-rank li span {
    font-size: 12px;
    color: #333;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b-rank li a:hover span {
    color: #f50;
}

.b-rank li .rankIcon {
    width: 12px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.b-rank li .rankIcon.icon-1 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -21px -41px no-repeat;
}

.b-rank li .rankIcon.icon-2 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -39px -41px no-repeat;
}

.b-rank li .rankIcon.icon-3 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -21px -69px no-repeat;
}

.b-rank li .rankIcon.icon-4 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -39px -69px no-repeat;
}

.b-rank li .rankIcon.icon-5 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -21px -97px no-repeat;
}

.b-rank li .rankIcon.icon-6 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -39px -97px no-repeat;
}

.b-rank li .rankIcon.icon-7 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -21px -125px no-repeat;
}

.b-rank li .rankIcon.icon-8 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -39px -125px no-repeat;
}

.b-rank li .rankIcon.icon-9 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -21px -153px no-repeat;
}

.b-rank li .rankIcon.icon-10 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -39px -153px no-repeat;
}

.page-2 {
    padding: 20px 0 0;
    height: 166px;
    position: relative;
    z-index: 100;
}

.page-2 ul {
    height: 166px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 20px;
}

.page-2 li {
    float: left;
    width: 185px;
    background: rgba(255,255,255,.6);
    border-radius: 6px;
    border: 1px solid #fff;
    box-sizing: border-box;
    box-shadow: 0 0 11px 0 rgba(0,0,0,0.06);
    margin-left: 18px;
    padding-bottom: 12px;
}

.page-2 li .imgBox {
    width: 160px;
    height: 98px;
    margin: 12px 12px 0;
    display: block;
}

.page-2 li .imgBox img {
    width: 100%;
    height: 100%;
    max-width: 160px;
    max-height: 98px;
}

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

.page-2 ul li:hover {
    height: 222px;
}

.page-2 .shopName {
    height: 22px;
    text-align: center;
}

.page-2 .shopName a {
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    height: 30px;
    background: #FDFDFD;
    text-align: center;
    min-width: 70px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.04);
    border-radius: 15px;
    border: 1px solid #F0F0F0;
    position: relative;
    top: -20px;
    padding: 0 10px;
    transition: all .2s;
    cursor: pointer;
}

.page-2 .about {
    text-align: center;
    font-size: 0;
    height: 20px;
    line-height: 20px;
}

.page-2 .about a {
    font-size: 14px;
}

.page-2 .about span {
    font-size: 14px;
    color: #ababab;
    margin: 0 8px;
}

.page-2 .numCount {
    margin: 8px auto 0;
    font-size: 0;
    width: 152px;
    display: none;
}

.page-2 .numCount dd {
    display: inline-block;
    vertical-align: top;
    width: 75px;
    height: 48px;
    background: #FBFBFB;
    margin-left: 2px;
    box-sizing: border-box;
    padding: 5px 0;
    cursor: pointer;
}

.page-2 .numCount dd h2 {
    font-size: 12px;
    color: #999;
    text-align: center;
    font-weight: normal;
    margin-bottom: 2px;
}

.page-2 .numCount dd:first-child {
    margin-left: 0;
}

.page-2 .numCount p {
    font-size: 13px;
    color: #000;
    text-align: center;
}

.page-2 li:hover {
    background: #fff;
    box-shadow: 0 0 11px 0 rgba(0,0,0,0.12);
}

.page-2 li:hover .numCount {
    display: block;
}

.page-2 li .shopName a:hover {
    color: #f50;
    border: 1px solid #f50;
}

.page-2 li:hover .numCount dd p {
    color: #f50;
}

.page-2 li.fristone {
    padding-bottom: 0;
    z-index: 100;
    position: relative;
}

.page-2 li.fristone .newIcon {
    width: 40px;
    height: 20px;
    background: url(https://g1.17qcc.com/2018/shop/images/newmarket.gif) top center no-repeat;
    position: absolute;
    top: -1px;
    left: -1px;
}

.page-2 li.fristone .imgBox {
    width: 160px;
    height: 130px;
    margin: 12px 12px 0;
    display: block;
}

.page-2 li.fristone .imgBox img {
    width: 100%;
    height: 100%;
    max-width: 160px;
    max-height: 130px;
}

.page-2 li.fristone .stairs {
    width: 185px;
    height: 220px;
    background: #FFF;
    box-shadow: 0 0 11px 0 rgb(0 0 0 / 12%);
    border-radius: 6px;
    border: 1px solid #E0E0E0;
    position: absolute;
    left: -1px;
    top: -1px;
    display: none;
    padding-top: 7px;
}

.page-2 li.fristone .stairs dd {
    width: 160px;
    height: 30px;
    margin-top: 10px;
    background: #F8F8F8;
    border-radius: 100px;
    display: block;
    margin: 10px auto 0;
    position: relative;
}

.page-2 li.fristone .stairs dd a {
    display: block;
}

.page-2 li.fristone .stairs dd span {
    float: left;
    width: 30px;
    height: 30px;
    background: #FFF;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    margin-right: 6px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
}

.page-2 li.fristone .stairs dd p {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
    margin-right: 15px;
}

.page-2 li.fristone .stairs dd .fh {
    font-family: "SimHei";
    margin-left: 4px;
    position: absolute;
    right: 7px;
    top: 4px;
    font-size: 14px;
}

.page-2 li.fristone .stairs dd:hover {
    background-color: #F50;
}

.page-2 li.fristone .stairs dd:hover p {
    color: #fff;
}

.page-2 li.fristone .stairs dd:hover span {
    box-shadow: 0 0 5px 0 rgba(255,120,53,0.4);
}

.page-2 li.fristone .stairs dd:hover .fh {
    color: #fff;
}

.page-2 li.fristone:hover .stairs {
    display: block;
}

.page-2 li.fristone:hover {
    height: auto;
}

.page-2 {
    overflow-x: auto;
    padding: 20px 0 0;
    height: 255px;
    position: relative;
    z-index: 100;
}

.page-2 ul {
    display: flex;
    width: auto;
    z-index: 3;
}

.page-2 li {
    z-index: 3;
}

.page-2 .scrollbar {
    position: absolute;
    bottom: 61px;
    left: 0;
    height: 12px;
    z-index: 2;
    width: 100%;
}

.page-2 .scrollbar span {
    display: block;
    background-color: #c1c1c1;
    height: 12px;
    border-radius: 6px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    user-select: none;
    transform: translateX(0);
}

.page-2::-webkit-scrollbar {
    display: none;
}

.b-pages1 .b-pagesTab {
    margin-bottom: -105px;
    overflow: hidden;
}

.b-pages2 .b-pagesTab {
    
    overflow: hidden;
}

.b-pages3 .b-pagesTab {
    margin-bottom: -105px;
    overflow: hidden;
}

.b-pages4 .b-pagesTab {
    margin-bottom: -105px;
    overflow: hidden;
}

.b-pages5 .b-pagesTab {
    margin-bottom: -40px;
    overflow: hidden;
}

.b-pagesTitle {
    margin: 30px 0 15px 0;
    height: 28px;
    line-height: 28px;
}

.b-pagesTitle .moreBtn {
    float: right;
    line-height: 28px;
    color: #666;
}

.b-pagesTitle .moreBtn:hover {
    color: #f50;
}

.b-pagesTitle .icon {
    width: 6px;
    height: 28px;
    border-radius: 3px;
    margin-right: 10px;
    float: left;
}

.b-pagesTitle .name {
    float: left;
    font-size: 24px;
    color: #333;
    margin-right: 10px;
}

.b-pagesTitle .sname {
    float: left;
    font-size: 16px;
    color: #666;
    height: 28px;
    line-height: 36px;
}

.b-pagesTitle .icon-1 {
    background: linear-gradient(149deg,#F50 0,#FF8600 100%);
}

.b-pagesTitle .icon-2 {
    background: linear-gradient(342deg,#20ACFF 0,#0092FF 100%);
}

.b-pagesTitle .icon-3 {
    background: linear-gradient(339deg,#FF36D6 0,#8085EB 100%);
}

.b-pagesTitle .icon-4 {
    background: linear-gradient(339deg,#567CFF 0,#8085EB 100%);
}

.b-pagesTitle .icon-5 {
    background: linear-gradient(339deg,#459FFF 0,#3942FF 100%);
}

.b-pagesTitle .icon-6 {
    background: linear-gradient(347deg,#F93EC6 0,#F30C6F 100%);
}

.pageLeft,.pageLeft-1 {
    float: left;
    width: 596px;
    height: 260px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.pageRight,.pageRight-1 {
    float: right;
    width: 596px;
    height: 260px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.pageLeft-1,.pageRight-1 {
    height: 290px;
    box-sizing: border-box;
}

.b-videoPage {
    padding: 20px;
    background: #fff;
}

.b-videoPage .videBox-1 {
    float: left;
    width: 332px;
}

.b-videoPage .videBox-2 {
    float: right;
    width: 208px;
}

.b-videoPage .inHead {
    height: 28px;
    line-height: 28px;
    font-size: 0;
    margin-bottom: 12px;
}

.b-videoPage .inHead .moreBtn {
    float: right;
    line-height: 28px;
    color: #cacaca;
    font-size: 6px;
}

.b-videoPage .inHead .icon {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 4px;
    margin-top: 1.5px;
}

.b-videoPage .inHead h2 {
    font-size: 20px;
    color: #333;
    float: left;
    margin-right: 6px;
    line-height: 28px;
}

.b-videoPage .inHead p {
    font-size: 12px;
    color: #666;
    height: 28px;
    line-height: 36px;
}

.b-videoPage .inHead .icon-1 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -116px -41px no-repeat;
}

.b-videoPage .inHead .icon-2 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -146px -41px no-repeat;
}

.b-videoPage .videoBox {
    height: 210px;
    background: #000;
}

.b-videoPage .videoBox video {
    width: 100%;
    height: 100%;
    outline: 0;
}

.b-shopItems {
    padding: 20px;
    background: #fff;
    height: 250px;
    font-size: 0;
}

.b-shopItems dt {
    display: inline-block;
    vertical-align: top;
}

.b-shopItems dt .imgBox {
    width: 182px;
    height: 250px;
    display: block;
}

.b-shopItems dt img {
    width: 100%;
    height: 100%;
}

.b-shopItems dd {
    width: 173px;
    margin-left: 12px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
}

.b-shopItems dd .imgBox {
    display: block;
    margin-bottom: 12px;
}

.b-shopItems dd .imgBox img {
    width: 100%;
    height: 173px;
}

.b-shopItems .priceBox {
    border: 1px solid #f50;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    margin: 0 auto 14px auto;
    line-height: 22px;
    font-size: 0;
    white-space: nowrap;
    border-radius: 6px;
}

.b-shopItems .priceBox .name {
    font-size: 12px;
    color: #f50;
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px 0 6px;
}

.b-shopItems .priceBox .num {
    display: inline-block;
    background: #f50;
    vertical-align: middle;
    height: 22px;
    font-size: 0;
    padding: 0 6px 0 2px;
    position: relative;
}

.b-shopItems .priceBox .num {
    font-size: 12px;
    color: #fff;
}

.b-shopItems .priceBox .num span {
    font-size: 16px;
    color: #fff;
}

.b-shopItems .priceBox .num::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 22px solid #f50;
    border-left: 8px solid transparent;
    position: absolute;
    top: 0;
    left: -8px;
}

.b-shopItems .shopName {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.b-shopItems .shopName:hover {
    color: #f50;
}

.b-pagesTab {
    
    position: relative;
}

.b-pagesTab .inHead {
    line-height: 40px;
    height: 40px;
    font-size: 0;
    position: relative;
    z-index: 2;
    background: #fff;
    display: none;
}

.b-pagesTab .inHead li {
    display: inline-block;
    vertical-align: top;
    height: 39px;
    width: 16.66%;
    text-align: center;
    font-size: 0;
}

.b-pagesTab .inHead a {
    text-align: center;
    display: block;
    line-height: 40px;
    height: 39px;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    color: #333;
    padding: 0 25px;
    position: relative;
}

.b-pagesTab .inHead li a::after {
    content: '';
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #f50;
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin-left: -6px;
    display: none;
    z-index: 2;
}

.b-pagesTab .inHead li a:hover,.b-pagesTab .inHead li.on a {
    color: #fff;
    border-bottom: 2px solid #f50;
    background-color: #f50;
}

.b-pagesTab .tabBox {
    display: block;
    min-height: 257px;
    width: 1208px;
    float: left;
    margin-left: -7px;
}

.b-pagesTab .tabBox .inBox {
    clear: both;
    zoom: 1;
}

.b-pagesTab .tabBox .inBox:after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020";
    visibility: hidden;
}

.b-pagesTab .tabBox .items {
    float: left;
    width: 294px;
    padding-bottom: 13px;
    height: 238px;
    margin-top: 1px;
    background: #fff;
    margin-left: 8px;
    margin-bottom: 8px;
}

.b-pagesTab .tabBox .items:nth-child(4n) {
    margin-left: 7px;
}

.b-pagesTab .inHead li a:hover::after {
    display: block;
}

.b-pagesTab .inHead li.on a::after {
    display: block;
}

.b-pagesTab .shopDetail {
    padding: 16px 24px 5px 24px;
}

.b-pagesTab .shopDetail .imgBox {
    overflow: hidden;
    float: left;
    width: 44px;
    height: 44px;
    margin-right: 16px;
    line-height: 42px;
    border-radius: 44px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    text-align: center;
    font-size: 0;
}

.b-pagesTab .shopDetail .imgBox img {
    max-width: 100%;
    max-height: 100%;
}

.b-pagesTab .shopDetail .shopName {
    line-height: 22px;
    height: 22px;
    margin-bottom: 5px;
    font-size: 0;
}

.b-pagesTab .shopDetail .shopName .name {
    font-size: 16px;
    color: #333;
    margin-right: 6px;
    font-weight: bold;
}

.b-pagesTab .shopDetail .shopName .name {
    float: left;
    max-width: 114px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.b-pagesTab .shopDetail .shopName span {
    font-size: 12px;
    color: #f50;
    display: inline-block;
    max-width: 54px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.b-pagesTab .shopDetail .shopName .collBtn {
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 3px;
}

.b-pagesTab .shopDetail .shopName .coll-icon {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -64px -41px no-repeat;
}

.b-pagesTab .shopDetail .shopName .coll-icon2 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -89px -41px no-repeat;
}

.b-pagesTab .shopDetail .shopType {
    font-size: 0;
    line-height: 20px;
    position: relative;
}

.b-pagesTab .shopDetail .shopType .sellType {
    position: absolute;
    top: 0;
    right: -24px;
    color: #fff;
    font-size: 12px;
    color: #fff;
    padding: 0 6px 0 8px;
    line-height: 18px;
    height: 20px;
    border-radius: 20px 0 0 20px;
    background: linear-gradient(90deg,#6D94FE,#8C65FF);
}

.b-pagesTab .shopDetail .shopAges {
    display: inline-block;
    border: 1px solid #f50;
    border-radius: 2px;
    font-size: 0;
    line-height: 14px;
    height: 16px;
    box-sizing: border-box;
    vertical-align: middle;
    margin-right: 4px;
}

.b-pagesTab .shopDetail .shopAges p {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    background: #f50;
    padding: 0 2px;
}

.b-pagesTab .shopDetail .shopAges span {
    font-size: 12px;
    color: #f50;
    padding: 0 2px;
}

.b-pagesTab .shopDetail .shopType .qual_box {
    margin-top: 0;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.b-pagesTab .shopDetail .shopType .qual_box i {
    width: 16px;
    height: 16px;
    float: left;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    margin-right: 3px;
    margin-top: 3px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.bz {
    background-position: -470px -303px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.real {
    background-position: -175px 0;
}

.b-pagesTab .shopDetail .shopType .qual_box i.daifa {
    background-position: -175px -24px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.zifa {
    background-position: -175px -50px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.fast {
    background-position: -175px -76px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.factory {
    background-position: -175px -102px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.days15 {
    background-position: -175px -128px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.style {
    background-position: -201px 0;
}

.b-pagesTab .shopDetail .shopType .qual_box i.personal {
    background-position: -201px -24px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.business {
    background-position: -201px -50px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.cross {
    background-position: -201px -76px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.good {
    background-position: -201px -102px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.gold {
    background-position: -201px -128px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.gongchang {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.b-pagesTab .shopDetail .shopType .qual_box i.factory2 {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.b-pagesTab .shopDetail .shopType img.icon {
    vertical-align: middle;
    margin-right: 4px;
}

.b-pagesTab .sellAbout {
    margin: 10px 24px 0 26px;
    color: #444;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4;
}

.b-pagesTab .sellAbout span {
    color: #999;
}

.b-pagesTab .payAbout {
    font-size: 12px;
    line-height: 38px;
    overflow: hidden;
    padding: 0 24px;
    color: #999;
}

.b-pagesTab .payAbout .inleft {
    float: left;
}

.b-pagesTab .payAbout .inright {
    float: right;
}

.b-pagesTab .payAbout em {
    color: #f50;
}

.b-pagesTab .payAbout font {
    color: #444;
}

.b-pagesTab .imgItems {
    margin: 0 23px;
    padding-bottom: 12px;
    overflow: hidden;
}

.b-pagesTab .imgItems .imgs {
    font-size: 0;
    white-space: nowrap;
    height: 78px;
}

.b-pagesTab .imgItems a {
    display: inline-block;
    vertical-align: top;
    width: 78px;
    height: 78px;
    margin-left: 10px;
}

.b-pagesTab .imgItems a:first-child {
    margin-left: 0;
}

.b-pagesTab .imgItems img {
    width: 100%;
    height: 100%;
}

.b-pagesTab .imgItems .slideBtn {
    position: relative;
    height: 0;
}

.b-pagesTab .imgItems .slideBtn a {
    width: 13px;
    height: 36px;
    position: absolute;
    z-index: 10;
    top: -56px;
    display: block;
}

.b-pagesTab .imgItems .slideBtn a.leftBtn {
    left: 0;
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -66px -69px no-repeat;
}

.b-pagesTab .imgItems .slideBtn a.rightBtn {
    right: 0;
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -89px -69px no-repeat;
}

.b-pagesTab .imgItems .slideBtn a.leftBtn:hover {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -66px -118px no-repeat;
}

.b-pagesTab .imgItems .slideBtn a.rightBtn:hover {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -89px -118px no-repeat;
}

.b-pagesTab .s-pro {
    position: relative;
    overflow: hidden;
    padding: 0 0 12px;
    margin: 0 24px;
    z-index: 2;
}

.b-pagesTab .s-pro-ova {
    overflow: hidden;
}

.b-pagesTab .s-pro-a {
    transition: transform .2s linear;
    width: 352px;
    margin-left: -5px;
}

.b-pagesTab .s-pro-a a {
    float: left;
    width: 78px;
    margin-left: 5px;
}

.b-pagesTab .s-pro-a a img {
    width: 76px;
    height: 76px;
    opacity: .8;
    border: 1px solid transparent;
}

.b-pagesTab .s-pro-a a:hover img {
    border: 1px solid #f50;
    opacity: 1;
}

.b-pagesTab .s-pro-ahover {
    transform: translateX(-87px);
}

.b-pagesTab .s-pro .next {
    position: absolute;
    top: 50%;
    right: -2px;
    width: 15px;
    height: 39px;
    margin-top: -20px;
    opacity: .8;
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -89px -69px no-repeat;
    cursor: pointer;
}

.b-pagesTab .s-pro .next:hover {
    opacity: 1;
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -89px -118px no-repeat;
}

.b-pagesTab .popup {
    position: absolute;
    top: 152px;
    z-index: 99;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #F0F0F0;
    display: none;
}

.b-pagesTab .popup .arrowicon {
    position: absolute;
    top: 6px;
    width: 8px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/arrowicon.png) top center no-repeat;
}

.b-pagesTab .popup .arroleft {
    left: -8px;
}

.b-pagesTab .popup .arroright {
    right: -8px;
    transform: rotate(180deg);
}

.b-pagesTab .popup .popic {
    width: 150px;
    height: 150px;
    display: block;
}

.b-pagesTab .popup .popic img {
    width: 100%;
    height: 100%;
}

.b-pagesTab .popup .pir {
    margin-top: 10px;
    line-height: 20px;
}

.b-pagesTab .popup .pir span {
    float: left;
    color: #f50;
}

.b-pagesTab .popup .pir span em {
    font-style: normal;
    font-size: 14px;
}

.b-pagesTab .popup .pir i {
    font-style: normal;
    color: #666;
    float: right;
}

.b-pagesTab .items .btnBox {
    padding: 13px 0;
    margin: 0 20px;
    border-top: 1px solid #F4F4F4;
    font-size: 0;
    display: none;
    background: #fff;
}

.b-pagesTab .items .btnBox a {
    width: 118px;
    font-size: 12px;
    color: #f50;
    float: left;
    line-height: 22px;
    text-align: center;
    border: 1px solid #f50;
    border-radius: 2px;
    height: 24px;
}

.b-pagesTab .items .btnBox a.on {
    float: right;
    background: #f50;
    color: #fff;
}

.b-pagesTab .tabBox .items .inItem {
    padding-bottom: 13px;
    box-sizing: border-box;
    transition: box-shadow .2s;
    border: 1px solid #f6f6f6;
    margin-left: -1px;
    margin-top: -1px;
}

.b-pagesTab .tabBox .items .inItem:hover {
    border: 1px solid #f50;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    position: relative;
    z-index: 93;
    background: #fff;
}

.b-pagesTab .tabBox .items:hover .btnBox {
    display: block;
}

.b-pagesTab .con {
    width: 1201px;
    min-height: 520px;
    position: relative;
    overflow: hidden;
}

.b-pages {
    position: relative;
}

.b-pages1 {
    z-index: 1;
}

.b-pages2 {
    z-index: 2;
}

.b-pages3 {
    z-index: 3;
}

.b-pages4 {
    z-index: 4;
}

.b-pages5 {
    z-index: 5;
}

.b-pages1 .con {
    min-height: 530px;
}

.b-pages2 .con {
    min-height: 615px;
}

.b-pages3 .con {
    min-height: 615px;
}

.b-pages4 .con {
    min-height: 615px;
}

.b-pages5 .con {
    min-height: 880px;
}

.b-pagesTab .pn-tab-con {
    position: relative;
    z-index: 98;
}

.b-pages1 .pt-lt-con {
    position: relative;
    top: -94px;
}

.b-pages2 .pt-lt-con {
    position: relative;
    top: -94px;
}

.b-pages3 .pt-lt-con {
    position: relative;
    top: -94px;
}

.b-pages4 .pt-lt-con {
    position: relative;
    top: -94px;
}

.b-pages5 .pt-lt-con {
    position: relative;
    top: -94px;
}

.b-pagesTab .pn-tab-con .load {
    text-align: center;
    line-height: 420px;
}

.b-pagesTab .pt-lt-con {
    width: 160px;
    margin: 10px auto 0;
    height: 28px;
    background-color: #EBEBEB;
    border-radius: 14px;
    line-height: 28px;
}

.b-pagesTab .pt-lt-con .eml {
    float: left;
}

.b-pagesTab .pt-lt-con em {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #FBFBFB;
    text-indent: -999px;
    vertical-align: middle;
    margin-left: 6px;
}

.b-pagesTab .pt-lt-con em:first-child {
    margin-left: 26px;
}

.b-pagesTab .pt-lt-con em.active {
    background-color: #F50;
}

.b-pagesTab .pt-lt-con .more {
    float: right;
    width: 76px;
    height: 28px;
    background-color: #EBEBEB;
    border-radius: 14px;
    box-shadow: -1px 0 2px rgb(0 0 0 / 20%);
    text-align: center;
    transition: all .1s ease-in-out;
}

.b-pagesTab .pt-lt-con .more .fh {
    font-family: "SimHei";
    margin-left: 4px;
    display: inline-block;
    vertical-align: 0;
    font-style: normal;
    margin-right: -5px;
}

.b-pagesTab .pt-lt-con .more:hover {
    background-color: #fff;
}

.b-pagesTab .pre,.b-pagesTab .next {
    transition: all .1s ease-out;
    z-index: 2;
    width: 20px;
    height: 58px;
    position: absolute;
    top: 50%;
    margin-top: -102px;
    cursor: pointer;
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) top center no-repeat;
    z-index: 100;
    opacity: .3;
}

.b-pagesTab .pre {
    left: 0;
    background-position: -198px -60px;
}

.b-pagesTab .next {
    right: 0;
    background-position: -174px -60px;
}

.b-pagesTab .pre:hover,.b-pagesTab .next:hover {
    opacity: 1;
}

.b-pages .inSildeBanner {
    width: 100%;
    height: 260px;
    overflow: hidden;
    position: relative;
}

.b-pages .inSildeBanner ul {
    height: 260px;
    position: absolute;
}

.b-pages .inSildeBanner ul li {
    width: 596px;
    height: 260px;
    text-align: center;
    line-height: 260px;
    float: left;
}

.b-pages .inSildeBanner img {
    width: 596px;
    height: 260px;
    vertical-align: top;
}

.b-pages .inSildeBanner .potinBox {
    height: 0;
    text-align: center;
    font-size: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 108px;
    margin-left: -54px;
    z-index: 10;
}

.b-pages .inSildeBanner .potinBox a {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 0 4px;
    position: relative;
    top: -18px;
    background: rgba(255,255,255,0.6);
    z-index: 2;
    transition: all .2s;
}

.b-pages .inSildeBanner .potinBox a.active {
    background: #fff;
}

.pageRight .shopItems .inBox {
    width: 193px;
    background: #fff;
    float: left;
    margin-left: 8px;
}

.pageRight .shopItems .inBox:first-child {
    margin-left: 0;
}

.pageRight .shopItems .inBox a.imgBox {
    width: 193px;
    height: 188px;
    display: block;
    text-align: center;
}

.pageRight .shopItems .inBox a.imgBox img {
    width: 100%;
    height: 188px;
}

.pageRight .shopItems .priceBox {
    height: 38px;
    line-height: 42px;
    font-size: 0;
    padding: 0 16px;
    overflow: hidden;
}

.pageRight .shopItems .priceBox p {
    float: right;
    font-size: 12px;
    color: #666;
    line-height: 42px;
}

.pageRight .shopItems .priceBox i {
    font-size: 12px;
    color: #f50;
    font-style: normal;
    margin-right: 2px;
}

.pageRight .shopItems .priceBox span {
    font-size: 20px;
    color: #f50;
    font-weight: bold;
}

.pageRight .shopItems .shopName {
    height: 33px;
    line-height: 33px;
    padding: 0 16px;
    border-top: 1px solid #f6f6f6;
}

.pageRight .shopItems .shopName a {
    display: block;
    font-size: 12px;
    color: #333;
}

.pageRight .shopItems .shopName em {
    float: right;
    font-size: 14px;
    color: #999;
}

.pageRight .shopItems .shopName a:hover span,.pageRight .shopItems .shopName a:hover em {
    color: #f50;
}

.bpages1 {
    margin-top: -70px;
    z-index: 101!important;
}

.bpages1 .con {
  
}

.bpages1 .pt-lt-con {
    top: -30px;
}

.bpages2 {
 
}

.bpages2 .con {
    min-height: 526px;
}

.bpages3 .con {
    min-height: 876px;
}

.bpages4 .con {
    min-height: 876px;
}

.q_caterow .pit {
    min-width: 80px;
    height: 28px;
    font-size: 16px;
    font-weight: 800;
    color: rgba(51,51,51,1);
    line-height: 28px;
    margin-bottom: 10px;
    padding-top: 20px;
}

.q_caterow .pitcrumb {
    min-width: 80px;
    height: 22px;
    line-height: 22px;
    padding-top: 20px;
    margin-bottom: 10px;
}

.q_caterow .pitcrumb .pleft {
    float: left;
}

.q_caterow .pitcrumb .pleft .fh {
    font-family: "SimHei";
    margin-left: 4px;
    display: inline-block;
    vertical-align: 1px;
}

.q_caterow .pitcrumb .pleft a {
    color: #666;
    font-size: 16px;
}

.q_caterow .pitcrumb .pleft .las span {
    color: #000;
    font-weight: 500;
}

.q_caterow .pitcrumb .pleft .las em {
    color: #333;
    font-size: 12px;
}

.q_caterow .pitcrumb .pleft a:hover {
    color: #f50;
}

.q_caterow .pitcrumb .kefu {
    float: right;
    width: 90px;
    height: 24px;
    line-height: 24px;
    border: 1px solid transparent;
    text-align: center;
    background-color: #fff;
    border-radius: 13px;
    transition: all .1s ease-in-out;
}

.q_caterow .pitcrumb .kefu i {
    display: inline-block;
    vertical-align: -6px;
    width: 20px;
    height: 20px;
    background: url(https://g1.17qcc.com/2018/shop/images/kefu.gif);
}

.q_caterow .pitcrumb .kefu span {
    color: #f50;
    display: inline-block;
}

.q_caterow .pitcrumb .kefu:hover {
    border: 1px solid #f50;
}

.q_caterow .c-filter {
    padding: 0 20px;
    background-color: #FFF;
    border: 1px solid #F0F0F0;
}

.q_caterow .c-filter .row-left {
    line-height: 46px;
    width: 40px;
    color: #999;
    float: left;
    text-align: left;
}

.q_caterow .c-filter .group-row {
    border-top: 1px solid #F0F0F0;
    line-height: 46px;
    position: relative;
}

.q_caterow .c-filter .group-row ul {
    float: left;
    width: 1318px;
}

.q_caterow .c-filter .group-row li {
    float: left;
    margin-right: 15px;
}

.q_caterow .c-filter .group-row li a {
    display: inline-block;
    min-width: 34px;
    color: #666;
    line-height: 20px;
    height: 20px;
    text-align: center;
    padding: 0 8px;
    border: 1px solid #fff;
}

.q_caterow .c-filter .group-row li a i {
    font-style: normal;
    display: none;
    color: transparent;
    background: url(https://g1.17qcc.com/2018/shop/images/delx-icons.png) center no-repeat;
}

.q_caterow .c-filter .group-row li a:hover {
    background-color: #fff;
    color: #F50;
    border: 1px solid #F50;
}

.q_caterow .c-filter .group-row li.active a {
    background-color: #F50;
    color: #fff;
}

.q_caterow .c-filter .group-row li.active a i {
    display: inline-block;
    margin-left: 6px;
}

.q_caterow .c-filter .group-row:first-child {
    border-top: 0;
}

.q_caterow .c-filter .group-row .sct {
    width: 1332px;
    float: left;
    background-color: #fff;
    margin-left: 26px;
    display: none;
}

.q_caterow .c-filter .group-row .sct dd {
    float: left;
    position: relative;
    min-width: 50px;
    text-align: center;
    padding: 0 10px;
    background-color: #F4F4F4;
    height: 20px;
    line-height: 20px;
    color: #666;
    margin-left: 14px;
    margin-bottom: 10px;
}

.q_caterow .c-filter .group-row .sct dd a em {
    width: 7px;
    height: 7px;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -432px -286px;
    vertical-align: middle;
    margin-left: 5px;
    display: none;
}

.q_caterow .c-filter .group-row .sct dd.active {
    background-color: #f50;
}

.q_caterow .c-filter .group-row .sct dd.active a {
    color: #fff;
}

.q_caterow .c-filter .group-row .sct dd.active a em {
    display: inline-block;
}

.q_caterow .c-filter .group-row .morew {
    border-color: #e8e8e8;
    color: #888;
    width: 48px;
    height: 12px;
    padding: 5px 0;
    overflow: hidden;
    border: solid 1px #e8e8e8;
    text-align: center;
    float: right;
    line-height: 11px;
    margin-top: 11px;
    margin-right: -10px;
    position: absolute;
    right: 0;
    top: 0;
}

.q_caterow .c-filter .group-row .morew .sarrow-b {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    margin-top: -2px;
    margin-left: 2px;
    vertical-align: middle;
    display: inline-block;
    width: 12px;
    height: 6px;
    overflow: hidden;
}

.q_caterow .c-filter .group-row .morew .sarrow-b i {
    float: left;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 6px transparent;
    border-top-color: #aaa;
}

.q_caterow .c-filter .group-row .morew .sarrow-b em {
    float: left;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 6px transparent;
    margin-top: -13px;
    border-top-color: #fff;
}

.q_caterow .c-filter .group-row .morew:hover span {
    color: #f50;
}

.q_caterow .c-filter .group-row .morew:hover .sarrow-b i {
    border-top-color: #f50;
}

.q_caterow .c-filter .group-row .featuresFour {
    background: #f5f5f5;
}

.q_caterow .c-filter .group-row .featuresFour .sarrow-b {
    transform: rotate(180deg);
}

.q-search {
    background: #fff;
    margin-top: 10px;
    border: 1px solid rgba(240,240,240,1);
    height: 40px;
}

.q-search ul {
    font-size: 0;
}

.q-search li {
    display: inline-block;
    height: 40px;
    border-left: 1px solid rgba(240,240,240,1);
    vertical-align: top;
}

.q-search li:first-of-type {
    border-left: 0;
}

.q-search li a {
    display: block;
    font-size: 12px;
    color: #666;
    padding: 0 10px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    min-width: 88px;
    box-sizing: border-box;
}

.q-search li a span {
    line-height: 40px;
    display: inline-block;
}

.q-search li i {
    margin-left: 4px;
    vertical-align: top;
    margin-top: 15px;
}

.q-search li i.b-upDownIcon {
    display: inline-block;
    width: 8px;
    height: 10px;
    background: url(//g1.17qcc.com/2020/hpai/images/b-downIcon.png) right center no-repeat;
    margin-top: 16px;
}

.q-search li i.b-upIcon {
    display: inline-block;
    width: 8px;
    height: 10px;
    background: url(//g1.17qcc.com/2020/hpai/images/b-downIcon.png) left center no-repeat;
}

.q-search li i.b-supIcon {
    display: inline-block;
    width: 8px;
    height: 10px;
    background: url(//g1.17qcc.com/2020/hpai/images/b-downIcon.png) right center no-repeat;
    transform: rotate(180deg);
}

.q-search li i.b-DownIcon {
    display: inline-block;
    width: 8px;
    height: 10px;
    background: url(//g1.17qcc.com/2020/hpai/images/b-downIcon.png) -12px center no-repeat;
}

.q-search li a.on {
    background: #f50;
    color: #fff;
}

.q-search li a.on i.b-upDownIcon {
    background: url(//g1.17qcc.com/2020/hpai/images/b-downIcon.png) left center no-repeat;
}

.q-search li a.on i.b-supIcon {
    background: url(//g1.17qcc.com/2020/hpai/images/b-downIcon.png) left center no-repeat;
}

.q-search li .b-slideIcon {
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url(//g1.17qcc.com/2020/hpai/images/b_shop_icon.png) left center no-repeat;
}

.q-search li .b-slideUpIcon {
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url(//g1.17qcc.com/2020/hpai/images/b_shop_icon.png) -18px center no-repeat;
}

.q-search li .b-slideDownIcon {
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url(//g1.17qcc.com/2020/hpai/images/b_shop_icon.png) right center no-repeat;
}

.q-search li .b-inputLabel {
    transition: all .2s;
    border: 1px solid #ececec;
    margin: 0 10px;
    margin-top: 8px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    padding: 0 8px;
}

.q-search li em {
    display: inline-block;
    font-size: 12px;
    color: #999;
}

.q-search li .b-inputLabel span {
    font-size: 12px;
    color: #b6b6b6;
}

.q-search li .b-inputLabel:hover {
    border: 1px solid #aaa;
}

.q-search li input {
    width: 40px;
    font-size: 12px;
    text-align: center;
    color: #333;
    border: 0;
}

.q-search li input::-webkit-input-placeholder {
    color: #d0d0d0;
}

.q-search li .b-checkLabel input {
    border: 1px solid #eee;
}

.q-search .b-video {
    padding: 0;
    min-width: auto;
    width: 90px;
}

.q-search .b-checkLabel {
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    padding: 0;
}

.q-search .b-checkLabel span {
    display: inline-block;
    font-size: 12px;
    color: #666;
}

.q-search .checkIcon {
    margin-top: 12px;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(//g1.17qcc.com/2020/hpai/images/b_checkbox_icon3.png) left bottom no-repeat;
}

.q-search .checkIcon.checked {
    background: url(//g1.17qcc.com/2020/hpai/images/b_checkbox_icon3.png) left top no-repeat;
}

.q-search .b-checkLabel span.checked {
    color: #f50;
}

.q-search li.border {
    position: relative;
    transition: all .2s ease-in-out;
}

.q-search li.border::before {
    transition: all .2s;
    content: '';
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #f50;
    opacity: 0;
    pointer-events: none;
}

.q-search li.border:hover::before {
    opacity: 1;
}

.q-search .sureBtn {
    width: 52px;
    line-height: 26px;
    border: 1px solid #f50;
    height: 26px;
    text-align: center;
    color: #f50;
    border-radius: 2px;
    background: #fff;
    margin-right: 13px;
    cursor: pointer;
    transition: all .2s;
    margin-top: 8px;
    vertical-align: top;
    display: none;
}

.q-search li.border:hover .sureBtn {
    display: inline-block;
}

.q-search .sureBtn:hover {
    background: #f50;
    color: #fff;
}

.q-search .b-inputSearch {
    height: 30px;
    margin-top: 5px;
    padding: 0 5px;
    display: none;
}

.q-search .b-inputSearch label {
    float: left;
    height: 28px;
    border: 1px solid #ECECEC;
    border-right: 0;
    line-height: 28px;
    transition: all .2s;
}

.q-search .b-inputSearch label {
    width: 156px;
    padding: 0 4px 0 3px;
}

.q-search .b-inputSearch label:hover {
    border: 1px solid #999;
    border-right: 0;
}

.q-search .b-inputSearch label img {
    margin-right: 5px;
    width: 14px;
    height: 14px;
}

.q-search .b-inputSearch label span {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -419px -180px;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}

.q-search .b-inputSearch label input {
    width: calc( 100% - 19px );
    vertical-align: middle;
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    text-align: left;
    color: #333;
}

.q-search .b-inputSearch label input::placeholder,.q-search .b-inputSearch label input::-webkit-input-placeholder {
    color: #CACACA;
}

.q-search .b-inputSearch .q-searchBtn {
    width: 68px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    background: #3564D5;
    border: 0;
}

.q-search .b-fixedBox li a {
    min-width: 88px;
}

.q-search .b-fixedBox {
    position: fixed;
    top: 0;
    width: 1198px;
    background: rgba(255,255,255,.96);
    z-index: 99;
    border: 1px solid #F0F0F0;
    display: block;
}

.q-search .b-fixedBox .b-inputSearch {
    display: block;
}

.q-search .b-fBox {
    position: relative;
}

.q-marketlist {
    margin: 0 auto;
    min-height: 300px;
}

.q-marketlist .side {
    float: right;
}

.q-marketlist .side {
    transition: all .3s ease-in-out;
    position: sticky;
    right: 0;
}

.q-marketlist .side ul li {
    width: 200px;
    margin-top: 15px;
    position: relative;
    transition: all .1s ease-in-out;
}

.q-marketlist .side li a {
    display: block;
}

.q-marketlist .side li .pic {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.q-marketlist .side li .pic img {
    width: 200px;
    height: 200px;
}

.q-marketlist .side li .pic .tips {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    opacity: .5;
    background-color: #545454;
    border-radius: 0 0 10px 0;
    color: #fff;
}

.q-marketlist .side li .pic .tag {
    height: 22px;
    line-height: 20px;
    position: absolute;
    left: 0;
    bottom: 3px;
    margin-left: -3px;
    display: none;
}

.q-marketlist .side li .pic .tag span {
    float: left;
    min-width: 24px;
    padding: 0 8px;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.2);
    color: #fff;
    margin-left: 4px;
    opacity: .9;
}

.q-marketlist .side li .flo {
    width: 20px;
    height: 20px;
    float: right;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    border-radius: 6px;
    text-align: center;
    line-height: 20px;
    transition: all .1s ease-in-out;
    display: none;
}

.q-marketlist .side li .flo i {
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) top center no-repeat;
    width: 15px;
    height: 20px;
}

.q-marketlist .side li .folno {
    background: rgba(255,255,255,0.8);
}

.q-marketlist .side li .folno i {
    background-position: -64px -39px;
}

.q-marketlist .side li .folyes {
    background: rgba(255,255,255,0.9);
}

.q-marketlist .side li .folyes i {
    background-position: -88px -39px;
}

.q-marketlist .side li .desc {
    background-color: #fff;
    padding: 16px 12px;
    position: relative;
}

.q-marketlist .side li .desc a {
    display: block;
}

.q-marketlist .side li .desc .shop {
    margin-right: 36px;
}

.q-marketlist .side li .desc .shop .s1 {
    float: left;
    margin-right: 6px;
    width: 38px;
    height: 38px;
    overflow: hidden;
}

.q-marketlist .side li .desc .shop .s1 img {
    width: 38px;
    height: 38px;
    border-radius: 38px;
}

.q-marketlist .side li .desc p {
    width: 86px;
    float: left;
}

.q-marketlist .side li .desc p span {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.q-marketlist .side li .desc p em {
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.q-marketlist .side li .tnew {
    position: absolute;
    right: 12px;
    top: 0;
    z-index: 2;
}

.q-marketlist .side li .tnew .tx {
    width: 34px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #EBE2DD;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
    margin-top: 32px;
}

.q-marketlist .side li .tnew .tx em {
    color: #905639;
}

.q-marketlist .side li .tnew .tx i {
    color: #333;
    display: none;
    font-style: normal;
}

.q-marketlist .side li .tnew:hover .tx {
    background: #F6F6F6;
    border: 1px solid #f6f6f6;
}

.q-marketlist .side li .tnew:hover em {
    display: none;
}

.q-marketlist .side li .tnew:hover i {
    display: block;
}

.q-marketlist .side li .tnew .list {
    position: absolute;
    top: -200px;
    left: -154px;
    width: 200px;
    height: 200px;
    z-index: 2;
    background-color: #404040;
    box-sizing: border-box;
    padding: 6px 0 6px 6px;
    display: none;
}

.q-marketlist .side li .tnew .list .sro {
    height: 188px;
    overflow-x: hidden;
    overflow-y: auto;
}

.q-marketlist .side li .tnew .list::after {
    content: '';
    width: 0;
    height: 0;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    border-top: 16px solid #404040;
    position: absolute;
    right: 16px;
    bottom: -10px;
}

.q-marketlist .side li .tnew dl {
    position: relative;
    width: 188px;
}

.q-marketlist .side li .tnew dl dd {
    float: left;
}

.q-marketlist .side li .tnew dl dd a {
    display: block;
    margin-bottom: 4px;
}

.q-marketlist .side li .tnew dl dd a img {
    width: 100%;
    height: 100%;
}

.q-marketlist .side li .tnew dl .left a {
    width: 92px;
    height: 94px;
    margin-right: 4px;
}

.q-marketlist .side li .tnew dl .rig a {
    width: 92px;
    height: 96px;
}

.q-marketlist .side li .tnew .list .sro::-webkit-scrollbar {
    width: 8px;
}

.q-marketlist .side li .tnew .list .sro::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0D0D0D;
}

.q-marketlist .side li .tnew:hover .list {
    display: block;
}

.q-marketlist .side li .tnew .list .sro:hover {
    opacity: 1;
}

.q-marketlist .side li:hover .pic .tag {
    display: block;
}

.q-marketlist .side li:hover .flo {
    display: block;
}

.q-marketlist .side li:hover {
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.2);
    transform: translateY(-2px);
}

.q-marketlist .market {
    float: left;
}

.q-marketlist .market ul {
    margin-left: -16px;
}

.q-marketlist .market ul li {
    float: left;
    width: 284px;
    box-sizing: border-box;
    margin-top: 15px;
    margin-left: 16px;
    background: #fff;
    height: 239px;
}

.q-marketlist .market ul li .inItem {
    box-sizing: border-box;
    transition: box-shadow .2s;
    border: 1px solid #f6f6f6;
    margin-left: -1px;
    margin-top: -1px;
}

.q-marketlist .market ul li .shopDetail {
    padding: 17px 18px 5px 18px;
}

.q-marketlist .market ul li .shopDetail .imgBox {
    overflow: hidden;
    float: left;
    width: 44px;
    height: 44px;
    margin-right: 16px;
    line-height: 42px;
    border-radius: 44px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    text-align: center;
    font-size: 0;
}

.q-marketlist .market ul li .shopDetail .imgBox img {
    max-width: 100%;
    max-height: 100%;
}

.q-marketlist .market ul li .shopDetail .shopName {
    line-height: 22px;
    height: 22px;
    margin-bottom: 5px;
    font-size: 0;
}

.q-marketlist .market ul li .shopDetail .shopName .name {
    font-size: 16px;
    color: #333;
    margin-right: 6px;
    font-weight: bold;
    float: left;
    max-width: 114px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.q-marketlist .market ul li .shopDetail .shopName span {
    font-size: 12px;
    color: #f50;
    display: inline-block;
    max-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.q-marketlist .market ul li .shopDetail .shopName .collBtn {
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 3px;
}

.q-marketlist .market ul li .shopDetail .shopName .coll-icon {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -64px -41px no-repeat;
}

.q-marketlist .market ul li .shopDetail .shopName .coll-icon2 {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -89px -41px no-repeat;
}

.q-marketlist .market ul li .shopDetail .shopType {
    font-size: 0;
    line-height: 20px;
    position: relative;
}

.q-marketlist .market ul li .shopDetail .shopType .sellType {
    position: absolute;
    top: 0;
    right: -19px;
    color: #fff;
    font-size: 12px;
    color: #fff;
    padding: 0 6px 0 8px;
    line-height: 18px;
    height: 20px;
    border-radius: 20px 0 0 20px;
    background: linear-gradient(90deg,#6D94FE,#8C65FF);
}

.q-marketlist .market ul li .shopDetail .shopAges {
    display: inline-block;
    border: 1px solid #f50;
    border-radius: 2px;
    font-size: 0;
    line-height: 14px;
    height: 16px;
    box-sizing: border-box;
    vertical-align: middle;
    margin-right: 4px;
}

.q-marketlist .market ul li .shopDetail .shopAges p {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    background: #f50;
    padding: 0 2px;
}

.q-marketlist .market ul li .shopDetail .shopAges span {
    font-size: 12px;
    color: #f50;
    padding: 0 2px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box {
    margin-top: 0;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i {
    width: 16px;
    height: 16px;
    float: left;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    margin-right: 3px;
    margin-top: 3px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.bz {
    background-position: -470px -303px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.real {
    background-position: -175px 0;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.daifa {
    background-position: -175px -24px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.zifa {
    background-position: -175px -50px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.fast {
    background-position: -175px -76px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.factory {
    background-position: -175px -102px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.days15 {
    background-position: -175px -128px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.style {
    background-position: -201px 0;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.personal {
    background-position: -201px -24px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.business {
    background-position: -201px -50px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.cross {
    background-position: -201px -76px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.good {
    background-position: -201px -102px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.gold {
    background-position: -201px -128px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.gongchang {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.q-marketlist .market ul li .shopDetail .shopType .qual_box i.factory2 {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.q-marketlist .market ul li .shopDetail .shopType img.icon {
    vertical-align: middle;
    margin-right: 4px;
}

.q-marketlist .market ul li .sellAbout {
    margin: 10px 18px 0;
    color: #444;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4;
}

.q-marketlist .market ul li .sellAbout span {
    color: #999;
}

.q-marketlist .market ul li .payAbout {
    font-size: 12px;
    line-height: 38px;
    overflow: hidden;
    padding: 0 18px;
    color: #999;
}

.q-marketlist .market ul li .payAbout .inleft {
    float: left;
}

.q-marketlist .market ul li .payAbout .inright {
    float: right;
}

.q-marketlist .market ul li .payAbout em {
    color: #f50;
}

.q-marketlist .market ul li .payAbout font {
    color: #444;
}

.q-marketlist .market ul li .s-pro {
    position: relative;
    overflow: hidden;
    padding: 0 0 12px;
    margin: 0 18px;
}

.q-marketlist .market ul li .s-pro-ova {
    overflow: hidden;
}

.q-marketlist .market ul li .s-pro-a {
    transition: transform .2s linear;
    width: 352px;
    margin-left: -5px;
}

.q-marketlist .market ul li .s-pro-a a {
    float: left;
    width: 78px;
    margin-left: 5px;
}

.q-marketlist .market ul li .s-pro-a a img {
    width: 76px;
    height: 76px;
    opacity: .8;
    border: 1px solid transparent;
}

.q-marketlist .market ul li .s-pro-a a:hover img {
    border: 1px solid #f50;
    opacity: 1;
}

.q-marketlist .market ul li .s-pro-ahover {
    transform: translateX(-87px);
}

.q-marketlist .market ul li .s-pro .next {
    position: absolute;
    top: 50%;
    right: -2px;
    width: 15px;
    height: 39px;
    margin-top: -19px;
    opacity: .8;
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -89px -69px no-repeat;
    cursor: pointer;
}

.q-marketlist .market ul li .s-pro .next:hover {
    opacity: 1;
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -89px -118px no-repeat;
}

.q-marketlist .market ul li .popup {
    position: absolute;
    top: 152px;
    z-index: 99;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #F0F0F0;
    display: none;
}

.q-marketlist .market ul li .popup .arrowicon {
    position: absolute;
    top: 6px;
    width: 8px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/arrowicon.png) top center no-repeat;
}

.q-marketlist .market ul li .popup .arroleft {
    left: -8px;
}

.q-marketlist .market ul li .popup .arroright {
    right: -8px;
    transform: rotate(180deg);
}

.q-marketlist .market ul li .popup .popic {
    width: 150px;
    height: 150px;
    display: block;
}

.q-marketlist .market ul li .popup .popic img {
    width: 100%;
    height: 100%;
}

.q-marketlist .market ul li .popup .pir {
    margin-top: 10px;
    line-height: 20px;
}

.q-marketlist .market ul li .popup .pir span {
    float: left;
    color: #f50;
}

.q-marketlist .market ul li .popup .pir span em {
    font-style: normal;
    font-size: 14px;
}

.q-marketlist .market ul li .popup .pir i {
    font-style: normal;
    color: #666;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
    margin-top: -1px;
}

.q-marketlist .market ul li .btnBox {
    padding: 13px 0 20px;
    margin: 0 18px;
    border-top: 1px solid #F4F4F4;
    font-size: 0;
    display: none;
    background: #fff;
}

.q-marketlist .market ul li .btnBox a {
    width: 118px;
    font-size: 12px;
    color: #f50;
    float: left;
    line-height: 22px;
    text-align: center;
    border: 1px solid #f50;
    border-radius: 2px;
    height: 24px;
}

.q-marketlist .market ul li .btnBox a.on {
    float: right;
    background: #f50;
    color: #fff;
}

.q-marketlist .market ul li:hover .btnBox {
    display: block;
}

.q-marketlist .market ul li .inItem:hover {
    border: 1px solid #f50;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    position: relative;
    z-index: 10;
    background: #fff;
}

.q-fixtool {
    display: none;
    position: fixed;
    bottom: 120px;
    right: 0;
    width: 98px;
    z-index: 92;
}

.q-fixtool .s1 {
    width: 98px;
    height: 110px;
    border-radius: 6px;
}

.q-fixtool .s1 img {
    width: 98px;
    height: 110px;
    border-radius: 6px;
}

.q-fixtool .kefu {
    margin: 9px 0 8px;
    background: #FFF;
    border-radius: 6px;
}

.q-fixtool .hot {
    padding: 8px;
    cursor: pointer;
}

.q-fixtool .online {
    border-bottom: 1px solid f6f6f6;
}

.q-fixtool .hot p {
    height: 20px;
    line-height: 18px;
    text-align: center;
    color: #666;
}

.q-fixtool .hot .p1 span {
    color: #000;
    font-size: 14px;
}

.q-fixtool .hot .p1 i,.q-fixtool #top i {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) top center no-repeat;
}

.q-fixtool .hot .p1 i {
    float: left;
}

.q-fixtool .online .p1 i {
    width: 20px;
    height: 20px;
    background-position: -8px -180px;
}

.q-fixtool .hotline .p1 i {
    width: 20px;
    height: 20px;
    background-position: -38px -180px;
}

.q-fixtool .phonea {
    width: 98px;
    height: 110px;
    border-radius: 6px;
}

.q-fixtool .phonea img {
    width: 98px;
    height: 110px;
    border-radius: 6px;
}

.q-fixtool #top {
    width: 54px;
    height: 54px;
    background: linear-gradient(180deg,rgba(255,253,251,0.86) 0,#FFF 100%);
    border-radius: 27px;
    border: 1px solid #FFF;
    display: block;
    margin: 9px auto 4px;
    text-align: center;
}

.q-fixtool #top i {
    width: 22px;
    height: 12px;
    display: block;
    margin: 12px auto 4px;
    background-position: -9px -206px;
}

.q-fixtool #top span {
    display: block;
    color: #999;
}

.q-fixtool #top:hover {
    background: #fff;
}

.q-fixtool #top:hover span {
    color: #000;
}

.q-fixtool #top:hover i {
    background-position: -40px -206px;
}

.q_fixcate {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1200px;
    background: linear-gradient(180deg,#FDFDFD 20%,rgba(252,252,252,0.98) 34%,rgba(251,251,251,0.94) 100%);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.09);
    border: 1px solid #FFF;
    z-index: 101;
    padding-bottom: 10px;
    display: none;
}

.q_fixcate .fixnav {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}

.q_fixcate .fixnav .shcbox #keywords {
    width: 318px;
}

.q_fixcate .fixnav .logo {
    width: 156px;
    height: 50px;
    float: left;
}

.q_fixcate .fixnav .logoa {
    width: 156px;
    height: 56px;
    background: url(http://g1.17qcc.com/2018/loginreg/images/logo_i.png) center no-repeat;
    display: block;
    text-indent: -9999px;
}

.q_fixcate .fixnav .nav_title {
    margin-left: 17px;
    margin-top: 15px;
    float: left;
}

.q_fixcate .fixnav .nav_title:before {
    content: '';
    display: inline-block;
    margin-right: 20px;
    height: 30px;
    width: 1px;
    background-color: #F0F0F0;
    vertical-align: middle;
}

.q_fixcate .fixnav .nav_title img {
    width: 146px;
    height: 30px;
}

.q_fixcate .fixnav .shcbox {
    float: left;
    margin-top: 10px;
    position: relative;
    margin-left: 34px;
}

.q_fixcate .fixnav .shcbox #keywords {
    float: left;
    width: 432px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #FA5F05;
    padding-left: 26px;
    font-size: 12px;
    color: #666;
}

.q_fixcate .fixnav .shcbox .sch_icon {
    position: absolute;
    top: 14px;
    left: 10px;
    width: 12px;
    height: 12px;
}

.q_fixcate .fixnav .shcbox .sch_icon {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -419px -180px;
}

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

.q_fixcate .cfbox {
    position: relative;
}

.q_fixcate .cfbox .oncf {
    float: right;
    cursor: pointer;
}

.q_fixcate .cfbox .morewtop {
    border-color: #e8e8e8;
    color: #333;
    width: 66px;
    height: 12px;
    padding: 5px 0;
    overflow: hidden;
    border: solid 1px #e8e8e8;
    text-align: center;
    line-height: 11px;
    margin-top: -24px;
    margin-right: 11px;
    background-color: #EAEAEA;
    display: block;
}

.q_fixcate .cfbox .morewtop .fh {
    font-family: "SimHei";
    margin-left: 4px;
    display: inline-block;
    vertical-align: 1px;
    transform: rotate(90deg);
}

.q_fixcate .cfbox .morewtop:hover {
    background-color: #fff;
}

.q_fixcate .cfbox .morewtop:hover span {
    color: #f50;
}

.q_fixcate .cfbox .morewtop:hover .fh {
    transform: rotate(270deg);
    transition: all .1s ease-in-out;
    color: #f50;
}

.q_fixcate .c-filter {
    padding: 0 20px;
    background-color: #FFF;
    border: 1px solid #F0F0F0;
    display: none;
}

.q_fixcate .c-filter .row-left {
    line-height: 46px;
    width: 40px;
    color: #999;
    float: left;
    text-align: left;
}

.q_fixcate .c-filter .group-row {
    border-top: 1px solid #F0F0F0;
    line-height: 46px;
    position: relative;
}

.q_fixcate .c-filter .group-row ul {
    float: left;
    width: 1318px;
}

.q_fixcate .c-filter .group-row li {
    float: left;
    margin-right: 15px;
}

.q_fixcate .c-filter .group-row li a {
    display: inline-block;
    min-width: 34px;
    color: #666;
    line-height: 20px;
    height: 20px;
    text-align: center;
    padding: 0 8px;
    border: 1px solid #fff;
}

.q_fixcate .c-filter .group-row li a i {
    font-style: normal;
    display: none;
    color: transparent;
    background: url(https://g1.17qcc.com/2018/shop/images/delx-icons.png) center no-repeat;
}

.q_fixcate .c-filter .group-row li a:hover {
    background-color: #fff;
    color: #F50;
    border: 1px solid #F50;
}

.q_fixcate .c-filter .group-row li.active a {
    background-color: #F50;
    color: #fff;
}

.q_fixcate .c-filter .group-row li.active a i {
    display: inline-block;
    margin-left: 6px;
}

.q_fixcate .c-filter .group-row:first-child {
    border-top: 0;
}

.q_fixcate .c-filter .group-row .sct {
    width: 1332px;
    float: left;
    background-color: #fff;
    margin-left: 25px;
    display: none;
}

.q_fixcate .c-filter .group-row .sct dd {
    float: left;
    position: relative;
    min-width: 50px;
    text-align: center;
    padding: 0 10px;
    background-color: #F4F4F4;
    height: 20px;
    line-height: 20px;
    color: #666;
    margin-left: 14px;
    margin-bottom: 10px;
}

.q_fixcate .c-filter .group-row .sct dd a em {
    width: 7px;
    height: 7px;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -432px -286px;
    vertical-align: middle;
    margin-left: 5px;
    display: none;
}

.q_fixcate .c-filter .group-row .sct dd.active {
    background-color: #f50;
}

.q_fixcate .c-filter .group-row .sct dd.active a {
    color: #fff;
}

.q_fixcate .c-filter .group-row .sct dd.active a em {
    display: inline-block;
}

.q_fixcate .c-filter .group-row .morew {
    border-color: #e8e8e8;
    color: #888;
    width: 48px;
    height: 12px;
    padding: 5px 0;
    overflow: hidden;
    border: solid 1px #e8e8e8;
    text-align: center;
    float: right;
    line-height: 11px;
    margin-top: 11px;
    margin-right: -10px;
    position: absolute;
    top: 0;
    right: 0;
}

.q_fixcate .c-filter .group-row .morew .sarrow-b {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    margin-top: -2px;
    margin-left: 2px;
    vertical-align: middle;
    display: inline-block;
    width: 12px;
    height: 6px;
    overflow: hidden;
}

.q_fixcate .c-filter .group-row .morew .sarrow-b i {
    float: left;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 6px transparent;
    border-top-color: #aaa;
}

.q_fixcate .c-filter .group-row .morew .sarrow-b em {
    float: left;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 6px transparent;
    margin-top: -13px;
    border-top-color: #fff;
}

.q_fixcate .c-filter .group-row .morew:hover span {
    color: #f50;
}

.q_fixcate .c-filter .group-row .morew:hover .sarrow-b i {
    border-top-color: #f50;
}

.q_fixcate .c-filter .group-row .featuresFour {
    background: #f5f5f5;
}

.q_fixcate .c-filter .group-row .featuresFour .sarrow-b {
    transform: rotate(180deg);
}

.q_fixcate .c-filter:hover .group-row2 {
    display: block;
}

.q_fixcate .c-filter:hover .group-row3 {
    display: block;
}

.q_fixcate .cfbox:hover {
    padding-bottom: 10px;
    padding-top: 10px;
}

.q_fixcate .cfbox:hover .c-filter {
    display: block;
}

.q_fixcate .cfbox:hover .morewtop {
    background-color: #fff;
    margin-top: -34px;
}

.q_fixcate .cfbox:hover .morewtop span {
    color: #f50;
}

.q_fixcate .cfbox:hover .morewtop .fh {
    transform: rotate(270deg);
    transition: all .1s ease-in-out;
    color: #f50;
}

.q_fixcate .cfbox .oncf:hover+.c-filter {
    display: block;
}

.q_fixcate .cfbox:hover .c-filter {
    display: block;
}

.q-markebar {
    position: fixed;
    top: 320px;
    right: 50%;
    margin-right: 614px;
    top: 280px;
    width: 80px;
    z-index: 99;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px 5px #eee;
    display: block;
    border-radius: 2px;
}

.q-markebar span {
    padding: 10px 0;
    display: block;
    margin: 0 auto;
}

.q-markebar a {
    margin: 0 6px;
    width: 68px;
    height: 24px;
    font-size: 12px;
    display: block;
    border-radius: 8px;
    line-height: 22px;
    position: relative;
}

.q-markebar a.active,.q-markebar a:hover {
    color: #fff;
    background-color: #FA5F05;
    border-radius: 12px;
}

.b-pages {
    position: relative;
    z-index: 99;
}

.b-pages .shopItemsload {
    text-align: center;
    line-height: 20;
}

.b-pages .shopItems .tabBoxs {
    display: block;
    min-height: 257px;
    width: 604px;
    float: left;
    margin-left: -7px;
}

.b-pages .shopItems .inBoxs {
    clear: both;
    zoom: 1;
}

.b-pages .shopItems .items {
    float: left;
    width: 294px;
    padding-bottom: 13px;
    height: 247px;
    margin-top: 1px;
    background: #fff;
    margin-left: 8px;
    margin-bottom: 8px;
}

.b-pages .pageRight-1 .shopItems .items {
    height: 277px;
}

.b-pages .shopItems .inItem {
    padding-bottom: 13px;
    box-sizing: border-box;
    transition: box-shadow .2s;
    border: 1px solid #f6f6f6;
    margin-left: -1px;
    margin-top: -1px;
}

.b-pages .pageRight-1 .shopItems .inItem {
    padding-bottom: 39px;
}

.b-pages .shopItems .inItem .shopDetail {
    padding: 20px 24px 10px 24px;
}

.b-pages .shopItems .inItem .shopDetail .imgBox {
    overflow: hidden;
    float: left;
    width: 44px;
    height: 44px;
    margin-right: 16px;
    line-height: 42px;
    border-radius: 44px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    text-align: center;
    font-size: 0;
}

.b-pages .shopItems .inItem .shopDetail .imgBox img {
    max-width: 100%;
    max-height: 100%;
}

.b-pages .shopItems .inItem .shopDetail .shopName {
    line-height: 22px;
    height: 22px;
    margin-bottom: 5px;
    font-size: 0;
    border-top: 0;
}

.b-pages .shopItems .inItem .shopDetail .shopName .collBtn {
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 3px;
}

.b-pages .shopItems .inItem .shopDetail .shopName .coll-icon {
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -64px -41px no-repeat;
}

.b-pages .shopItems .inItem .shopDetail .shopName .name {
    font-size: 16px;
    color: #333;
    margin-right: 6px;
    font-weight: bold;
    display: inline-block;
}

.b-pages .shopItems .inItem .shopDetail .shopName span {
    font-size: 12px;
    color: #f50;
    display: inline-block;
    max-width: 54px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.b-pages .shopItems .inItem .shopDetail .shopType {
    font-size: 0;
    line-height: 20px;
    position: relative;
}

.b-pages .shopItems .inItem .shopDetail .shopType .sellType {
    position: absolute;
    top: 0;
    right: -24px;
    color: #fff;
    font-size: 12px;
    color: #fff;
    padding: 0 6px 0 8px;
    line-height: 18px;
    height: 20px;
    border-radius: 20px 0 0 20px;
    background: linear-gradient(90deg,#6D94FE,#8C65FF);
}

.b-pages .shopItems .inItem .shopDetail .shopAges {
    display: inline-block;
    border: 1px solid #f50;
    border-radius: 2px;
    font-size: 0;
    line-height: 14px;
    height: 16px;
    box-sizing: border-box;
    vertical-align: middle;
    margin-right: 4px;
}

.b-pages .shopItems .inItem .shopDetail .shopAges p {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    background: #f50;
    padding: 0 2px;
}

.b-pages .shopItems .inItem .shopDetail .shopAges span {
    font-size: 12px;
    color: #f50;
    padding: 0 2px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box {
    margin-top: 0;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i {
    width: 16px;
    height: 16px;
    float: left;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    margin-right: 3px;
    margin-top: 3px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.bz {
    background-position: -470px -303px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.real {
    background-position: -175px 0;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.daifa {
    background-position: -175px -24px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.zifa {
    background-position: -175px -50px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.fast {
    background-position: -175px -76px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.factory {
    background-position: -175px -102px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.days15 {
    background-position: -175px -128px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.style {
    background-position: -201px 0;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.personal {
    background-position: -201px -24px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.business {
    background-position: -201px -50px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.cross {
    background-position: -201px -76px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.good {
    background-position: -201px -102px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.gold {
    background-position: -201px -128px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.gongchang {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.b-pages .shopItems .inItem .shopDetail .shopType .qual_box i.factory2 {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.b-pages .shopItems .inItem .sellAbout {
    margin: 10px 24px 4px 26px;
    color: #444;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4;
}

.b-pages .shopItems .inItem .sellAbout span {
    color: #999;
}

.b-pages .shopItems .inItem .payAbout {
    font-size: 12px;
    line-height: 38px;
    overflow: hidden;
    padding: 0 24px;
    color: #999;
}

.b-pages .shopItems .inItem .payAbout .inleft {
    float: left;
}

.b-pages .shopItems .inItem .payAbout em {
    color: #f50;
}

.b-pages .shopItems .inItem .payAbout font {
    color: #444;
}

.b-pages .shopItems .inItem .payAbout .inright {
    float: right;
}

.b-pages .shopItems .inItem .s-pro {
    position: relative;
    overflow: hidden;
    padding: 0 0 12px;
    margin: 0 24px;
    z-index: 2;
}

.b-pages .shopItems .inItem .s-pro-ova {
    overflow: hidden;
}

.b-pages .shopItems .inItem .s-pro-a {
    transition: transform .2s linear;
    width: 352px;
    margin-left: -5px;
}

.b-pages .shopItems .inItem .s-pro-a a {
    float: left;
    width: 78px;
    margin-left: 5px;
}

.b-pages .shopItems .inItem .s-pro-a a img {
    width: 76px;
    height: 76px;
    opacity: .8;
    border: 1px solid transparent;
}

.b-pages .shopItems .inItem .s-pro .next {
    position: absolute;
    top: 50%;
    right: -2px;
    width: 15px;
    height: 39px;
    margin-top: -20px;
    opacity: .8;
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -89px -69px no-repeat;
    cursor: pointer;
    transition: all .1s ease-out;
}

.b-pages .shopItems .inItem .s-pro-ahover {
    transform: translateX(-87px);
}

.b-pages .shopItems .inItem .popup {
    position: absolute;
    top: 152px;
    z-index: 99;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #F0F0F0;
    display: none;
}

.b-pages .shopItems .inItem .popup .arrowicon {
    position: absolute;
    top: 6px;
    width: 8px;
    height: 12px;
    background: url(https://g1.17qcc.com/2018/shop/images/arrowicon.png) top center no-repeat;
}

.b-pages .shopItems .inItem .popup .arroleft {
    left: -8px;
}

.b-pages .shopItems .inItem .popup .popic {
    width: 150px;
    height: 150px;
    display: block;
}

.b-pages .shopItems .inItem .popup .popic img {
    width: 100%;
    height: 100%;
}

.b-pages .shopItems .inItem .popup .pir {
    margin-top: 10px;
    line-height: 20px;
}

.b-pages .shopItems .inItem .popup .pir span {
    float: left;
    color: #f50;
}

.b-pages .shopItems .inItem .popup .pir span em {
    font-style: normal;
    font-size: 14px;
}

.b-pages .shopItems .inItem .popup .pir i {
    font-style: normal;
    color: #666;
    float: right;
}

.b-pages .shopItems .inItem .btnBox {
    padding: 13px 0;
    margin: 0 20px;
    border-top: 1px solid #F4F4F4;
    font-size: 0;
    display: none;
    background: #fff;
}

.b-pages .shopItems .inItem .btnBox a {
    width: 118px;
    font-size: 12px;
    color: #f50;
    float: left;
    line-height: 22px;
    text-align: center;
    border: 1px solid #f50;
    border-radius: 2px;
    height: 24px;
}

.b-pages .shopItems .inItem .btnBox a.on {
    float: right;
    background: #f50;
    color: #fff;
}

.b-pages .shopItems .items .inItem:hover {
    border: 1px solid #f50;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    position: relative;
    z-index: 100;
    background: #fff;
}

.b-pages .shopItems .items:hover .btnBox {
    display: block;
}

.b-pages .shopItems .items .inItem .next:hover {
    opacity: 1;
    background: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) -89px -118px no-repeat;
}

@media screen and (max-width:1410px) {
    .w1400 {
        width: 1210px;
    }

    .q_caterow.w1400,.q-search.w1400 {
        width: 1200px;
    }

    .q_caterow .c-filter .group-row ul,.q_fixcate .c-filter .group-row ul {
        width: 1078px;
    }

    .q-marketlist .market {
        width: 1010px;
    }

    .q-marketlist .market ul li {
        width: 320px;
    }
}

@media screen and (max-width:1229px) {
    .w1400 {
        width: 1050px;
    }

    .pro_nav .nav_title {
        margin-left: 8px;
    }

    .w1200 {
        width: 1050px;
    }

    .sho_nav .shcbox #keywords {
        width: 171px;
    }

    .item_info .picsize {
        width: 890px;
    }

    .item_info .picsize .pcs_r {
        width: 505px;
        margin-left: 8px;
    }

    .pro_color ul {
        width: 340px;
    }

    .pro_size .pro_size_item {
        margin-left: 0;
    }

    .item_info .sidebar {
        margin-left: 10px;
    }

    .pro_btn {
        margin-left: 0;
    }

    .pro_btn a {
        margin-left: 6px;
    }

    .pro_btn .order_action {
        width: 114px;
    }

    .pro_btn .cross {
        width: 114px;
    }

    .pro_btn .downimg {
        width: 114px;
    }

    .pro_recon ul {
        margin-right: -7px;
    }

    .pro_recon ul li {
        width: 167px;
        margin-right: 7px;
    }

    .pro_recon ul li a {
        margin: 5px;
    }

    .pro_recon ul li a .pic {
        width: 157px;
    }

    .pro_recon ul li a .pic img {
        width: 157px;
        height: 157px;
        line-height: 157px;
    }

    .segmentbox .pro_detail {
        width: 850px;
    }

    .pro_detail .pro_att_img img {
        max-width: 100%;
    }

    .pro_detail .pro_att_img a[target="_blank"] {
        width: 100%;
        background-size: 100% 100%;
    }

    .pro_batch_desc .details_explain .pfsm_con img {
        max-width: 100%;
    }

    .pro_batch_desc .details_explain .pfsm_con video {
        width: 100%;
    }

    .pro_com_b .pro_com_f .item .item_ul {
        width: 708px;
    }

    .w1200.pro_nav .shcbox #keywords {
        width: 255px;
    }

    .fixedtool {
        right: 46px!important;
    }

    .sliderb-nav1200 {
        height: 68px;
    }

    .sliderb-nav1200 span {
        margin-left: 5px;
        width: 170px;
        height: 68px;
        background-size: 100% 100%;
    }

    .sliderb-nav1200 span img {
        max-width: 100%;
        max-height: 100%;
    }

    .s_item .shopins {
        width: 178px;
    }

    .s_item .shoppic {
        margin-left: 10px;
    }

    .s_item .shopins .detail_btn a {
        width: 80px;
        margin-right: 7px;
    }
}