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

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

.cloudShow {
    display: none;
}

.crumb {
    margin-top: 20px;
    line-height: 22px;
}

.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 .vbarrow {
    float: left;
    margin-right: 3px;
    margin-left: 3px;
}

.crumb .cattext {
    float: left;
    margin-right: 3px;
}

.crumb a {
    float: left;
}

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

.crumb a.icon_tag span {
    color: #999;
    padding-right: 6px;
}

.crumb a.icon_tag span em {
    color: #666;
}

.crumb a.icon_tag i {
    font-style: normal;
    color: #bbb;
    float: right;
    top: -1px;
    height: 22px;
    width: 22px;
    line-height: 20px;
    font-size: 16px;
}

.crumb a.icon_tag:hover {
    border-color: #f50;
}

.crumb a.icon_tag:hover i {
    background-color: #F50;
    color: #fff;
}

.crumb .menu_drop {
    float: left;
    height: 22px;
    margin-right: 3px;
    position: relative;
}

.crumb .menu_drop .trigger {
    background-color: #fff;
    position: relative;
    z-index: 101;
    height: 22px;
    border: 1px solid #bbb;
    padding: 0 20px 0 8px;
    line-height: 22px;
}

.crumb .menu_drop .drop_arrow i {
    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;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
    top: 10px;
    right: 4px;
    position: absolute;
}

.crumb .menu_drop .drop_arrow i s {
    position: relative;
    top: -9px;
    text-decoration: none;
}

.crumb .menu_drop:hover i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    color: #f50;
}

.crumb .menu_drop .menu_drop_main {
    position: absolute;
    width: 330px;
    display: block;
    padding: 10px 0 10px 8px;
    left: 0;
    top: 24px;
    border: 1px solid #bbb;
    background-color: #fff;
    z-index: 100;
    display: none;
}

.crumb .menu_drop .menu_drop_main ul {
    overflow: hidden;
}

.crumb .menu_drop .menu_drop_main ul li {
    min-width: 20px;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    margin-top: 6px;
}

.crumb .menu_drop .menu_drop_main ul li.curr {
    color: #999;
}

.crumb .menu_drop:hover .trigger {
    height: 24px;
    border-bottom: 0;
    border-color: #f50;
}

.crumb .menu_drop:hover .menu_drop_main {
    display: block;
    border-color: #f50;
}

.caterow {
    margin-bottom: 10px;
    margin-top: 10px;
}

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

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

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

.caterow .filter .line span {
    float: left;
    min-width: 90px;
    text-align: left;
    color: #999;
}

.caterow .filter .line ul {
    overflow: hidden;
    height: auto;
}

.caterow .filter .line li {
    float: left;
    position: relative;
    margin-right: 4px;
    min-width: 76px;
    text-align: center;
}

.caterow .filter .line span.more {
    position: absolute;
    right: 20px;
    top: 8px;
    min-width: auto;
    line-height: normal;
    cursor: pointer;
}

.caterow .filter .line span.more i {
    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;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
    display: inline-block;
    margin-top: -2px;
    margin-left: 2px;
}

.caterow .filter .line span.more i s {
    position: relative;
    top: -9px;
    text-decoration: none;
}

.caterow .filter .line span.more_on i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

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

.caterow .filter .line li a {
    color: #333;
    padding: 2px 10px;
}

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

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

.caterow .filter .last {
    border-bottom: 0;
}

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

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

.qcc_mini .w1400 {
    width: 1200px;
}

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

.sort_bar {
    margin-top: 10px;
}

.sort_bar ul li {
    float: left;
    width: 120px;
    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;
}

.sort_bar ul li a i.butsort {
    background: url(https://g1.17qcc.com/2018/product/images/butsort.png) top center no-repeat;
}

.sort_bar ul li a i.butsortlit {
    background: url(https://g1.17qcc.com/2018/product/images/butsortlit.png) top center no-repeat;
}

.sort_bar ul li a i.sjsort {
    background: url(https://g1.17qcc.com/2018/product/images/sjsort.png) top center no-repeat;
}

.sort_bar ul li a i.sjsortlit {
    background: url(https://g1.17qcc.com/2018/product/images/sjsortlit.png) top center no-repeat;
}

.sort_bar ul li.sob_first {
    border-bottom: 1px solid #fff;
}

.sort_bar ul li a i.sjsort {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: 0 -295px;
}

.sort_bar ul li a i.sjsortlit {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: 0 -310px;
}

.sort_bar ul li a i.butsort {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -23px -295px;
}

.sort_bar ul li a i.butsortlit {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -24px -310px;
}

.sort_bar ul li a .sortIcon {
    display: inline-block;
    vertical-align: -2px;
    font-size: 14px;
}

.sort_bar ul li a .upOff {
    color: #bfbfbf;
}

.sort_bar ul li.inputsep {
    width: 270px;
    text-align: left;
    border-left: 1px solid transparent;
}

.sort_bar ul li.inputsep .inputarea {
    padding-left: 12px;
    float: left;
    color: #666;
}

.sort_bar ul li.inputsep .inputarea input {
    width: 46px;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    background: #ffff;
    color: #565656;
    font-size: 12px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 1px 1px 0 rgba(216,216,216,0.5);
}

.sort_bar ul li.inputsep .inputarea input:focus {
    border: 1px solid #f50;
}

.sort_bar ul li.inputsep .inputarea i {
    width: 8px;
    height: 1px;
    margin: 0 3px;
    display: inline-block;
    vertical-align: middle;
    background: #666;
}

.sort_bar ul li.inputsep .inputsubimt {
    display: none;
    float: left;
}

.sort_bar ul li.inputsep .inputsubimt a {
    margin-left: 5px;
    width: 40px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.sort_bar ul li.inputsep .inputsubimt .cancle {
    background-color: #FFB692;
    color: #fff;
    margin-left: 12px;
}

.sort_bar ul li.inputsep .inputsubimt .sure {
    background-color: #F50;
}

.sort_bar ul li.inputsep .inputsubimt .cancle:hover {
    background-color: #dc9370;
}

.sort_bar ul li.inputsep .inputsubimt .sure:hover {
    background-color: #e35300;
}

.sort_bar ul li.inputsep:hover {
    height: 39px;
    background: rgba(255,255,255,1);
    box-shadow: 2px 2px 4px 0 rgba(222,222,222,0.54);
    border: 1px solid rgba(221,221,221,1);
    height: 38px;
    line-height: 38px;
}

.sort_bar ul li.inputsep:hover .inputsubimt {
    display: block;
}

.sort_check {
    height: 40px;
    line-height: 40px;
    border: 1px solid #f0f0f0;
    border-top: 0;
}

.sort_check ul li {
    float: left;
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.sort_check ul li a {
    display: block;
}

.sort_check ul li a .check_box {
    width: 16px;
    height: 16px;
    position: relative;
    background: url(https://g1.17qcc.com/2018/buyer/images/qt_checkbox_icon.png) no-repeat top center;
    background-position: 0 -48px;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: -4px;
}

.sort_check ul li.active a .check_box {
    background-position: 0 0;
}

.sort_check ul li a label.s1212act {
    background: url(https://g1.17qcc.com/2018/product/images/s1212act.png) top center no-repeat;
    width: 50px;
    height: 16px;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    text-indent: -99999px;
}

.sort_check ul li a label.lit_hours {
    width: 50px;
    height: 16px;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    text-indent: -99999px;
}

.sort_check ul li a label.lit_hours {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png?a6) top center no-repeat;
    background-position: -591px -114px;
    height: 20px;
    margin-left: -7px;
}

.sort_check ul li a label.spq_icon {
    background-color: #f0000d;
    color: #f7d599;
    display: inline-block;
    height: 20px;
    line-height: 16px;
    border-radius: 3px;
    text-align: center;
    min-width: 50px;
    vertical-align: middle;
    margin-top: -4px;
    background-size: 42px auto;
}

.sort_check ul li a label.spq_icon {
    background-image: url(https://pics.17qcc.com/imgextra/productactivity/201907/19/18875339222840.jpg);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
    text-indent: -99999px;
    width: 42px;
    margin-left: -7px;
}

.sort_check ul li a .cateIcon {
    display: inline-flex;
    position: relative;
    width: 70px;
    height: 20px;
    vertical-align: middle;
    margin-top: -4px;
    overflow: hidden;
}

.sort_check ul li a .cateIcon .vipsIcon {
    position: absolute;
    top: -24px;
    left: 0;
    width: 1em;
    height: 1em;
    fill: currentColor;
    overflow: hidden;
    font-size: 70px;
}

.sort_check ul li a .catevip {
    margin-left: -8px;
}

.sort_check ul li a .cateori {
    margin-left: -14px;
}

.sort_check ul li a .catelight {
    margin-left: -12px;
}

.sort_check ul li a .tagIcon {
    min-width: 40px;
    padding: 0 5px;
    height: 18px;
    display: inline-flex;
    background: #FFF;
    border: 1px solid #5D4ED3;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    color: #5D4ED3;
    margin-left: -4px;
}

.sort_check ul li a .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.sort_check ul li a .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.sort_check ul li a .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.sort_check ul li a .tagselfcang {
    background: #FA5F05;
    border: 1px solid #FA5F05;
    color: #fff;
    width: 48px;
}

.sort_check ul li a .tagori {
    background-color: #222;
    border: 1px solid #222;
    color: #fff;
    width: 48px;
    margin-left: -4px;
}

.categorlist {
    float: right;
    width: 1165px;
}

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

.categorlist ul li {
    float: left;
    width: 218px;
    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;
}

.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 {
    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 a {
    display: block;
}

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

.categorlist ul li span.pic img {
    height: 220px;
    width: auto;
    margin-left: -1px;
}

.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 span.pic .playVideoBtn1 {
    position: absolute;
    top: 78px;
    left: 78px;
    width: 53px;
    height: 53px;
}

.categorlist ul li span.pic .playVideoBtn1 {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -112px -128px;
}

.categorlist ul li span.pic .playVideoBtn1:hover {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -112px -186px;
}

.categorlist ul li span.icon_tfhours_goods {
    width: 35px;
    height: 24px;
    top: 0;
    left: -6px;
    bottom: auto;
    position: absolute;
}

.categorlist ul li span.icon_tfhours_goods {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -592px -144px;
}

.categorlist ul li .icon_factory {
    background: url(https://g1.17qcc.com/2020/hpai/images/icon_factory.png) top center no-repeat;
    width: 69px;
    height: 24px;
    top: 0;
    left: 0;
    bottom: auto;
    position: absolute;
    border-radius: 0 100px 100px 0;
}

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

.categorlist ul li span.cloud_ico {
    width: 68px;
    height: 24px;
    top: 0;
    left: 0;
    bottom: auto;
    position: absolute;
}

.categorlist ul li span.cloud_ico {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -559px -245px;
}

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

.categorlist ul li span.leftips em {
    margin-top: 2px;
}

.categorlist ul li span.leftips em:first-child {
    margin-top: 0;
}

.categorlist ul li span.leftips .factoryIcon {
    background: url(https://g1.17qcc.com/2020/hpai/images/icon_factory.png) top center no-repeat;
    width: 69px;
    height: 24px;
    border-radius: 0 100px 100px 0;
}

.categorlist ul li span.leftips .cloudIco {
    width: 68px;
    height: 24px;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -559px -245px;
}

.categorlist ul li span.leftips .tfhoursIcon {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -592px -144px;
    width: 35px;
    height: 24px;
    margin-left: -6px;
}

.categorlist ul li span.leftips .vipsIcon {
    width: 62px;
    height: 20px;
    background: linear-gradient(270deg,#33180D 0,#7B4B27 100%);
    opacity: 1;
    border-radius: 0 0 6px 0;
    color: #FFF4E2;
    display: block;
    text-align: center;
}

.categorlist ul li .vipstips {
    position: absolute;
    top: 0;
    left: -1px;
    width: 220px;
    height: 220px;
    z-index: 2;
    pointer-events: none;
}

.categorlist ul li .vipstips .tit {
    position: absolute;
    bottom: 0;
    width: 169px;
    left: 51px;
    height: 38px;
    color: #333;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categorlist ul li .vipstips .tit i {
    font-style: normal;
    color: #f50;
}

.categorlist ul li .vipstips .coup {
    color: #F6DCB5;
    position: absolute;
    left: 43px;
    bottom: 16px;
}

.categorlist ul li .vipstips .coup i {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
}

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

.categorlist ul li .quickgn .quic_s {
    float: left;
    width: 72px;
    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: 104px;
    z-index: 11;
}

.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 .quickgngb:hover {
    z-index: 11;
}

.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 .desc {
    padding: 11px 10px 0;
    border-top: 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: 2px;
    height: 17px;
    line-height: 16px;
}

.categorlist ul li p.rowtitle a {
    overflow: hidden;
    height: 16px;
}

.categorlist ul li p.rowtitle a img {
    vertical-align: top;
}

.categorlist ul li p.rowtitle a img.special_sing {
    height: 16px;
}

.categorlist ul li p.rowtitle a span.s916bs {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.categorlist ul li p.size {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
}

.categorlist ul li p.size {
    color: #333;
    margin-top: 0;
    margin-bottom: 8px;
}

.categorlist ul li .sizeDiv {
    position: relative;
    margin-top: 6px;
    z-index: 2;
    height: 20px;
}

.categorlist ul li .sizeDiv p.sizep {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.categorlist ul li .sizeDiv span {
    position: absolute;
    right: 0;
    top: 0;
    color: #FF600C;
    cursor: pointer;
}

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

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

.categorlist ul li .sizeDiv em {
    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;
    top: -26px;
    left: -9px;
    background: #fff;
    z-index: 2;
    text-indent: 6px;
    color: #f50;
}

.categorlist ul li .sizeDiv em::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 .sizeDiv span:hover+em {
    display: block;
}

.categorlist ul li .shop .p_time {
    margin-right: 0;
    font-size: 12px;
    float: right;
    color: #999;
}

.categorlist ul li .p_time em {
    display: inline-block;
    background: url(https://g1.17qcc.com/images/thttime.png) no-repeat;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -4px;
    background-size: 100% 100%;
}

.categorlist ul li p.shop {
    margin-top: 0;
    height: 22px;
}

.categorlist ul li p.shop span.fr em.shop_t_qiye {
    background: url(https://g1.17qcc.com/2018/shop/images/qual_1.png) top center no-repeat;
    width: 12px;
    height: 13px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%;
    margin-top: -2px;
}

.categorlist ul li .qual_box {
    height: 19px;
}

.categorlist ul li .qual_box img {
    max-width: 18px;
    max-height: 18px;
}

.categorlist ul li p.shop a {
    padding-left: 20px;
    color: #888;
    padding: 0;
    width: 122px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.categorlist li .datagn .rate {
    padding-top: 8px;
    position: relative;
}

.categorlist li .datagn .rate {
    line-height: 20px;
    height: auto;
    color: #666;
    font-size: 12px;
    display: block;
}

.categorlist li .datagn .rate .ms {
    float: left;
    width: 40%;
    text-align: center;
}

.categorlist li .datagn .rate .ms span {
    display: block;
    line-height: 20px;
    color: #999;
}

.categorlist li .datagn .rate .line {
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #f1f0f0;
}

.categorlist li .datagn .rate .rate_d {
    float: right;
    cursor: pointer;
    position: relative;
    width: 60%;
    text-align: center;
}

.categorlist li .datagn .rate .rams .q_icon {
    margin-right: 5px;
    width: 17px;
    height: 17px;
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}

.categorlist li .datagn .rate .rams .q_icon {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -610px -218px;
}

.categorlist li .datagn .rate .q_ih .q_icon {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -610px -196px;
}

.categorlist li .datagn .rate .q_il .q_icon {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -532px -250px;
}

.categorlist li .datagn .rate .q_iz .q_icon {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -510px -250px;
}

.categorlist li .datagn .rate .rams .per {
    font-style: normal;
    color: #F50;
    display: block;
}

.categorlist li .datagn .rate .q_ih .per {
    color: #F00;
}

.categorlist li .datagn .rate .q_il .per {
    color: #10C900;
}

.categorlist li .datagn .rate .q_iz .per {
    color: #FF5000;
}

.categorlist li .datagn .rate .rate_d .reportbox {
    display: none;
    position: absolute;
    top: -170px;
    right: -183px;
    width: 397px;
    height: 162px;
    z-index: 2;
    box-shadow: 0 0 4px 0 rgba(148,148,148,0.46);
    background-color: #fff;
    border-radius: 4px;
}

.categorlist li .rate_d .reportbox .odbiv {
    width: 380px;
    margin: 0 auto;
}

.categorlist li .rate_d .reportbox .odbiv .chart {
    width: 380px;
    height: 125px;
    margin: 0 auto;
}

.categorlist li .rate_d .reportbox .odbiv .top {
    line-height: 36px;
    height: 36px;
    color: #333;
    text-align: center;
}

.categorlist li .rate_d .reportbox .odbiv .top i {
    font-style: normal;
}

.categorlist li .rate_d .reportbox .odbiv .top .ratetype {
    margin-left: 20px;
}

.categorlist li .rate_d .reportbox .odbiv .top .ratetype i {
    color: #f50;
}

.categorlist li .rate_d .reportbox .odbiv .top .close {
    float: right;
    display: none;
}

.categorlist li .rate_d .reportbox .odbiv .top .close i {
    font-size: 18px;
    color: #999;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    float: left;
    margin-left: 10px;
    font-style: normal;
    text-align: center;
    margin-top: 7px;
    line-height: 18px;
    border: 1px solid #d0d0d0;
}

.categorlist li .rate_d .reportbox .odbiv .top .close:hover i {
    background-color: #f50;
    color: #fff;
    border: 1px solid transparent;
}

.categorlist li .rate_d .reportbox .odbiv .top .close i {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.categorlist li .rate_d .reportbox .repotarw {
    position: absolute;
    bottom: -41px;
    left: 84px;
    width: 130px;
    height: 41px;
}

.categorlist li .rate_d .reportbox .repotarw:after {
    content: '';
    width: 21px;
    height: 11px;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -583px -190px;
    position: absolute;
    top: 0;
    right: 29px;
}

.categorlist li .datagn .rate .rate_d:hover .reportbox {
    display: block;
}

.categorlist li .datagn .rate .rate_x {
    float: right;
    cursor: pointer;
    position: relative;
    width: 60%;
    text-align: center;
}

.categorlist li .datagn .rate .rate_x .per {
    font-style: normal;
    color: #ff9c69;
    display: block;
}

.categorlist li .datagn .rate .rate_x .reportbox {
    display: none;
    position: absolute;
    top: -170px;
    right: -183px;
    width: 397px;
    height: 162px;
    z-index: 2;
    box-shadow: 0 0 4px 0 rgba(148,148,148,0.46);
    background-color: #fff;
    border-radius: 4px;
}

.categorlist li .rate_x .reportbox .odbiv {
    width: 380px;
    margin: 0 auto;
}

.categorlist li .rate_x .reportbox .odbiv .chart {
    width: 380px;
    height: 125px;
    margin: 0 auto;
}

.categorlist li .rate_x .reportbox .odbiv .top {
    line-height: 36px;
    height: 36px;
    color: #333;
    text-align: center;
}

.categorlist li .rate_x .reportbox .odbiv .top i {
    font-style: normal;
}

.categorlist li .rate_x .reportbox .odbiv .top .ratetype {
    margin-left: 20px;
}

.categorlist li .rate_x .reportbox .odbiv .top .ratetype i {
    color: #f50;
}

.categorlist li .rate_x .reportbox .odbiv .top .close {
    float: right;
    display: none;
}

.categorlist li .rate_x .reportbox .odbiv .top .close i {
    font-size: 18px;
    color: #999;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    float: left;
    margin-left: 10px;
    font-style: normal;
    text-align: center;
    margin-top: 7px;
    line-height: 18px;
    border: 1px solid #d0d0d0;
}

.categorlist li .rate_x .reportbox .odbiv .top .close:hover i {
    background-color: #f50;
    color: #fff;
    border: 1px solid transparent;
}

.categorlist li .rate_x .reportbox .odbiv .top .close i {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.categorlist li .rate_x .reportbox .repotarw {
    position: absolute;
    bottom: -41px;
    left: 84px;
    width: 130px;
    height: 41px;
}

.categorlist li .rate_x .reportbox .repotarw:after {
    content: '';
    width: 21px;
    height: 11px;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -583px -190px;
    position: absolute;
    top: 0;
    right: 29px;
}

.categorlist li .datagn .rate .rate_x:hover .reportbox {
    display: block;
}

.categorlist li .datagn .ap {
    padding: 0 10px 0;
    display: block;
    margin-top: 14px;
    border-top: 1px solid #f1f0f0;
    height: 33px;
    line-height: 32px;
}

.categorlist li .datagn .ap .shopa {
    float: left;
    color: #333;
    font-size: 14px;
}

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

.categorlist 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 li .datagn .ap .ages i {
    font-style: normal;
    background-color: #f50;
    color: #fff;
    float: left;
}

.categorlist li .datagn .ap .ar {
    float: right;
    width: 7px;
    height: 12px;
    margin-top: 11px;
}

.categorlist li .datagn .ap .ar {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -456px -250px;
}

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

.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 img {
    max-width: 73px;
    max-height: 68px;
    margin-bottom: 10px;
}

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

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

.categorlist ul li p.brprice .p_time em {
    display: inline-block;
    background: url(https://g1.17qcc.com/images/thttime.png) no-repeat;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -4px;
    background-size: 100% 100%;
}

.categorlist ul li .qualshop .qual_box {
    float: left;
    width: 101px;
}

.categorlist ul li .qualshop .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 .qualshop .qual_box i.real {
    background-position: -175px 0;
}

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

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

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

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

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

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

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

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

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

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

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

.categorlist ul li .qualshop p.shop a {
    width: 72px;
    line-height: 20px;
    text-align: right;
    margin-right: 3px;
}

.categorlist ul li .qualshop p.shop a:hover {
    color: #f50;
}

.categorlist ul li .qualshop p.shop .age {
    width: 22px;
    height: 13px;
    background-color: #999;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    line-height: 12px;
    text-align: center;
}

.categorlist ul li .padd {
    height: 32px;
    border-top: 1px solid #f0f0f0;
    padding: 0 12px;
    margin-top: 6px;
    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 {
    width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.categorlist ul li .padd span.radd i {
    width: 11px;
    height: 14px;
}

.categorlist ul li .padd span.radd i {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -470px -250px;
}

.categorlist ul li .padd .ricon {
    float: right;
    width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.categorlist ul li .padd .ricon img {
    max-width: 18px;
    max-height: 18px;
}

.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:hover .qualshop p.shop .age {
    background-color: #f50;
}

.categorlist ul li:hover .quickgn {
    height: 24px;
    opacity: 1;
    z-index: 4;
}

.adlist,.sidelist {
    float: left;
}

.adlist ul li {
    width: 220px;
    height: 385px;
    margin-top: 15px;
}

.adlist ul li a img {
    width: 220px;
    height: 385px;
}

.sidelist ul li {
    width: 222px;
    height: 379px;
    margin-top: 15px;
}

.sidelist ul li img {
    width: 222px;
    height: 379px;
}

.qcc_mini .w1400 .adlist ul li {
    width: 232px;
    height: 372px;
}

.qcc_mini .w1400 .adlist ul li a img {
    width: 232px;
    height: 372px;
}

.qcc_mini .w1400 .sidelist ul li {
    width: 232px;
    height: 372px;
}

.qcc_mini .w1400 .sidelist ul li img {
    width: 232px;
    height: 372px;
}

.qcc_mini .w1400 .categorlist {
    width: 968px;
}

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

.qcc_mini .w1400 .categorlist li {
    width: 230px;
    margin-left: 10px;
}

.qcc_mini .w1400 .categorlist li span.pic {
    width: 230px;
    height: 232px;
}

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

.qcc_mini .w1400 .categorlist ul li .desc {
    padding: 4px 10px 0;
}

.qcc_mini .w1400 .categorlist ul li p.shop a {
    margin-top: 3px;
}

.qcc_mini .w1400 .categorlist ul li p.size {
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qcc_mini .w1400 .categorlist ul li .padd {
    padding: 0 8px;
    margin-top: 4px;
}

.qcc_mini .w1400 .categorlist ul li .padd span.radd {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goos-list li {
    width: 218px!important;
    border: 1px solid #F0F0F0;
    height: auto!important;
}

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

.goos-list li:hover {
    border-color: #f60;
}

.goos-list li a {
    position: relative;
}

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

.goos-list 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%;
}

.goos-list li a {
    display: block;
}

.goos-list li span.pic {
    display: block;
    width: 218px;
    height: 220px;
    overflow: hidden;
}

.goos-list li span.pic img {
    width: auto;
    height: 220px;
    margin-left: -1px;
}

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

.goos-list li span.icon_tfhours_goods {
    position: absolute;
    bottom: -6px;
    left: -7px;
    width: 70px;
    height: 24px;
    background: url(https://g1.17qcc.com/2018/product/images/icon_tfhours_goods.png) top center no-repeat;
}

.goos-list li .desc {
    padding: 11px 10px 0;
    border-top: 0;
}

.goos-list li p.brprice {
    height: 25px;
    line-height: 24px;
}

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

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

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

.goos-list li p.rowtitle {
    margin-top: 2px;
    height: 17px;
    line-height: 16px;
}

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

.goos-list li p.size {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    height: 20px;
}

.goos-list li p.size {
    margin-bottom: 8px;
    margin-top: 0;
}

.goos-list li p.size em {
    width: 136px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.goos-list li p.size .hotsell {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #de327f;
}

.goos-list li .shop .p_time {
    margin-right: 0;
    font-size: 12px;
    float: right;
    color: #999;
}

.goos-list li .qual_box {
    height: 19px;
}

.goos-list li .qual_box img {
    max-width: 18px;
    max-height: 18px;
}

.goos-list li .p_time em {
    display: inline-block;
    background: url(https://g1.17qcc.com/images/thttime.png) no-repeat;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -4px;
    background-size: 100% 100%;
}

.goos-list li p.shop {
    margin-top: 0;
    height: 22px;
}

.goos-list li p.shop a {
    padding-left: 20px;
    color: #888;
    padding: 0;
    width: 128px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.goos-list li p.shop span.fr em.shop_t_qiye {
    background: url(https://g1.17qcc.com/2018/shop/images/qual_1.png) top center no-repeat;
    width: 12px;
    height: 13px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%;
    margin-top: -2px;
}

.goos-list li .qualshop .qual_box {
    float: left;
    width: 101px;
}

.goos-list li .qualshop .qual_box img {
    max-width: 18px;
    max-height: 18px;
    width: auto;
    height: auto;
}

.goos-list li .qualshop .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;
}

.goos-list li .qualshop .qual_box i.real {
    background-position: -175px 0;
}

.goos-list li .qualshop .qual_box i.daifa {
    background-position: -175px -24px;
}

.goos-list li .qualshop .qual_box i.zifa {
    background-position: -175px -50px;
}

.goos-list li .qualshop .qual_box i.fast {
    background-position: -175px -76px;
}

.goos-list li .qualshop .qual_box i.factory {
    background-position: -175px -102px;
}

.goos-list li .qualshop .qual_box i.days15 {
    background-position: -175px -128px;
}

.goos-list li .qualshop .qual_box i.style {
    background-position: -201px 0;
}

.goos-list li .qualshop .qual_box i.personal {
    background-position: -201px -24px;
}

.goos-list li .qualshop .qual_box i.business {
    background-position: -201px -50px;
}

.goos-list li .qualshop .qual_box i.cross {
    background-position: -201px -76px;
}

.goos-list li .qualshop .qual_box i.good {
    background-position: -201px -102px;
}

.goos-list li .qualshop .qual_box i.gold {
    background-position: -201px -128px;
}

.goos-list li .qualshop p.shop a {
    width: 68px;
    line-height: 20px;
    text-align: right;
    margin-right: 3px;
    vertical-align: middle;
}

.goos-list li .qualshop p.shop a:hover {
    color: #f50;
}

.goos-list li .qualshop p.shop .age {
    width: 22px;
    height: 13px;
    background-color: #999;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    line-height: 12px;
    text-align: center;
}

.goos-list li .quickgngb {
    position: relative;
}

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

.goos-list li .quickgn .quic_s {
    float: left;
    width: 72px;
    color: #fff;
    cursor: pointer;
}

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

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

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

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

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

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

.goos-list 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) top center no-repeat;
    vertical-align: middle;
    margin-top: -2px;
}

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

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

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

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

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

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

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

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

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

.goos-list li .quickgn .cross:hover {
    background-color: #F50;
}

.goos-list li .quickgn .cross:hover .crosstips {
    display: block;
}

.goos-list li .quickgn .cross:hover dl {
    display: block;
}

.goos-list li:hover .qualshop p.shop .age {
    background-color: #f50;
}

.goos-list li:hover .quickgn {
    height: 24px;
    opacity: 1;
}

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

.goos-list li .padd span.radd {
    color: #999;
    float: left;
}

.goos-list li .padd span.radd {
    width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goos-list li .padd span.radd i {
    float: left;
    width: 10px;
    height: 13px;
    margin-right: 5px;
    margin-top: 9px;
}

.goos-list li .padd span.radd i {
    width: 11px;
    height: 14px;
}

.goos-list li .padd span.radd i {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -470px -250px;
}

.goos-list li .padd .ricon {
    float: right;
    width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goos-list li .padd .ricon img {
    max-width: 18px;
    max-height: 18px;
}

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

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

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

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

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

.qcc_mini .w1400 .adlist .goos-list li {
    width: 230px;
    height: auto;
}

.qcc_mini .w1400 .adlist .goos-list li span.pic {
    width: 230px;
    height: 232px;
}

.qcc_mini .w1400 .adlist .goos-list li span.pic img {
    width: 230px;
    height: 232px;
}

.qcc_mini .w1400 .adlist .goos-list li .desc {
    padding: 4px 10px 0;
}

.qcc_mini .w1400 .adlist .goos-list li .desc p.size {
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qcc_mini .w1400 .adlist .goos-list li .padd {
    padding: 0 8px;
    margin-top: 4px;
}

.qcc_mini .w1400 .adlist .goos-list li .padd span.radd {
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qcc_mini .w1400 .sidelist .goos-list li {
    width: 230px;
    height: auto;
}

.qcc_mini .w1400 .sidelist .goos-list li span.pic {
    width: 230px;
    height: 232px;
}

.qcc_mini .w1400 .sidelist .goos-list li span.pic img {
    width: 230px;
    height: 232px;
}

.qcc_mini .w1400 .sidelist .goos-list li .desc {
    padding: 4px 10px 0;
}

.qcc_mini .w1400 .sidelist .goos-list li .desc p.size {
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qcc_mini .w1400 .sidelist .goos-list li .padd {
    padding: 0 8px;
    margin-top: 4px;
}

.qcc_mini .w1400 .sidelist .goos-list li .padd span.radd {
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uipage {
    font-family: Microsoft YaHei;
    text-align: center;
    margin-top: 30px;
}

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

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

.sliderad {
    margin: 20px 0;
}

.sliderad a {
    float: left;
    width: 335px;
    height: 150px;
    margin-left: 20px;
    line-height: 150px;
}

.sliderad a.first {
    margin-left: 0;
}

.sliderad a img {
    max-width: 335px;
    max-height: 150px;
    -webkit-transition: -webkit-transform .2s linear;
    -moz-transition: -moz-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    transition: transform .2s linear;
    -webkit-transform: scale3d(1);
    transform: scale3d(1);
}

.sliderad a:hover img {
    -webkit-transform: transf(1.05,1.05,1.05);
    transform: scale3d(1.05,1.05,1.05);
}

.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: 12px;
    left: 0;
    border-radius: 6px;
    padding: 4px 6px 4px 0;
    font-size: 0;
    width: 100%;
    text-align: center;
    z-index: 99999;
}

.sliderban .num span {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
    background-color: #fff;
    margin: 0 0 0 7px;
    cursor: pointer;
}

.sliderban .num span.active {
    background-color: #e80000;
}

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

.sliderb-nav1400 {
    margin-top: 10px;
    margin-bottom: 20px;
    height: 90px;
}

.sliderb-nav1400 span {
    width: 225px;
    height: 90px;
    float: left;
    margin-left: 10px;
    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 #fff;
    position: relative;
}

.sliderb-nav1400 span.first {
    margin-left: 0;
}

.sliderb-nav1400 span img {
    width: 223px;
    height: 88px;
    opacity: 1;
    transition: opacity .3s;
}

.sliderb-nav1400 span.active {
    border: 1px solid #f50;
}

.sliderb-nav1400 span.active img {
    opacity: 0;
}

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

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

.prosch {
    height: 40px;
    line-height: 40px;
    border: 1px solid #e4e4e4;
}

.prosch .prosch_fl {
    float: left;
    color: #666;
}

.prosch .prosch_fl .item {
    text-align: center;
    position: relative;
    float: left;
    z-index: 4;
}

.prosch .prosch_fl .item .item_text {
    display: block;
    font-size: 12px;
    padding: 0 15px;
}

.prosch .prosch_fl .item .icon_down {
    margin-left: 5px;
    display: inline-block;
    width: 14px;
    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;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
}

.prosch .prosch_fl .item .icon_down s {
    position: relative;
    top: -9px;
    text-decoration: none;
}

.prosch .prosch_fl .item .select_children {
    display: none;
    width: 512px;
    padding: 0 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 39px;
    left: -1px;
    font-size: 12px;
    z-index: 2;
}

.prosch .prosch_fl .item .select_children a {
    line-height: 36px;
    float: left;
    color: #888;
    width: auto;
    margin: 0 14px;
    padding: 0!important;
}

.prosch .prosch_fl .item .select_children a:hover {
    color: #f60;
}

.prosch .prosch_fl .item:hover {
    border-top: 2px solid #f40;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    height: 39px;
    color: #f40;
    margin: -2px -1px -1px;
}

.prosch .prosch_fl .item:hover .item_text {
    height: 42px;
    position: relative;
    z-index: 3;
    background-color: #fff;
}

.prosch .prosch_fl .item:hover .select_children {
    display: block;
    -webkit-animation: fadeInDown .4s;
    animation: fadeInDown .4s;
}

.prosch .prosch_fl .chk_item {
    margin-right: 10px;
    float: left;
}

.mr30 {
    margin-left: 30px;
}

.prosch .prosch_fl .chk_item a {
    display: block;
}

.prosch .prosch_fl .chk_item a .check_box {
    width: 16px;
    height: 16px;
    position: relative;
    background: url(https://g1.17qcc.com/2018/buyer/images/qt_checkbox_icon.png) no-repeat top center;
    background-position: 0 -48px;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: -4px;
}

.prosch .prosch_fl .chk_item.active a .check_box {
    background-position: 0 0;
}

.prosch .prosch_fr {
    float: right;
    color: #666;
}

.prosch .prosch_fr .sm_btn {
    font-size: 12px;
    color: #666;
    border: 1px solid #e5e5e5;
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
    float: left;
    margin-top: 8px;
    margin-right: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.prosch .prosch_fr .sm_btn:hover {
    color: #f70;
    border-color: #f70;
}

.prosch .prosch_fr .sm_btn.active {
    color: #f70;
    border-color: #f70;
}

.prosch .prosch_fr .price_sel {
    float: right;
    width: 119px;
    height: 40px;
    border: 1px solid transparent;
    margin-top: -1px;
    margin-right: -1px;
    text-align: center;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

.prosch .prosch_fr .price_sel .pirce_text {
    width: 109px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #e5e5e5;
    margin: 8px 0;
    text-align: center;
}

.prosch .prosch_fr .price_sel .pirce_text span {
    font-size: 12px;
    margin-right: 4px;
}

.prosch .prosch_fr .price_sel .pirce_text .icon_down {
    display: inline-block;
    width: 14px;
    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;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
}

.prosch .prosch_fr .price_sel .pirce_text .icon_down s {
    position: relative;
    top: -9px;
    text-decoration: none;
}

.prosch .prosch_fr .price_sel .price_item {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #ccc;
    margin-left: -1px;
    -webkit-animation: fadeInDown .4s;
    animation: fadeInDown .4s;
    background: #fff;
    display: none;
}

.prosch .prosch_fr .price_sel .price_item a {
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 12px;
    color: #333;
}

.prosch .prosch_fr .price_sel .price_item a:hover {
    color: #f60;
}

.prosch .prosch_fr .price_sel:hover {
    border-color: #ccc;
    color: #f40;
}

.prosch .prosch_fr .price_sel:hover .pirce_text {
    height: 43px;
    background-color: #fff;
    border-color: transparent;
    position: relative;
    z-index: 2;
    padding-right: 8px;
}

.prosch .prosch_fr .price_sel:hover .price_item {
    display: block;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 1;
        top: 100%;
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 1;
        top: 100%;
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 1;
        top: 100%;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 1;
        top: 100%;
    }
}

.qcc_mini .sliderad a {
    width: 291px;
    margin-left: 12px;
}

.qcc_mini .sliderad a.first {
    margin-left: 0;
}

.qcc_mini .sliderad a img {
    max-width: 291px;
}

.kj_pic {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    background: top center no-repeat;
    display: block;
    height: 336px;
}

.kj_pic a {
    display: block;
    width: 100%;
    height: 100%;
}

.kj_goods {
    margin: -10px -10px 0;
}

.kj_goods li {
    width: 285px;
    margin: 0 10px;
    background-color: #fff;
    float: left;
    margin-top: 30px;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    transition: transform .3s ease;
}

.kj_goods li:hover {
    transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
}

.kj_goods li .pic img {
    width: 285px;
    height: 285px;
}

.kj_goods li .stall-goods-bar {
    background-color: #F50;
    height: 48px;
}

.kj_goods li .stall-goods-bar .stall-goods-bar-del-price {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    padding-left: 10px;
    line-height: 50px;
}

.kj_goods li .stall-goods-bar .stall-goods-bar-del-price strong {
    font-size: 28px;
    font-weight: normal;
}

.kj_goods li .stall-goods-bar .stall-goods-bar-del {
    display: inline-block;
    margin-left: 14px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    border-left: 1px solid #f99;
    padding-left: 14px;
}

.kj_goods li .stall-goods-ct {
    padding: 10px 10px 12px 10px;
}

.kj_goods li .stall-goods-ct h2 {
    font-weight: normal;
    font-size: 14px;
    color: #333;
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.kj_goods li .stall-goods-ct p {
    margin-top: 6px;
    font-size: 12px;
    color: #666;
    padding-top: 5px;
    border-top: 1px dashed #e0e0e0;
    height: 26px;
}

.kj_goods li .stall-goods-ct p em {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 160px;
    vertical-align: middle;
}

.kj_goods li .stall-goods-ct p img {
    margin-right: 3px;
}

.kj_goods li .stall-goods-ct p span {
    color: #999;
}

.kj_goods li .stall-goods-ct p span i {
    font-style: normal;
    color: #f50;
}

.kj_nav {
    position: fixed;
    top: 150px;
    left: 50%;
    margin-left: -718px;
    width: 98px;
    display: block;
    opacity: 0;
    z-index: 999;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    transition: transform ease-out .5s;
}

.navside_show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.kj_nav a {
    width: 98px;
    height: 42px;
    line-height: 42px;
    margin-bottom: 1px;
    background-color: #e4e4e4;
    color: #888;
    display: block;
    text-align: center;
}

.kj_nav a.active {
    background-color: #f50;
    color: #fff;
}

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

.pro_guess {
    padding-bottom: 10px;
}

.pro_guess ul {
    margin-left: -16px;
    visibility: hidden;
}

.pro_guess .active {
    visibility: visible;
}

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

.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.icon_1 {
    display: none;
}

.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 .desc .qual_box {
    height: 20px;
}

.pro_guess ul li .desc .qual_box img {
    margin-right: 2px;
}

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

.pro_guess .hot_refresh {
    height: 20px;
}

.pro_guess .hot_refresh a {
    float: right;
}

.pro_guess .hot_refresh a span {
    display: inline-block;
    vertical-align: middle;
}

.pro_guess .hot_refresh a span.refresh_icon {
    background: url(https://g1.17qcc.com/2018/product/images/refresh_icon1.png) top center no-repeat;
    width: 22px;
    height: 18px;
}

.pro_guess .hot_refresh a span.refresh_icon {
    color: #797979;
}

.pro_guess .hot_refresh a:hover span.refresh_icon {
    background: url(https://g1.17qcc.com/2018/product/images/refresh_icon.png) top center no-repeat;
    width: 22px;
    height: 18px;
}

.pro_guess .hot_refresh a:hover span.refresh_text {
    color: #f50;
}

.qcc_mini .pro_guess ul {
    margin-left: -7px;
}

.qcc_mini .pro_guess ul li {
    width: 193px;
    margin-left: 6px;
}

.qcc_mini .pro_guess ul li a span {
    width: 193px;
    height: 193px;
}

.qcc_mini .pro_guess ul li span.icon_1 {
    width: 16px;
    height: 16px;
}

.qcc_mini .pro_guess ul li a span img {
    width: 193px;
    height: 193px;
}

.qcc_mini .pro_guess ul li .desc .padd {
    padding: 0 7px;
}

.qcc_mini .pro_guess ul li .desc p.shop a {
    width: 120px;
}

.qcc_mini .pro_guess ul li .desc .padd span.radd {
    width: 106px;
}

.qg_filter {
    border: 1px solid #e5e5e5;
    margin-top: 10px;
    width: 1200px;
    margin: 10px auto;
    background: #eaeceb;
}

.qg_filter .line {
    line-height: 44px;
    position: relative;
}

.qg_filter .line .add {
    position: absolute;
    background: url(https://g1.17qcc.com/images/navbg2.png) no-repeat 0 -40px;
    width: 104px;
    height: 30px;
    text-indent: -10000px;
    right: 0;
    top: -8px;
}

.qg_filter .line span {
    float: left;
    width: 98px;
    background-color: #eaeceb;
    text-align: center;
    color: #000;
    border-bottom: 1px solid #eaeceb;
}

.qg_filter .line ul {
    padding-left: 10px;
    border-bottom: 1px dashed #dad9d9;
    padding-right: 40px;
    background: #fff;
    overflow: hidden;
    height: auto;
    overflow: hidden;
}

.qg_filter .line li {
    float: left;
    margin: 0 15px 0 15px;
    position: relative;
}

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

.qg_filter .line li a {
    color: #000;
    padding: 4px 10px;
}

.qg_filter .line li a:hover {
    background-color: #E74C3C;
    color: #fff;
}

.qg_filter .line li.active a {
    background-color: #E74C3C;
    color: #fff;
}

.qg_filter .line em {
    background: url(https://g1.17qcc.com/images/p_ico.png) no-repeat;
    padding-right: 12px;
    cursor: pointer;
    right: 10px;
    top: 13px;
    position: absolute;
    color: #9E9E9E;
    height: 18px;
    line-height: 18px;
    display: inline-block;
}

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

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

#div_sq {
    height: auto;
}

#div_sq li {
    margin: 0 3px 0 3px;
}

#mainNode img {
    max-height: 250px;
}

.qg_sort {
    height: 40px;
    line-height: 40px;
    background-color: #eaeceb;
    margin-bottom: 10px;
}

.qg_sort ul li {
    float: left;
}

.qg_sort ul li span {
    float: left;
    cursor: pointer;
}

.qg_sort ul li a {
    float: left;
    height: 12px;
    padding: 14px 16px;
    line-height: 12px;
    color: #4f4f4f;
    position: relative;
}

.qg_sort ul li a i.hot {
    position: absolute;
    display: inline-block;
    height: 17px;
    width: 14px;
    left: auto;
    right: -1px;
    top: 0;
    background: url(https://g1.17qcc.com/images/hot_index.png) top center no-repeat;
}

.qg_sort ul li span.gray {
    float: left;
    width: 10px;
    height: 9px;
    overflow: hidden;
    margin: 2px 0 0 6px;
}

.qg_sort ul li span.gray i {
    line-height: 12px;
    zoom: 1;
    display: block;
    width: 0;
    height: 0;
    border: solid 2px #888;
    overflow: hidden;
    margin: 0 auto;
}

.qg_sort ul li span.gray em {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    border: solid 5px transparent;
    border-top-color: #888;
}

.qg_sort ul li span.red {
    float: left;
    width: 10px;
    height: 9px;
    overflow: hidden;
    margin: 2px 0 0 6px;
}

.qg_sort ul li span.red i {
    line-height: 12px;
    zoom: 1;
    display: block;
    width: 0;
    height: 0;
    border: solid 2px #c00;
    overflow: hidden;
    margin: 0 auto;
}

.qg_sort ul li span.red em {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #c00;
}

.qg_sort ul li a.active {
    background-color: #343742;
    color: #fff;
}

.qg_sort ul li a:hover i,.qg_sort ul li a.active i {
    border-color: #fff;
}

.qg_sort ul li a:hover em,.qg_sort ul li a.active em {
    border-top-color: #fff;
}

.qg_sort ul li a:hover span.red em {
    border-bottom: 5px solid #888;
}

.qg_sort ul li a.active span.red em {
    border-bottom: 5px solid #fff;
}

.qg_sort ul li a:hover span.red i {
    border-color: #888;
}

.qg_sort ul li a.active span.red i {
    border-color: #fff;
}

.qg_sort ul li span.desc {
    float: left;
    width: 10px;
    height: 9px;
    overflow: hidden;
    margin: 2px 0 0 6px;
}

.qg_sort ul li span.desc i {
    line-height: 12px;
    zoom: 1;
    display: block;
    width: 0;
    height: 0;
    border: solid 2px #c00;
    overflow: hidden;
    margin: 0 auto;
}

.qg_sort ul li span.desc em {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    border: solid 5px transparent;
    border-top-color: #c00;
}

.sort_search {
    margin-top: 5px;
    margin-right: 40px;
    height: 30px;
}

.sort_search input {
    float: left;
    display: block;
    width: 156px;
    height: 30px;
    border: 0;
    color: #666;
    font-size: 14px;
    padding-left: 8px;
}

.sort_search a {
    float: left;
    width: 32px;
    height: 32px;
    display: block;
    background: url(https://g1.17qcc.com/images/sps2.png) center center no-repeat;
    background-color: #414146;
    margin-top: -2px;
}

.suptitle {
    text-align: center;
    margin-top: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e74c3c;
}

.supinbox {
    margin-left: -7px;
    margin-bottom: 10px;
}

.suptitle a {
    color: #fff;
    background-color: #e74c3c;
    display: inline-block;
    padding: 12px 40px;
}

.supinbox li {
    float: left;
    position: relative;
    margin-left: 7px;
    margin-top: 24px;
}

.supinbox li a {
    display: block;
    padding: 10px;
    border: 1px solid #fff;
    width: 272px;
}

.supinbox li a img {
    max-width: 244px;
    height: auto;
}

.supinbox li:hover a {
    border: 1px solid #d7d7d7;
}

.supinbox li:hover .subsp em {
    display: block;
}

.supinbox li a:hover .brief {
    color: #000;
}

.supinbox li a:hover .send_time {
    color: #000;
}

.supinbox li a:hover .supsee_cs {
    color: #000;
}

.supconte {
    position: relative;
    margin-top: 40px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f5f5f5;
}

.supinbox li a .subsp {
    display: block;
    position: relative;
    height: 250px;
    text-align: center;
    line-height: 248px;
}

.supinbox li a .subsp em {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #e74c3c;
    display: none;
}

.supinbox li a .subsp em {
    filter: alpha(opacity=20);
    -moz-opacity: .2;
    -webkit-opacity: .2;
    opacity: .2;
}

.supconte p {
    font-size: 18px;
    font-weight: 700;
    height: 26px;
    overflow: hidden;
    max-width: 300px;
}

.supconte p {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.send_time {
    background: url(https://g1.17qcc.com/images/thttime.png) left center no-repeat;
    position: absolute;
    top: -30px;
    right: 10px;
    padding-left: 20px;
    font-size: 12px;
    color: #a58383;
    height: 18px;
}

.supinbox li a .brief {
    line-height: 22px;
    margin-top: 8px;
    height: 66px;
    overflow: hidden;
}

.supinbox li a .brief {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.supinbox li a .supsee {
    margin-top: 14px;
    color: #969292;
}

.supinbox li a.forgoods {
    border: 0 none;
    width: 68px;
    height: 18px;
    background-color: #414146;
    padding: 0;
    color: #fff;
    text-align: center;
    line-height: 18px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.supinbox li a.forgoods:hover {
    background-color: #e74c3c;
}

.supinbox li a .subsp img {
    width: 100%;
    height: 100%;
}

.sdet_left {
    float: left;
    width: 802px;
}

.qg_crumbs {
    margin-top: 9px;
    line-height: 44px;
    height: 44px;
    overflow: hidden;
    font-size: 14px;
}

.qg_crumbs .crumbs_zhc {
    background: url(https://g1.17qcc.com/Images/zhc.png) no-repeat left 8px;
    padding-left: 26px;
}

.qg_crumbs a {
    color: #666;
    padding: 0 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
    display: inline-block;
    vertical-align: middle;
}

.qg_crumbs a:hover {
    color: #E84C3D;
}

.sdet_cur {
    position: relative;
    text-align: left;
    border-top: 1px solid #bbb;
    padding: 10px 112px 10px 0;
}

.sdet_cur .sdet_sendti {
    font-size: 14px;
    color: #737373;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
}

.sdet_cur .sdet_sendti .sdet_fx {
    background-color: #d6d6d6;
    color: #333232;
    padding: 4px 6px;
}

.sdet_cur .sdet_red {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 5px;
    display: block;
    background-color: #e74c3c;
}

.sdet_ser {
    padding-bottom: 60px;
    border-bottom: 1px solid #ddd;
}

.ser_pic {
    width: 470px;
}

.ser_pic .serp_big {
    height: 330px;
    line-height: 328px;
    text-align: center;
    display: block;
    background-color: #FBFBFB;
}

.ser_pic .serp_big img {
    width: 100%;
    height: 100%;
}

.ser_pic .serp_smal {
    margin-top: 7px;
    background-color: #FBFBFB;
}

.ser_pic .serp_smal li {
    float: left;
}

.ser_pic .serp_smal li a {
    display: block;
    border: 1px solid #fff;
    width: 92px;
    height: 65px;
    text-align: center;
    line-height: 64px;
}

.ser_pic .serp_smal li a img {
    width: 100%;
    height: 100%;
    vertical-align: inherit;
}

.ser_pic .serp_smal li a:hover {
    border-color: #e74c3c;
}

.ser_item {
    width: 320px;
}

.ser_item .ser_tie_way {
    background-color: #fbfafa;
    padding: 20px 4px 20px 16px;
    margin-bottom: 28px;
}

.ser_item .ser_tie_way {
    position: relative;
}

.ser_tie_way p.tw_word {
    font-size: 20px;
    color: #e74c3c;
}

.ser_tie_way p.tw_sj {
    font-size: 14px;
    color: #787878;
    margin-top: 2px;
}

.ser_tie_way p.tw_sj span {
    color: #000;
}

.ser_tie_way .lrrnum {
    color: #787878;
    font-size: 12px;
    position: absolute;
    bottom: 14px;
    right: 6px;
}

.ser_tie_way .lrrnum i.eyes {
    background: url(https://g1.17qcc.com/images/eyes.png) center no-repeat;
    width: 24px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.ser_tie_way .lrrnum em {
    vertical-align: middle;
}

.ser_item ul li {
    font-size: 14px;
    margin-bottom: 26px;
}

.ser_item ul li span {
    color: #787878;
    margin-right: 18px;
}

.ser_item ul li a {
    color: #666;
}

.ser_item ul li a:hover {
    color: #E84C3D;
}

.ser_item .chat_phone a {
    color: #fff;
    display: block;
    background-color: #e95e4f;
    padding-left: 20px;
}

.ser_item .chat_phone a:hover {
    color: #E2E2E2;
}

.ser_item .chat_phone {
    padding-left: 70px;
    color: #fff;
    font-size: 22px;
    position: relative;
    width: 208px;
    height: 45px;
    display: block;
    line-height: 44px;
}

.ser_item .chat_phone {
    background: url(https://g1.17qcc.com/images/dianhu.png) 24px center no-repeat #e74c3c;
}

.cg_detai {
    margin-top: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.cg_detai h3,.mesmodule h3,.leames h3 {
    padding-left: 14px;
    border-left: 3px solid #e74c3c;
    height: 18px;
    line-height: 18px;
}

.cg_detai h3 {
    margin-bottom: 24px;
}

.leames h3 i {
    font-style: normal;
}

.cg_detai .cg_detpic {
    display: block;
    margin: 30px 0;
}

.leames {
    margin-top: 40px;
}

.leames .leames_list {
    margin-top: 50px;
}

.leames_list dl dt .userface {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    line-height: 50px;
}

.leames_list dl dt .userface img {
    max-width: 50px;
    height: 50px;
}

.leames_list dl dt .userface img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.leames_list dl.recall {
    padding-left: 70px;
}

.leames_list dl dt .username {
    padding-top: 8px;
}

.leames_list dl dt .username em {
    display: block;
}

.leames_list dl dt .username i {
    color: #6b6b6b;
    font-style: normal;
    font-size: 12px;
}

.leames_list dl dt .send_reply {
    padding: 12px 20px;
    border: 1px solid #e6e6e6;
    float: right;
}

.leames_list dl dt .send_reply:hover {
    background-color: #e74c3c;
    color: #fff;
}

.leames_list dl dd {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #6b6b6b;
    font-size: 14px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 26px;
}

.leames_list dl dd span.hostname {
    color: #e74c3c;
}

.leames .fpages {
    float: right;
    margin-bottom: 14px;
}

.leames .fpages li {
    float: left;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ededed;
    margin-left: 7px;
}

.leames .fpages li span {
    color: #3d3d3d;
    padding: 0 4px;
    cursor: pointer;
}

.leames .fpages li span.active {
    background-color: #c00;
    color: #fcfbe4;
}

.leames .fpages li span:hover {
    background-color: #c00;
    color: #fcfbe4;
}

.mesmodule {
    margin-bottom: 30px;
}

.mesmodule textarea {
    border: 1px solid #e8e8e8;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
}

.mesmodule p {
    font-size: 14px;
    color: #7f7f7f;
}

.mesmodule span.dnline {
    display: none;
}

.mesmodule p a.fbmes {
    font-size: 24px;
    color: #fff;
    width: 200px;
    height: 55px;
    line-height: 54px;
    background: #414146;
    float: right;
    text-align: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.mesmodule p a.fbmes:hover {
    background-color: #e74c3c;
}

.sdet_right {
    float: right;
    width: 360px;
    padding-right: 10px;
    padding-left: 28px;
}

.sdet_right .sdetrbb {
    border-bottom: 1px solid #e74c3c;
}

.sdetrbb .wsendbtn {
    font-size: 18px;
    color: #fff;
    background-color: #e74c3c;
    width: 182px;
    height: 35px;
    line-height: 34px;
    margin: 16px auto;
    display: block;
    text-align: center;
}

.submenu_b p.listtop,.submenu_g p.listtop {
    margin: 16px 10px 20px 17px;
}

.submenu_b p.listtop .morelist {
    font-size: 12px;
}

.nopro {
    text-align: center;
    padding: 74px 0 20px;
    color: #999;
    background: url(https://g1.17qcc.com/Images/nopro.png) no-repeat center 14px #f9f9f9;
}

.listmenu li {
    margin-bottom: 14px;
}

.listmenu li a {
    display: block;
}

.listmenu li a span.cppic {
    max-width: 140px;
    height: 82px;
    text-align: center;
    line-height: 80px;
    margin-right: 16px;
    float: left;
    background-color: #FBFBFB;
}

.listmenu li a .cpdetail p.cpdetail_word {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.listmenu li a .cpdetail p.cpdetail_word {
    color: #000;
    font-size: 16px;
    margin-bottom: 8px;
}

.listmenu li a:hover p.cpdetail_word {
    color: #ee733d;
}

.listmenu li a .cpdetail span {
    display: block;
    color: #000;
}

.listmenu li a .cpdetail span em {
    display: inline-block;
    color: #818181;
    margin-right: 14px;
}

.listmenu .tipload {
    text-align: center;
}

.submenu_g {
    margin-top: 96px;
    border-top: 1px solid #bbb;
}

.categorlist ul li .padd .ricon {
    display: none;
}

.categorlist ul li .padd span.radd {
    width: 100%;
}

.categorlist ul li .sink_desc {
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 42px;
    width: 100%;
    height: 57px;
    background-color: #fff;
}

.categorlist ul li .sink_desc {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

.categorlist ul li .sink_desc {
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
}

.categorlist ul li .sink_desc p.rowtitle {
    padding: 0 10px;
}

.categorlist ul li .sink_desc .pro_sho_sinfo {
    padding: 6px 10px 0;
    border-top: 1px solid #f0f0f0;
    margin-top: 6px;
}

.categorlist ul li .sink_desc .pro_sho_sinfo p a {
    display: inline-block;
    max-width: 138px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    color: #888;
    font-size: 16px;
}

.categorlist ul li .sink_desc .pro_sho_sinfo p a:hover {
    color: #f50;
}

.categorlist ul li .sink_desc .pro_sho_sinfo 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;
}

.categorlist ul li:hover .sink_desc {
    visibility: visible;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.qcc_mini .w1400 .categorlist li .sink_desc {
    bottom: 33px;
}

.qcc_mini .w1400 .categorlist li .sink_desc .pro_sho_sinfo {
    padding: 4px 10px 0;
    margin-top: 4px;
}

.goos-list li .padd span.radd {
}

.goos-list li .padd .ricon {
    display: none;
}

.goos-list li .sink_desc {
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 42px;
    width: 100%;
    height: 57px;
    background-color: #fff;
}

.goos-list li .sink_desc {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

.goos-list li .sink_desc {
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
}

.goos-list li .sink_desc p.rowtitle {
    padding: 0 10px;
}

.goos-list li .sink_desc .pro_sho_sinfo {
    padding: 6px 10px 0;
    border-top: 1px solid #f0f0f0;
    margin-top: 6px;
}

.goos-list li .sink_desc .pro_sho_sinfo p a {
    display: inline-block;
    max-width: 138px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    color: #888;
    font-size: 16px;
}

.goos-list li .sink_desc .pro_sho_sinfo p a:hover {
    color: #f50;
}

.goos-list li .sink_desc .pro_sho_sinfo 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;
}

.goos-list li:hover .sink_desc {
    visibility: visible;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.qcc_mini .adlist .goos-list li .sink_desc {
    bottom: 33px;
}

.qcc_mini .adlist .goos-list li .sink_desc .pro_sho_sinfo {
    padding: 4px 10px 0;
    margin-top: 4px;
}

.qcc_mini .sidelist .goos-list li .sink_desc {
    bottom: 33px;
}

.qcc_mini .sidelist .goos-list li .sink_desc .pro_sho_sinfo {
    padding: 4px 10px 0;
    margin-top: 4px;
}

.pro_guess ul li .padd span.radd {
    width: 100%;
}

.pro_guess ul li .padd .ricon {
    display: none;
}

.pro_guess ul li .sink_desc {
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 42px;
    width: 100%;
    height: 57px;
    background-color: #fff;
}

.pro_guess ul li .sink_desc {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

.pro_guess ul li .sink_desc {
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
}

.pro_guess ul li .sink_desc p.rowtitle {
    padding: 0 10px;
}

.pro_guess ul li .sink_desc .pro_sho_sinfo {
    padding: 6px 10px 0;
    border-top: 1px solid #f0f0f0;
    margin-top: 6px;
}

.pro_guess ul li .sink_desc .pro_sho_sinfo p a {
    display: inline-block;
    max-width: 138px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    color: #888;
    font-size: 16px;
}

.pro_guess ul li .sink_desc .pro_sho_sinfo p a:hover {
    color: #f50;
}

.pro_guess ul li .sink_desc .pro_sho_sinfo 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_guess ul li:hover .sink_desc {
    visibility: visible;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.qcc_mini .pro_guess ul li .sink_desc {
    bottom: 36px;
}

.qcc_mini .pro_guess ul li .sink_desc .pro_sho_sinfo {
    padding: 4px 10px 0;
    margin-top: 4px;
}

.pro_bot_ad {
    width: 1400px;
}

.pro_bot_ad a {
    display: block;
    text-align: center;
}

.pro_bot_ad a img {
    max-width: 1400px;
    height: auto;
}

.keycrumb {
    margin-top: 20px;
    line-height: 22px;
}

.keycrumb a {
    float: left;
}

.keycrumb a.icon_tag {
    min-width: 87px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #bbb;
    text-align: center;
    margin-left: 10px;
    padding-left: 6px;
}

.keycrumb a.icon_tag span {
    color: #999;
    padding-right: 6px;
}

.keycrumb a.icon_tag span em {
    color: #666;
}

.keycrumb a.icon_tag i {
    font-style: normal;
    color: #bbb;
    float: right;
    top: -1px;
    height: 22px;
    width: 22px;
    line-height: 20px;
    font-size: 16px;
}

.keycrumb a.icon_tag:hover {
    border-color: #f50;
}

.keycrumb a.icon_tag:hover span em {
    color: #f50;
}

.keycrumb a.icon_tag:hover i {
    background-color: #F50;
    color: #fff;
}

.keycrumb a.reelect {
    color: #666;
    margin-left: 10px;
}

.sort_pro {
    height: 40px;
    line-height: 40px;
    border: 1px solid #f0f0f0;
}

.sort_pro ul li {
    float: left;
    margin-left: 30px;
}

.sort_pro ul li a {
    display: block;
}

.sort_pro ul li a .check_box {
    width: 16px;
    height: 16px;
    position: relative;
    background: url(https://g1.17qcc.com/2018/buyer/images/qt_checkbox_icon.png) no-repeat top center;
    background-position: 0 -48px;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: -4px;
}

.sort_pro ul li.active a .check_box {
    background-position: 0 0;
}

.sort_pro ul li a label.s1212act {
    background: url(https://g1.17qcc.com/2018/product/images/s1212act.png) top center no-repeat;
    width: 50px;
    height: 16px;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    text-indent: -99999px;
}

.sort_pro ul li a label.lit_hours {
    background: url(https://g1.17qcc.com/2018/product/images/lit_hours.png) top center no-repeat;
    width: 50px;
    height: 16px;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    text-indent: -99999px;
}

.sort_pro ul li a label.spq_icon {
    background-color: #f0000d;
    color: #f7d599;
    padding: 0 6px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    border-radius: 3px;
    font-family: cursive;
}

.sort_pro ul li a label.spq_icon {
    background-image: url(https://pics.17qcc.com/imgextra/productactivity/201907/19/18875339222840.jpg);
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    color: transparent;
    text-indent: -99999px;
    width: 76px;
    height: 20px;
    margin-top: -4px;
    vertical-align: middle;
}

.sort_pro ul li a .cateIcon {
    display: inline-flex;
    position: relative;
    width: 70px;
    height: 20px;
    vertical-align: middle;
    margin-top: -4px;
    overflow: hidden;
}

.sort_pro ul li a .cateIcon .vipsIcon {
    position: absolute;
    top: -24px;
    left: 0;
    width: 1em;
    height: 1em;
    fill: currentColor;
    overflow: hidden;
    font-size: 70px;
}

.sort_pro .prosch_fr {
    float: left;
    color: #666;
}

.sort_pro .prosch_fr .pipe {
    float: left;
    margin-left: 18px;
    margin-right: 18px;
    color: #e5e5e5;
}

.sort_pro .prosch_fr .sm_btn {
    font-size: 12px;
    color: #666;
    border: 1px solid #e5e5e5;
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
    float: left;
    margin-top: 8px;
    margin-right: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sort_pro .prosch_fr .sm_btn:hover {
    color: #f70;
    border-color: #f70;
}

.sort_pro .prosch_fr .sm_btn.active {
    color: #f70;
    border-color: #f70;
}

.sort_pro .prosch_fr .sm_btn i {
    width: 5px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -2px;
}

.sort_pro .prosch_fr .sm_btn i.low {
    background: url(https://g1.17qcc.com/2018/product/images/sort_low_icon.png) top center no-repeat;
}

.sort_pro .prosch_fr .sm_btn i.hig {
    background: url(https://g1.17qcc.com/2018/product/images/sort_hight_icon.png) top center no-repeat;
}

.prouipage {
    text-align: center;
    font-family: Microsoft YaHei;
    margin-top: 30px;
}

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

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

.pro_guess .hothd {
    height: 26px;
    border-bottom: 1px solid #f3f3f3;
    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: 1px solid #f50;
}

.pro_guess .hothd .floor-tab-li span:hover a {
    color: #f50;
}

.pro_guess .hothd .floor-tab-li span.active a {
    border-bottom: 1px solid #f50;
}

.pro_guess .hothd .floor-tab-li span.active a {
    color: #f50;
}

.pro_guess .floor-tab-con ul {
    display: none;
}

.pro_guess .floor-tab-con ul.active {
    display: block;
    visibility: visible;
}

.recsearch {
    border: 1px solid #ebebeb;
    padding: 15px;
}

.recsearch .morekey span.lti {
    float: left;
    color: #999;
}

.recsearch .morekey ul {
    float: left;
}

.recsearch .morekey ul li {
    float: left;
    position: relative;
}

.recsearch .morekey ul li em {
    position: absolute;
    color: #ebebeb;
    top: 0;
    left: 0;
}

.recsearch .morekey ul li a {
    padding: 0 30px;
    color: #333;
}

.recsearch .morekey ul li a:hover {
    color: #f50;
}

.recsearch .reschbox {
    margin-top: 15px;
}

.recsearch .reschbox span.lti {
    float: left;
    color: #999;
    height: 28px;
    line-height: 26px;
}

.recsearch .reschbox .shcbox {
    float: left;
    position: relative;
}

.recsearch .reschbox .shcbox #keyword {
    float: left;
    width: 396px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ebebeb;
    padding-left: 26px;
    font-size: 12px;
    color: #666;
}

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

.recsearch .reschbox .shcbox .top-serchebtn {
    float: left;
    width: 54px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #F50;
    border: 0 none;
    cursor: pointer;
}

.recsearch .reschbox .shcbox .souallweb {
    float: left;
    margin-left: 6px;
    width: 52px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #F50;
    background-color: #fff;
    color: #f50;
    cursor: pointer;
}

.kj-keycrumb {
    padding-top: 20px;
    line-height: 22px;
}

.kj-keycrumb a {
    float: left;
}

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

.kj-keycrumb a.icon_tag span {
    color: #999;
    padding-right: 6px;
}

.kj-keycrumb a.icon_tag span em {
    color: #666;
}

.kj-keycrumb a.icon_tag i {
    font-style: normal;
    color: #bbb;
    float: right;
    top: -1px;
    height: 22px;
    width: 22px;
    line-height: 20px;
    font-size: 16px;
}

.kj-keycrumb a.icon_tag:hover {
    border-color: #f50;
}

.kj-keycrumb a.icon_tag:hover span em {
    color: #f50;
}

.kj-keycrumb a.icon_tag:hover i {
    background-color: #F50;
    color: #fff;
}

.kj-keycrumb a.reelect {
    color: #666;
    margin-left: 10px;
}

.kj_sort_pro {
    height: 40px;
    line-height: 40px;
    border: 1px solid #f0f0f0;
    background-color: #fff;
}

.kj_sort_pro ul li {
    float: left;
    margin-left: 30px;
}

.kj_sort_pro ul li a {
    display: block;
}

.kj_sort_pro ul li a .check_box {
    width: 16px;
    height: 16px;
    position: relative;
    background: url(https://g1.17qcc.com/2018/buyer/images/qt_checkbox_icon.png) no-repeat top center;
    background-position: 0 -48px;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: -4px;
}

.kj_sort_pro ul li.active a .check_box {
    background-position: 0 0;
}

.kj_sort_pro ul li a label.s1212act {
    background: url(https://g1.17qcc.com/2018/product/images/s1212act.png) top center no-repeat;
    width: 50px;
    height: 16px;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    text-indent: -99999px;
}

.kj_sort_pro ul li a label.lit_hours {
    background: url(https://g1.17qcc.com/2018/product/images/lit_hours.png) top center no-repeat;
    width: 50px;
    height: 16px;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    text-indent: -99999px;
}

.kj_sort_pro .prosch_fr {
    float: left;
    color: #666;
}

.kj_sort_pro .prosch_fr .pipe {
    float: left;
    margin-left: 18px;
    margin-right: 18px;
    color: #e5e5e5;
}

.kj_sort_pro .prosch_fr .sm_btn {
    font-size: 12px;
    color: #666;
    border: 1px solid #e5e5e5;
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
    float: left;
    margin-top: 8px;
    margin-right: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.kj_sort_pro .prosch_fr .sm_btn:hover {
    color: #f70;
    border-color: #f70;
}

.kj_sort_pro .prosch_fr .sm_btn.active {
    color: #f70;
    border-color: #f70;
}

.kj_sort_pro .prosch_fr .sm_btn i {
    width: 5px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -2px;
}

.kj_sort_pro .prosch_fr .sm_btn i.low {
    background: url(https://g1.17qcc.com/2018/product/images/sort_low_icon.png) top center no-repeat;
}

.kj_sort_pro .prosch_fr .sm_btn i.hig {
    background: url(https://g1.17qcc.com/2018/product/images/sort_hight_icon.png) top center no-repeat;
}

.kj_sort_pro .prosch_fr .sm_btn.active i.low {
    background: url(https://g1.17qcc.com/2018/product/images/sort_aclow_icon.png) top center no-repeat;
}

.kj_sort_pro .prosch_fr .sm_btn.active i.hig {
    background: url(https://g1.17qcc.com/2018/product/images/sort_achight_icon.png) top center no-repeat;
}

.kj_goodst {
    margin-left: -20px;
}

.kj_goodst li {
    width: 224px;
    margin-left: 20px;
    background-color: #fff;
    float: left;
    margin-top: 20px;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    transition: transform .3s ease;
}

.kj_goodst li:hover {
    transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
}

.kj_goodst li .pic img {
    width: 224px;
    height: 224px;
}

.kj_goodst li .stall-goods-bar {
    background-color: #F50;
    height: 48px;
}

.kj_goodst li .stall-goods-bar .stall-goods-bar-del-price {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    padding-left: 10px;
    line-height: 50px;
}

.kj_goodst li .stall-goods-bar .stall-goods-bar-del-price strong {
    font-size: 24px;
    font-weight: normal;
}

.kj_goodst li .stall-goods-bar .stall-goods-bar-del {
    display: inline-block;
    margin-left: 8px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    border-left: 1px solid #f99;
    padding-left: 14px;
}

.kj_goodst li .desc {
    padding: 10px 10px 12px 10px;
}

.kj_goodst li .desc h2 {
    font-weight: normal;
    font-size: 14px;
    color: #333;
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.kj_goodst li .desc .qual_box {
    height: 19px;
}

.kj_goodst li .desc .qual_box img {
    max-width: 18px;
    max-height: 18px;
}

.kj_goodst li .desc .size {
    color: #999;
    height: 18px;
}

.kj_goodst li .desc .size span {
    width: 120px;
    overflow: hidden;
    display: inline-block;
    height: 18px;
}

.kj_goodst li .desc .size .viewpay {
    float: right;
}

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

.kj_goodst li .desc .padd span.radd {
    color: #999;
    float: left;
}

.kj_goodst li .desc .padd span.radd {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.kj_goodst li .desc .padd .ricon {
    float: right;
    width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kj_goodst li .desc .padd .ricon img {
    max-width: 18px;
    max-height: 18px;
}

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

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

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

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

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

.top-sersupplier {
    background-color: #3D7EFF;
    margin-left: 1px;
    float: left;
    width: 96px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: 0 none;
    cursor: pointer;
}

.shcbox .fileupload {
    position: absolute;
    right: 194px;
    width: 40px;
    height: 40px;
    top: 0;
    opacity: 0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
}

.photo_sch .shcbox .fileupload {
    position: absolute;
    right: 97px;
    width: 40px;
    height: 40px;
    top: 0;
    opacity: 0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
}

.photo_sch_icon {
    display: block;
    position: absolute;
    width: 18px;
    height: 16px;
    background-image: url(https://g1.17qcc.com/2018/product/images/photo-icon.png);
    right: 205px;
    top: 12px;
    cursor: pointer;
}

.photo_sch {
    width: 1372px;
    margin-top: 16px;
    padding: 26px 0 26px 28px;
}

.photo_sch span.pic {
    width: 128px;
    height: 128px;
    display: inline-block;
    margin-right: 32px;
    vertical-align: middle;
    text-align: center;
    line-height: 125px;
}

.photo_sch img {
    display: inline-block;
    max-width: 128px;
    max-height: 128px;
}

.photo_sch .inline-block {
    display: inline-block;
    vertical-align: middle;
}

.photo_sch .inline-block .tips {
    border: 1px solid #dcdcdc;
    background-color: white;
    vertical-align: middle;
    border-radius: 1px;
    line-height: 30px;
    padding-left: 10px;
    position: relative;
    width: 340px;
}

.photo_sch .inline-block .tips span {
    display: inline-block;
    color: #BBB;
}

.photo_sch .inline-block .tips img {
    display: inline-block;
    margin: 0 0 0 3px;
    margin-top: -2px;
}

.photo_sch .inline-block .tips .jiao {
    width: 7px;
    height: 5px;
    position: absolute;
    background-image: url(https://g1.17qcc.com/2018/product/images/jiao-icon.png);
    z-index: 1;
    left: 20px;
}

.photo_sch .inline-block .shcbox {
    margin-top: 12px;
    position: relative;
}

.photo_sch .inline-block .shcbox .sch_txt {
    float: left;
    width: 340px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #FA5F05;
    padding-left: 10px;
    font-size: 12px;
    color: #CCC;
}

.photo_sch .inline-block .shcbox .sch-botton {
    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;
}

.photo_sch .inline-block .shcbox .photo_sch_icon {
    position: absolute;
    top: 12px;
    right: 110px;
}

.photo_sch_2 {
    margin-top: 20px;
    padding: 0 0 0 16px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
}

.photo_sch_2 span {
    font-size: 14px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
}

.photo_sch_2 span em {
    font-style: normal;
    color: #f50;
}

.photo_sch_3 {
    width: 1400px;
}

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

.photo_sch_3 ul li {
    width: 218px;
    margin-left: 16px;
}

.photo_sch_3 ul li span.pic {
    width: 218px;
    height: 218px;
}

.photo_sch_3 ul li span.pic img {
    width: 218px;
    height: 218px;
}

.photo_sch_3 ul li p.rowtitle {
    margin-top: 10px;
    display: flex;
    align-items: center;
    height: 20px;
    line-height: normal;
}

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

.photo_sch_3 ul li p.rowtitle .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.photo_sch_3 ul li p.rowtitle .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.photo_sch_3 ul li p.rowtitle .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.photo_sch_3 ul li p.rowtitle .tagselfcang {
    background: #FA5F05;
    border: 1px solid #FA5F05;
    color: #fff;
}

.photo_sch_3 ul li p.rowtitle a {
    flex: 1;
}

.drop-down-so {
    position: absolute;
    width: 458px;
    height: 200px;
    border: 1px solid #FA5F05;
    border-top: 0;
    background-color: #fff;
    top: 40px;
    z-index: 999;
    display: none;
}

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

.drop-down-so .Shut img {
    margin-top: 12px;
    margin-right: 10px;
}

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

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

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

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

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

.sv_goods_bg {
    background-color: #F6F6F6;
    padding-top: 30px;
    border-bottom: 1px solid #999;
}

.sv_hots {
    background-color: #fff;
}

.sv_hots .sv_tabs {
    background-color: #F0F0F0;
    height: 60px;
    line-height: 60px;
}

.sv_hots .sv_tabs li {
    cursor: pointer;
    padding: 0 30px;
    color: #666;
    font-size: 20px;
    float: left;
}

.sv_hots .sv_tabs li:hover {
    color: #f50;
}

.sv_hots .sv_tabs li.active {
    background-color: #fff;
    color: #f50;
}

.sv_hots .sv_tabc {
    padding: 24px 0;
}

.sv_tabc ul li {
    float: left;
    position: relative;
    margin-left: 20px;
    border: 1px solid #EDEDED;
    width: 214px;
    margin-bottom: 20px;
}

.sv_tabc ul li:hover {
    transition: all .3s ease;
    border: 1px solid #F50;
}

.sv_tabc ul li .sv_stand {
    padding: 13px;
}

.sv_tabc ul li .sv_stand .pic {
    display: block;
    position: relative;
}

.sv_tabc ul li .sv_stand .pic img {
    width: 190px;
    height: 190px;
}

.sv_tabc ul li .sv_stand .pic .playVideoBtn1 {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(https://g1.17qcc.com/2018/product/images/listPlayVideo1.png) top center no-repeat;
    top: 70px;
    left: 70px;
    background-size: 100% 100%;
}

.sv_tabc ul li .sv_stand .desc {
    padding-top: 7px;
}

.sv_tabc ul li .sv_stand .desc .brprice {
    height: 25px;
    line-height: 24px;
}

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

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

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

.sv_tabc ul li .sv_stand .desc .brprice em.viewpay i {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 24px;
    background: url(https://g1.17qcc.com/2018/product/images/viewpay-sv.png) center 5px no-repeat;
    margin-right: 4px;
}

.sv_tabc ul li .sv_stand .desc .rowtitle {
    margin-top: 3px;
    height: 17px;
    line-height: 16px;
}

.sv_tabc ul li .sv_stand .desc .rowtitle a {
    overflow: hidden;
    color: #999;
    display: block;
    height: 18px;
}

.sv_tabc ul li .sv_stand .desc .size {
    color: #666;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 18px;
    line-height: 18px;
}

.sv_tabc ul li .sv_stand .desc .shop {
    margin-top: 8px;
    padding-top: 8px;
    height: 22px;
    border-top: 1px solid #F4F4F4;
}

.sv_tabc ul li .sv_stand .desc .shop a {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
}

.sv_tabc ul li .sv_stand .desc .shop .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: 10px;
    vertical-align: middle;
}

.sv_tabc ul li .sv_stand .desc .shop .age i {
    font-style: normal;
    background-color: #f50;
    color: #fff;
    float: left;
}

.sv_tabc ul li .sv_stand .desc .qual_box {
    margin-top: 5px;
    height: 20px;
}

.sv_tabc ul li .sv_swim {
    display: none;
    position: absolute;
    top: -20px;
    z-index: 9999;
    left: -25px;
    width: 274px;
    height: 304px;
    background-color: #fff;
    border: 1px solid rgba(255,85,0,1);
}

.sv_tabc ul li .sv_swim .vbox {
    position: relative;
    margin: 10px;
}

.sv_tabc ul li .sv_swim .vbox .videoBox {
    width: 254px;
    height: 254px;
    background-image: url(https://g1.17qcc.com/images/loading_s.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f6f6f6;
}

.sv_tabc ul li .sv_swim .vbox .videoBox .switchTurn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.sv_tabc ul li .sv_swim .vbox .videoBox .mute {
    background: url(https://g1.17qcc.com/2018/product/images/muteno.png) top center no-repeat;
}

.sv_tabc ul li .sv_swim .vbox .videoBox .sound {
    background: url(https://g1.17qcc.com/2018/product/images/muteyes.png) top center no-repeat;
}

.sv_tabc ul li .sv_swim .vbox .quicktool {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
}

.sv_tabc ul li .sv_swim .vbox .quicktool a {
    float: left;
    width: 126px;
    color: #fff;
    background-color: #F50;
}

.sv_tabc ul li .sv_swim .vbox .quicktool a.scproduct {
    margin-left: 2px;
}

.sv_goods .caterow {
    margin-top: 15px;
}

.sv_goods .caterow .filter .line {
    line-height: 48px;
}

.sv_goods .caterow .filter .line li a {
    clear: #666;
}

.sv_prolist {
    min-height: 200px;
}

.sv_goods .s-sort {
    margin-top: 8px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    margin-bottom: 30px;
    position: relative;
}

.sv_goods .s-sort dl {
    float: left;
}

.sv_goods .s-sort dl dd {
    float: left;
    width: 85px;
}

.sv_goods .s-sort dl dd a {
    color: #666;
    text-align: center;
    display: block;
}

.sv_goods .s-sort dl dd a em {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    width: 11px;
    height: 13px;
}

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

.sv_goods .s-sort dl dd.down a em {
    background: url(https://g1.17qcc.com/2018/shop/images/down-arrow1.png) top center no-repeat;
}

.sv_goods .s-sort dl dd.active {
    background-color: #F50;
}

.sv_goods .s-sort dl dd.active a {
    color: #fff;
}

.sv_goods .s-sort dl dd.active.up a em {
    background: url(https://g1.17qcc.com/2018/shop/images/up-arrow2.png) top center no-repeat;
}

.sv_goods .s-sort dl dd.active.down a em {
    background: url(https://g1.17qcc.com/2018/shop/images/down-arrow2.png) top center no-repeat;
}

.sv_goods .s-sort ul {
    float: left;
    border-left: 1px solid #F0F0F0;
}

.sv_goods .s-sort ul li {
    float: left;
    margin-left: 36px;
    cursor: pointer;
}

.sv_goods .s-sort ul li a {
    display: block;
}

.sv_goods .s-sort ul li .check_box {
    width: 16px;
    height: 16px;
    position: relative;
    background: url(https://g1.17qcc.com/2018/buyer/images/qt_checkbox_icon.png) no-repeat top center;
    background-position: 0 -48px;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
}

.sv_goods .s-sort ul li .spq_icon {
    display: inline-block;
    color: #666;
    vertical-align: middle;
}

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

.sv_goods .s-sort ul li.active .check_box {
    background-position: 0 0;
}

.sv_goods .s-sort ul li.active .spq_icon {
    color: #F50;
}

.sv_goods .s-sort ul li.active .spq_icon img {
    -webkit-filter: inherit;
    -moz-filter: inherit;
    -ms-filter: inherit;
    -o-filter: inherit;
    filter: inherit;
    filter: inherit;
}

.sv_prol ul {
    margin-left: -20px;
}

.sv_prol ul li {
    float: left;
    position: relative;
    margin-left: 20px;
    border: 1px solid #EDEDED;
    width: 222px;
    margin-bottom: 20px;
    background-color: #fff;
}

.sv_prol ul li:hover {
    transition: all 1s ease;
    border: 1px solid #F50;
}

.sv_prol ul li .sv_stand {
    padding: 13px;
}

.sv_prol ul li .sv_stand .pic {
    display: block;
    position: relative;
}

.sv_prol ul li .sv_stand .pic img {
    width: 198px;
    height: 198px;
}

.sv_prol ul li .sv_stand .pic .playVideoBtn1 {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(https://g1.17qcc.com/2018/product/images/listPlayVideo1.png) top center no-repeat;
    top: 70px;
    left: 70px;
    background-size: 100% 100%;
}

.sv_prol ul li .sv_stand .desc {
    padding-top: 7px;
}

.sv_prol ul li .sv_stand .desc .brprice {
    height: 25px;
    line-height: 24px;
}

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

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

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

.sv_prol ul li .sv_stand .desc .brprice em.viewpay i {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 24px;
    background: url(https://g1.17qcc.com/2018/product/images/viewpay-sv.png) center 5px no-repeat;
    margin-right: 4px;
}

.sv_prol ul li .sv_stand .desc .rowtitle {
    margin-top: 3px;
    height: 17px;
    line-height: 16px;
}

.sv_prol ul li .sv_stand .desc .rowtitle a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    display: block;
}

.sv_prol ul li .sv_stand .desc .size {
    color: #666;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 18px;
    line-height: 18px;
}

.sv_prol ul li .sv_stand .desc .shop {
    margin-top: 8px;
    padding-top: 8px;
    height: 22px;
    border-top: 1px solid #F4F4F4;
}

.sv_prol ul li .sv_stand .desc .shop a {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    max-width: 146px;
}

.sv_prol ul li .sv_stand .desc .shop .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: 10px;
    vertical-align: middle;
}

.sv_prol ul li .sv_stand .desc .shop .age i {
    font-style: normal;
    background-color: #f50;
    color: #fff;
    float: left;
}

.sv_prol ul li .sv_stand .desc .qual_box {
    margin-top: 5px;
    height: 20px;
}

.sv_prol ul li .sv_stand .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;
}

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

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

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

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

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

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

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

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

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

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

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

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

.sv_prol ul li .sv_swim {
    display: none;
    position: absolute;
    top: -20px;
    z-index: 9999;
    left: -25px;
    width: 274px;
    height: 304px;
    background-color: #fff;
    border: 1px solid rgba(255,85,0,1);
}

.sv_prol ul li .sv_swim .vbox {
    position: relative;
    margin: 10px;
}

.sv_prol ul li .sv_swim .vbox .videoBox {
    width: 254px;
    height: 254px;
    background-image: url(https://g1.17qcc.com/images/loading_s.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f6f6f6;
}

.sv_prol ul li .sv_swim .vbox .videoBox .switchTurn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.sv_prol ul li .sv_swim .vbox .videoBox .mute {
    background: url(https://g1.17qcc.com/2018/product/images/muteno.png) top center no-repeat;
}

.sv_prol ul li .sv_swim .vbox .videoBox .sound {
    background: url(https://g1.17qcc.com/2018/product/images/muteyes.png) top center no-repeat;
}

.sv_prol ul li .sv_swim .vbox .quicktool {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
}

.sv_prol ul li .sv_swim .vbox .quicktool a {
    float: left;
    width: 126px;
    color: #fff;
    background-color: #F50;
}

.sv_prol ul li .sv_swim .vbox .quicktool a.scproduct {
    margin-left: 2px;
}

.sv_tique {
    margin-top: 30px;
}

.sv_tique .floor-tab-li {
    line-height: 30px;
    margin-bottom: 20px;
}

.sv_tique .floor-tab-li em {
    float: left;
    font-style: normal;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.sv_tique .floor-tab-li span {
    float: left;
    padding: 0 20px;
    color: #999;
    font-size: 16px;
}

.sv_tique .floor-tab-li span a {
    display: inline-block;
}

.sv_tique .floor-tab-li span.active {
    color: #f50;
}

.sv_tique .floor-tab-li span.active a {
    border-bottom: 2px solid #F50;
}

.xshoes_top_bg {
    background: url(https://g1.17qcc.com/2018/product/images/xshoes.jpg?2019) top center no-repeat;
    width: 100%;
    min-width: 1200px;
    height: 336px;
    overflow: hidden;
    display: block;
}

.xshoes-v1 {
    background-color: #fff;
    padding-bottom: 20px;
}

.xshoes-v1 .hd {
    padding-left: 20px;
    line-height: 48px;
}

.xshoes-v1 .hd .pt-tit {
    line-height: normal;
    padding: 10px 0;
}

.xshoes-v1 .hd .pt-tit h3 {
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
}

.xshoes-v1 .hd .pt-tit span {
    font-size: 16px;
    line-height: 26px;
}

.xshoes-v1 .hd .more {
    margin-left: 10px;
    color: #666;
    margin-right: 26px;
}

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

.xshoes-v1 .hd .more:hover {
    color: #f50;
}

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

.xshoes-v1 .pt-lt-con {
    margin-right: 10px;
}

.xshoes-v1 .pt-lt-con em {
    float: left;
    cursor: pointer;
    font-size: 12px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    border: 1px solid #d2d2d2;
    margin-left: 8px;
    margin-top: 16px;
    border-radius: 50%;
    background-color: #dbdbdb;
}

.xshoes-v1 .pt-lt-con em.active {
    border-color: #f50;
    color: #f50;
    background-color: #f50;
    color: #fff;
}

.xshoes-v1 .con {
    overflow: hidden;
    width: 1200px;
    height: 712px;
    overflow: hidden;
    position: relative;
}

.xshoes-v1 .con ul {
    width: 1201px;
    float: left;
}

.xshoes-v1 .con ul li {
    float: left;
    width: 214px;
    margin-left: 20px;
    margin-top: 23px;
    border: 1px solid #F0F0F0;
}

.xshoes-v1 .con ul li a {
    display: block;
    position: relative;
}

.xshoes-v1 .con ul li span.pic {
    display: block;
    width: 214px;
    height: 214px;
    overflow: hidden;
}

.xshoes-v1 .con ul li span.pic img {
    width: auto;
    height: auto;
    margin-left: -3px;
}

.xshoes-v1 .con ul li span.icon_jx_goods {
    background: url(https://g1.17qcc.com/2018/product/images/icon_jx_goods.png) top center no-repeat;
    width: 52px;
    height: 23px;
    top: -1px;
    left: -5px;
    bottom: auto;
    position: absolute;
}

.xshoes-v1 .con ul li .desc {
    padding: 11px 10px 0;
    border-top: 0;
}

.xshoes-v1 .con ul li p.brprice {
    height: 25px;
    line-height: 24px;
}

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

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

.xshoes-v1 .con ul li p.brprice .fol {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
    cursor: pointer;
}

.xshoes-v1 .con ul li p.brprice .folno {
    background: url(https://g1.17qcc.com/2018/shop/images/folno.png) center no-repeat;
}

.xshoes-v1 .con ul li p.brprice .folyes {
    background: url(https://g1.17qcc.com/2018/shop/images/folyes.png) center no-repeat;
}

.xshoes-v1 .con ul li p.rowtitle {
    margin-top: 2px;
    height: 17px;
    line-height: 16px;
}

.xshoes-v1 .con ul li p.rowtitle a {
    overflow: hidden;
    height: 16px;
}

.xshoes-v1 .con ul li .qualshop {
    margin-top: 4px;
}

.xshoes-v1 .con ul li .qualshop p.size {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
}

.xshoes-v1 .con ul li .qualshop p.size {
    color: #333;
    float: left;
    width: 101px;
}

.xshoes-v1 .con ul li .qualshop p.shop a {
    width: 84px;
    line-height: 20px;
    text-align: right;
    margin-right: 3px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xshoes-v1 .con ul li .qualshop:hover p.shop .arrow {
    background: url(https://g1.17qcc.com/2018/product/images/arrowshop2.png) center 1px no-repeat;
}

.xshoes-v1 .con ul li .qualshop p.shop .arrow {
    width: 6px;
    height: 9px;
    background: url(https://g1.17qcc.com/2018/product/images/arrowshop1.png) top center no-repeat;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

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

.xshoes-v1 .con ul li .padd span.radd {
    width: 100%;
    color: #999;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xshoes-v1 .con ul li .padd span.radd i {
    background: url(https://g1.17qcc.com/2018/product/images/cart-icons1909.png);
    width: 11px;
    height: 14px;
    margin-top: 9px;
    float: left;
    margin-right: 5px;
}

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

.xshoes-v1 .con 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);
}

.xshoes-v1 .con ul li:hover {
    border-color: #f60;
}

.xshoes-v1 .con .pn-tab-con {
    position: absolute;
    left: 0;
    top: 0;
}

.xshoes-v1 .con .pre,.xshoes-v1 .con .next {
    opacity: .8;
    z-index: 2;
    width: 20px;
    height: 56px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    cursor: pointer;
}

.xshoes-v1 .con .pre {
    left: 0;
    background: url(https://g1.17qcc.com/2018/product/images/left-sprites.png) top center no-repeat;
}

.xshoes-v1 .con .pre:hover {
    opacity: 1;
    background: url(https://g1.17qcc.com/2018/product/images/left-sprites2.png) top center no-repeat;
}

.xshoes-v1 .con .next {
    right: 0;
    background: url(https://g1.17qcc.com/2018/product/images/right-sprites.png) top center no-repeat;
}

.xshoes-v1 .con .next:hover {
    opacity: 1;
    background: url(https://g1.17qcc.com/2018/product/images/right-sprites2.png) top center no-repeat;
}

.xshoes_lits {
    width: 1200px;
    margin: 3px auto;
}

.xshoes_lits ul {
    margin-left: -20px;
}

.xshoes_lits ul li {
    float: left;
    width: 220px;
    margin-left: 22px;
    margin-top: 21px;
    border: 1px solid #EDEDED;
}

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

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

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

.xshoes_lits li span.pic {
    display: block;
    width: 220px;
    height: 220px;
    overflow: hidden;
}

.xshoes_lits li span.pic img {
    width: 220px;
    height: 220px;
}

.xshoes_lits li .desc {
    padding: 11px 10px 0;
    border-top: 0;
    background-color: #fff;
}

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

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

.xshoes_lits li p.brprice .fol {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
    cursor: pointer;
}

.xshoes_lits li p.brprice .folno {
    background: url(https://g1.17qcc.com/2018/shop/images/folno.png) center no-repeat;
}

.xshoes_lits li p.brprice .folyes {
    background: url(https://g1.17qcc.com/2018/shop/images/folyes.png) center no-repeat;
}

.xshoes_lits li p.rowtitle {
    margin-top: 2px;
    height: 17px;
    line-height: 16px;
}

.xshoes_lits li p.rowtitle a {
    overflow: hidden;
    height: 16px;
}

.xshoes_lits li .qualshop {
    margin-top: 4px;
}

.xshoes_lits li .qualshop p.size {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
}

.xshoes_lits li .qualshop p.size {
    color: #333;
    float: left;
    width: 101px;
}

.xshoes_lits li .qualshop p.shop a {
    width: 84px;
    line-height: 20px;
    text-align: right;
    margin-right: 3px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xshoes_lits li .qualshop:hover p.shop .arrow {
    background: url(https://g1.17qcc.com/2018/product/images/arrowshop2.png) center 1px no-repeat;
}

.xshoes_lits li .qualshop p.shop .arrow {
    width: 6px;
    height: 9px;
    background: url(https://g1.17qcc.com/2018/product/images/arrowshop1.png) top center no-repeat;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

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

.xshoes_lits li .padd span.radd {
    width: 100%;
    color: #999;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xshoes_lits li .padd span.radd i {
    background: url(https://g1.17qcc.com/2018/product/images/cart-icons1909.png);
    width: 11px;
    height: 14px;
    margin-top: 9px;
    float: left;
    margin-right: 5px;
}

.xshoes_more {
    width: 1200px;
    margin: 20px auto 0;
    background-color: #fff;
    border: 1px solid #F6F6F6;
    line-height: 32px;
    text-align: center;
}

.xshoes_more a {
    display: inline-block;
    font-size: 14px;
    color: #666;
}

.xshoes_more a i {
    background: url(https://g1.17qcc.com/2018/product/images/xmore-icon1.png) top center no-repeat;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-left: 5px;
}

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

.xshoes_more a:hover i {
    background: url(https://g1.17qcc.com/2018/product/images/xmore-icon2.png) top center no-repeat;
}

.xshoes_coupons {
    background: url(https://g1.17qcc.com/2018/product/images/coupons_bg1909.png) top center no-repeat;
    width: 1200px;
    height: 236px;
    margin: 0 auto;
}

.xshoes_coupons .pt_c_ri {
    margin-left: 78px;
    padding-top: 87px;
}

.xshoes_coupons .pt_c_ri .cash_hb a {
    float: left;
    width: 312px;
    height: 134px;
    background: url(https://g1.17qcc.com/special/s190313/images/chb_bg0414.png?v0414) top center no-repeat;
    margin-left: 24px;
    position: relative;
}

.xshoes_coupons .pt_c_ri .cash_hb a .price {
    float: left;
    width: 109px;
    margin-right: 22px;
}

.xshoes_coupons .pt_c_ri .cash_hb a .price h3 {
    color: #b08960;
    text-align: center;
    margin-top: 12px;
}

.xshoes_coupons .pt_c_ri .cash_hb a .price h3 em {
    font-style: normal;
    font-size: 61px;
    display: inline-block;
    vertical-align: top;
    height: 75px;
    font-weight: bold;
}

.xshoes_coupons .pt_c_ri .cash_hb a .price h3 span {
    display: inline-block;
    vertical-align: bottom;
    font-size: 24px;
}

.xshoes_coupons .pt_c_ri .cash_hb a .price p {
    font-size: 12px;
    color: #b08960;
    text-align: center;
}

.xshoes_coupons .pt_c_ri .cash_hb a .packet {
    padding-top: 23px;
    float: left;
}

.xshoes_coupons .pt_c_ri .cash_hb a .packet p {
    color: #b08960;
    line-height: 18px;
}

.xshoes_coupons .pt_c_ri .cash_hb a .packet span.btn {
    width: 90px;
    height: 29px;
    display: block;
    background: url(https://g1.17qcc.com/special/s190313/images/btn_bg0414.png) top center no-repeat;
    text-align: center;
    line-height: 26px;
    margin-left: 16px;
    color: #fff;
    margin-top: 6px;
}

.xshoes_coupons .pt_c_ri .cash_hb a .cash_nobg {
    background: url(https://g1.17qcc.com/special/s190313/images/cash_bg0313.png) top center no-repeat;
    width: 304px;
    height: 126px;
    position: absolute;
    top: 2px;
    left: 3px;
    opacity: .8;
    z-index: 1;
    cursor: no-drop;
}

.xshoes_coupons .pt_c_ri .cash_hb a span.cash_nobg_w {
    position: absolute;
    top: 14px;
    right: 29px;
    z-index: 2;
    width: 130px;
    height: 100px;
    background: url(https://g1.17qcc.com/special/11nooe/images/ddcc_5.png?v1013) top center no-repeat;
    cursor: no-drop;
}

.xshoes_coupons .pt_c_ri .cash_hb a .cash_donebg {
    background: url(https://g1.17qcc.com/special/s190313/images/cash_bg0313.png) top center no-repeat;
    width: 304px;
    height: 126px;
    position: absolute;
    top: 2px;
    left: 3px;
    opacity: .8;
    z-index: 1;
    cursor: no-drop;
}

.xshoes_coupons .pt_c_ri .cash_hb a span.cash_donebg_w {
    position: absolute;
    top: 14px;
    right: 29px;
    z-index: 2;
    width: 130px;
    height: 100px;
    background: url(https://g1.17qcc.com/special/11nooe/images/ddcc_4.png?v1013) top center no-repeat;
    cursor: no-drop;
}

.photo_sch_no {
    margin-top: 10px;
    height: 297px;
    padding-top: 229px;
}

.photo_sch_no p {
    text-align: center;
}

.photo_sch_no p span {
    display: inline-block;
    width: 161px;
    height: 131px;
    margin-right: 27px;
    background: url(https://g1.17qcc.com/2018/loginreg/images/404.png) top center no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}

.photo_sch_no p em {
    color: #3C3B3B;
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
}

.photo_sch_v1 {
    background-color: #fff;
    padding-bottom: 20px;
}

.photo_sch_v1 .hd {
    line-height: 48px;
}

.photo_sch_v1 .hd .pt-tit {
    line-height: normal;
    padding: 10px 0;
}

.photo_sch_v1 .hd .pt-tit h3 {
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
}

.photo_sch_v1 .hd .pt-tit span {
    font-size: 16px;
    line-height: 26px;
}

.photo_sch_v1 .hd .more {
    margin-left: 10px;
    color: #666;
    margin-right: 26px;
}

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

.photo_sch_v1 .hd .more:hover {
    color: #f50;
}

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

.photo_sch_v1 .pt-lt-con {
    margin-right: 10px;
}

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

.photo_sch_v1 .pt-lt-con em.active {
    border-color: #f50;
    color: #f50;
    background-color: #f50;
    color: #fff;
}

.photo_sch_v1 .con {
    overflow: hidden;
    overflow: hidden;
    position: relative;
}

.photo_sch_v1 .con ul {
    float: left;
    margin-left: -16px;
}

.photo_sch_v1 .con ul li {
    float: left;
    width: 218px;
    margin-left: 16px;
    margin-top: 23px;
    border: 1px solid #F0F0F0;
}

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

.photo_sch_v1 .con ul li span.pic {
    display: block;
    width: 218px;
    height: 218px;
    overflow: hidden;
}

.photo_sch_v1 .con ul li span.pic img {
    width: 218px;
    height: 218px;
}

.photo_sch_v1 .con ul li span.icon_jx_goods {
    background: url(https://g1.17qcc.com/2018/product/images/icon_jx_goods.png) top center no-repeat;
    width: 52px;
    height: 23px;
    top: -1px;
    left: -5px;
    bottom: auto;
    position: absolute;
}

.photo_sch_v1 .con ul li .desc {
    padding: 11px 10px 0;
    border-top: 0;
}

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

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

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

.photo_sch_v1 .con ul li p.brprice .fol {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
    cursor: pointer;
}

.photo_sch_v1 .con ul li p.brprice .folno {
    background: url(https://g1.17qcc.com/2018/shop/images/folno.png) center no-repeat;
}

.photo_sch_v1 .con ul li p.brprice .folyes {
    background: url(https://g1.17qcc.com/2018/shop/images/folyes.png) center no-repeat;
}

.photo_sch_v1 .con ul li p.rowtitle {
    margin-top: 2px;
    height: 17px;
    line-height: 16px;
}

.photo_sch_v1 .con ul li p.rowtitle a {
    overflow: hidden;
    height: 16px;
}

.photo_sch_v1 .con ul li .qualshop {
    margin-top: 4px;
}

.photo_sch_v1 .con ul li .qualshop p.size {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
}

.photo_sch_v1 .con ul li .qualshop p.size {
    color: #333;
    float: left;
    width: 101px;
}

.photo_sch_v1 .con ul li .qualshop p.shop a {
    width: 84px;
    line-height: 20px;
    text-align: right;
    margin-right: 3px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.photo_sch_v1 .con ul li .qualshop:hover p.shop .arrow {
    background: url(https://g1.17qcc.com/2018/product/images/arrowshop2.png) center 1px no-repeat;
}

.photo_sch_v1 .con ul li .qualshop p.shop .arrow {
    width: 6px;
    height: 9px;
    background: url(https://g1.17qcc.com/2018/product/images/arrowshop1.png) top center no-repeat;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

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

.photo_sch_v1 .con ul li .padd span.radd {
    width: 100%;
    color: #999;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.photo_sch_v1 .con ul li .padd span.radd i {
    background: url(https://g1.17qcc.com/2018/product/images/cart-icons1909.png);
    width: 11px;
    height: 14px;
    margin-top: 9px;
    float: left;
    margin-right: 5px;
}

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

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

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

.photo_sch_v1 .con .pn-tab-con {
    position: relative;
}

.photo_sch_v1 .con .pre,.photo_sch_v1 .con .next {
    opacity: .8;
    z-index: 2;
    width: 20px;
    height: 56px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    cursor: pointer;
}

.photo_sch_v1 .con .pre {
    left: 0;
    background: url(https://g1.17qcc.com/2018/product/images/left-sprites.png) top center no-repeat;
}

.photo_sch_v1 .con .pre:hover {
    opacity: 1;
    background: url(https://g1.17qcc.com/2018/product/images/left-sprites2.png) top center no-repeat;
}

.photo_sch_v1 .con .next {
    right: 0;
    background: url(https://g1.17qcc.com/2018/product/images/right-sprites.png) top center no-repeat;
}

.photo_sch_v1 .con .next:hover {
    opacity: 1;
    background: url(https://g1.17qcc.com/2018/product/images/right-sprites2.png) top center no-repeat;
}

.nofind {
    width: 818px;
    margin: 100px auto 100px;
}

.nofind .nopic {
    float: left;
}

.nofind .nofright {
    padding-top: 50px;
    margin-left: 90px;
    float: left;
}

.nofind .nofright .noftops {
    padding-bottom: 20px;
}

.nofind .nofright .noftops p {
    font-size: 30px;
    color: #f50;
}

.nofind .nofright .noftops span {
    color: #f50;
    font-size: 24px;
}

.nofind .nofright .noftops p .error {
    font-size: 30px;
    color: #f60;
    margin-right: 2px;
}

.nofind .nofright .btns .backho_btn {
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #f50;
    color: #fff;
    display: inline-block;
    border-radius: 10px;
    margin-left: 30px;
}

.nofind .nofright .btns .backho_btn:hover {
    background-color: #fe821d;
}

.nofind .nofright .btns .back_btn {
    width: 98px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #FFF3F0;
    color: #F50;
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #F50;
}

.liv-anchor {
    background-color: #f5f5f5;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    padding-bottom: 10px;
}

.liv-anchor .slive {
    width: 920px;
    height: 310px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.liv-anchor .slive ul {
    position: absolute;
}

.liv-anchor .slive ul li {
    height: 310px;
    text-align: center;
    line-height: 310px;
    float: left;
}

.liv-anchor .slive ul li a {
    position: relative;
    display: inherit;
    width: 100%;
    max-width: 100%;
    height: 310px;
}

.liv-anchor .slive ul li .smallbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.liv-anchor .slive ul li .smallbg img {
    width: 100%;
    height: 310px;
}

.liv-anchor .slive .npbg {
    min-width: 920px;
    height: 310px;
}

.liv-anchor .slive .num {
    overflow: hidden;
    height: 14px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 12;
}

.liv-anchor .slive .num span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #fff;
    margin: 0 0 0 4px;
    cursor: pointer;
    background-color: #DEDEDE;
    color: #fff;
    font-size: 16px;
    line-height: 12px;
    border-radius: 50%;
    vertical-align: 3px;
}

.liv-anchor .slive .num span.active {
    background-color: #F50;
}

.liv-anchor .alis {
    float: left;
    background-color: #FFF;
    margin-top: 10px;
    width: 270px;
    height: 310px;
}

.liv-anchor .alis .hd {
    font-size: 14px;
    padding: 14px 0 14px 20px;
    color: #D93167;
    font-weight: 400;
    line-height: 20px;
}

.liv-anchor .alis .hd i {
    background: url(https://g1.17qcc.com/2018/product/images/acor.png) top center;
    width: 14px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -3px;
}

.liv-anchor .alis ul li {
    padding: 7px 20px;
}

.liv-anchor .alis ul li a {
    display: block;
}

.liv-anchor .alis ul li .pic {
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 10px;
}

.liv-anchor .alis ul li .pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.liv-anchor .alis ul li .bd p em {
    float: right;
    height: 18px;
    line-height: 18px;
    padding: 0 3px;
    color: #fff;
    background-color: #D93167;
    border-radius: 3px;
}

.liv-anchor .alis ul li .bd p em i {
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 8px;
    background: url(https://g1.17qcc.com/2018/product/images/comelive.gif) top center;
    background-size: 100% 100%;
    margin-right: 3px;
}

.liv-anchor .alis ul li .bd .n {
    color: #333;
}

.liv-anchor .alis ul li .bd .v {
    color: #6666;
}

.liv-anchor .alis ul li .bd .v span {
    color: #f50;
}

.liv-anchor .alis ul li.active {
    background-color: #FEF6FC;
}

.liv-anchor .alis ul li:hover {
    background-color: #FEF6FC;
}

.liv-types {
    background-color: #f5f5f5;
    width: 100%;
    min-width: 1200px;
    padding-top: 10px;
    padding-bottom: 25px;
}

.liv-floor {
    background-color: #fff;
    padding-bottom: 20px;
}

.liv-follow,.liv-being,.liv-prev {
    margin-bottom: 20px;
}

.liv-floor .hd {
    padding: 20px 20px;
}

.liv-floor .hd span {
    float: left;
    width: 6px;
    height: 16px;
    background-color: #F50;
    margin-right: 10px;
    margin-top: 4px;
}

.liv-floor .hd em {
    font-size: 16px;
    color: #F50;
    float: left;
    font-weight: 600;
    margin-right: 2px;
}

.liv-floor .hd i {
    float: left;
    font-size: 16px;
    color: #f50;
    float: left;
    font-weight: 400;
    font-style: normal;
}

.liv-being .hd span {
    background-color: #D93167;
}

.liv-being .hd em {
    color: #D93167;
}

.liv-being .hd i {
    color: #D93167;
}

.liv-prev .hd {
    padding: 20px 20px;
}

.liv-prev .hd span {
    float: left;
    width: 6px;
    height: 16px;
    background-color: #B44FD5;
    margin-right: 10px;
    margin-top: 4px;
}

.liv-prev .hd em {
    font-size: 16px;
    color: #B44FD5;
    float: left;
    font-weight: 600;
    margin-right: 2px;
}

.liv-prev .hd i {
    float: left;
    font-size: 16px;
    color: #B44FD5;
    float: left;
    font-weight: 400;
    font-style: normal;
}

.liv-back .hd span {
    background-color: #5679FC;
}

.liv-back .hd em {
    color: #5679FC;
}

.liv-back .hd i {
    color: #5679FC;
}

.liv-floor .bd {
    padding: 0 20px;
}

.liv-floor .bd ul {
    margin-left: -13px;
}

.liv-floor .bd ul li {
    float: left;
    margin-left: 13px;
    border-radius: 5px;
    width: 278px;
    border: 1px solid #E5E5E5;
    margin-bottom: 7px;
    box-shadow: 2px 3px 4px 0 rgba(1,1,1,0.13);
    overflow: hidden;
}

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

.liv-floor .bd ul li a {
    display: block;
}

.liv-floor .bd ul li .picbox {
    position: relative;
}

.liv-floor .bd ul li .picbox .pic {
    width: 278px;
    height: 278px;
    overflow: hidden;
    display: block;
}

.liv-floor .bd ul li .picbox .pic img {
    width: 100%;
    height: 100%;
    border-radius: 5px 5px 0 0;
}

.liv-floor .bd ul li .picbox .btnc {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    z-index: 5;
}

.liv-prev .bd ul li .picbox .pic img {
    width: 100%;
    height: 100%;
    border-radius: 0 0 5px 5px;
}

.liv-prev .bd ul li .picbox .btnc {
    border-radius: 0 0 5px 5px;
}

.liv-floor .bd ul li .picbox .btnc i {
    display: block;
    float: right;
    margin-right: 8px;
    margin-top: 8px;
    padding: 3px;
    background-color: #fff;
    border-radius: 3px;
}

.liv-floor .bd ul li .picbox .btnc i img {
    width: 20px;
    height: 20px;
}

.liv-floor .bd ul li .s {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: left;
    z-index: 2;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 100%);
}

.liv-floor .bd ul li .s .n {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 14px;
    text-shadow: 1px 2px 4px rgba(1,1,1,0.7);
}

.liv-floor .bd ul li .s .t {
    padding-left: 14px;
}

.liv-floor .bd ul li .s {
    padding: 14px 0;
}

.liv-floor .bd ul li .s span {
    display: inline-block;
    padding: 0 9px;
    background-color: #333;
    border-radius: 12px 0 0 12px;
    color: #fff;
    margin-right: -4px;
    line-height: 22px;
}

.liv-floor .bd ul li .s span i {
    display: inline-block;
    width: 9px;
    height: 8px;
    background: url(https://g1.17qcc.com/2018/product/images/comelive.gif) top center;
    background-size: 100% 100%;
    margin-right: 3px;
}

.liv-floor .bd ul li .s em {
    display: inline-block;
    padding: 0 9px;
    background-color: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 12px 12px 0;
    line-height: 22px;
}

.liv-floor .bd ul li .sm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    border-radius: 5px 5px 0 0;
    background: rgba(51,51,51,.5);
    text-align: center;
}

.liv-prev .bd ul li .s em {
    background: linear-gradient(241deg,rgba(214,76,190,1),rgba(204,79,191,1),rgba(186,79,213,1),rgba(180,79,213,1));
}

.liv-back .bd ul li .s em {
    background-color: #5679FC;
}

.liv-floor .bd ul li .sm {
    display: none;
}

.liv-floor .bd ul li .sm p {
    text-align: center;
    color: #FFF;
    margin-top: 48px;
    margin-bottom: 5px;
    font-size: 16px;
}

.liv-floor .bd ul li .sm span {
    display: inline-block;
    padding: 10px;
    background-color: #fff;
}

.liv-floor .bd ul li .sm span img {
    width: 150px;
    height: 150px;
}

.liv-floor .bd ul li .s-pro {
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    padding: 0 6px;
}

.liv-floor .bd ul li .s-pro-ova {
    overflow: hidden;
}

.liv-floor .bd ul li .s-pro-a {
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    width: 348px;
    margin-left: -5px;
}

.liv-floor .bd ul li .s-pro-a .a {
    float: left;
    width: 80px;
    height: 80px;
    margin-left: 5px;
    position: relative;
}

.liv-floor .bd ul li .s-pro-a .a img {
    width: 78px;
    height: 78px;
    box-sizing: border-box;
    border-radius: 3px;
}

.liv-floor .bd ul li .s-pro-a .a span {
    position: absolute;
    left: 0;
    bottom: 1px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background: rgba(51,51,51,.5);
    width: 78px;
}

.liv-floor .bd ul li .s-pro-a .a:hover img {
    border: 1px solid #f50;
}

.liv-floor .bd ul li .s-pro-ahover {
    transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
}

.liv-floor .bd ul li .s-pro .next {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 79px;
    cursor: pointer;
    background-color: rgba(0,0,0,1);
    text-align: center;
    line-height: 78px;
    opacity: .5;
}

.liv-floor .bd ul li .s-pro .next i {
    background: url(https://g1.17qcc.com/2018/product/images/arrowlive.png) top center no-repeat;
    display: inline-block;
    width: 6px;
    height: 10px;
}

.liv-floor .bd ul li .bt {
    padding: 18px 15px;
}

.liv-floor .bd ul li .bt .pic {
    width: 42px;
    height: 42px;
    float: left;
    margin-right: 5px;
}

.liv-floor .bd ul li .bt .pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.liv-floor .bd ul li .bt .bd .n {
    color: #666;
    font-size: 14px;
}

.liv-floor .bd ul li .bt .bd .l {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.liv-floor .bd ul li .bt .bd .l i {
    background: url(https://g1.17qcc.com/2018/product/images/cart-icons1909.png);
    width: 11px;
    height: 14px;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
}

.liv-floor .md {
    text-align: center;
    padding: 10px 0 20px;
}

.liv-floor .md a {
    display: inline-block;
    width: 260px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    background-color: #F50;
    border-radius: 16px;
}

.liv-being .md a {
    background-color: #D93167;
}

.liv-prev .md a {
    background-color: #B44FD5;
}

.liv-back .md a {
    background-color: #5679FC;
}

.liv-floor .bd ul li.active {
    border: 1px solid #F50;
}

.liv-floor .bd ul li:hover {
    border: 1px solid #F50;
}

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

.liv-floor .bd ul li:hover .s-pro .next {
    opacity: .9;
    background-color: #f50;
}

.liv-floor .bd ul li .picbox .btnc:hover {
    opacity: 0;
}

.liv-floor .bd ul li .picbox .btnc:hover+.s {
    display: none;
}

.liv-floor .bd ul li .picbox .btnc:hover+.s+.sm {
    display: block;
}

.liv-floor .bd ul li .picbox .btnc:hover+.st {
    display: none;
}

.liv-floor .bd ul li .picbox .btnc:hover+.st+.sm {
    display: block;
}

.liv-prev {
    background-color: #fff;
    padding-bottom: 20px;
}

.liv-room {
    background-color: #f5f5f5;
    width: 100%;
    min-width: 1200px;
}

.liv-room .liv-rl {
    float: left;
    width: 840px;
}

.liv-rl .liv-rltop {
    padding: 15px 0;
    height: 24px;
    line-height: 24px;
}

.liv-rl .liv-rltop .live {
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    color: #fff;
    background-color: #F90268;
    border-radius: 14px;
}

.liv-rl .liv-rltop .live i {
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/product/images/livecycle.gif) top center no-repeat;
    width: 10px;
    height: 10px;
    vertical-align: middle;
}

.liv-rl .liv-rltop .tit {
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.liv-rl .liv-rltop .num {
    margin-left: 58px;
    display: inline-block;
    color: #F90268;
}

.liv-rl .liv-rltop .num i {
    display: inline-block;
    height: 10px;
    width: 1px;
    background-color: #DBC5CE;
    margin: 0 10px;
    vertical-align: middle;
}

.liv-rlc {
    height: 647px;
}

.liv-rlc .le {
    width: 400px;
    height: 100%;
    float: left;
}

.liv-rlc .le .video {
    width: 100%;
    height: 100%;
    background-color: #EBEBEB;
}

.livebgm-btn {
    position: absolute;
    z-index: 200;
    width: 30px;
    height: 30px;
    right: 8px;
    top: 56px;
}

.livebgm-btn span {
    display: block;
    width: 100%;
    height: 100%;
}

.livebgm-btn span {
    background-image: url(https://g2.17qcc.com/2018/mall/imgs/bgmBtnoff.png);
    background-size: 100% 100%;
}

.livebgm-btn.bon span {
    background-image: url(https://g2.17qcc.com/2018/mall/imgs/bgmBtn.png);
    background-size: 100% 100%;
}

.liv-rlc .ri {
    width: 430px;
    height: 100%;
    float: left;
}

.liv-rlc .ri .appcode {
    text-align: center;
    margin-top: 130px;
    margin-bottom: 7px;
}

.liv-rlc .ri .appcode span {
    display: inline-block;
    margin-right: 5px;
    width: 35px;
    height: 32px;
    background: url(https://g1.17qcc.com/2018/product/images/appcode.png) top center no-repeat;
    vertical-align: middle;
}

.liv-rlc .ri .appcode em {
    display: inline-block;
    color: #F50;
    font-size: 14px;
    font-weight: 400;
}

.liv-rlc .ri .arr {
    text-align: center;
}

.liv-rlc .ri .appsm {
    margin-top: 20px;
    text-align: center;
}

.liv-rlc .ri .appsm span {
    display: inline-block;
}

.liv-rlc .ri .appsm .upload {
    margin-right: 40px;
}

.liv-rlc .ri .appsm .upload img {
    padding: 10px;
    width: 140px;
    height: 140px;
    background-color: #fff;
}

.liv-rlc .ri .appsm .upload em {
    display: block;
    margin-top: 15px;
    color: #666;
}

.liv-rlc .ri .appsm .live img {
    padding: 10px;
    width: 140px;
    height: 140px;
    background-color: #fff;
}

.liv-rlc .ri .appsm .live em {
    display: block;
    margin-top: 15px;
    color: #666;
}

.liv-room .liv-r {
    float: left;
    width: 360px;
    background-color: #fff;
    box-shadow: 0 0 7px 0 rgba(1,1,1,0.2);
}

.liv-r .bt {
    padding: 15px 10px;
    position: relative;
}

.liv-r .bt .pic {
    width: 42px;
    height: 42px;
    float: left;
    margin-right: 5px;
}

.liv-r .bt .pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.liv-r .bt .bd .n {
    color: #666;
    font-size: 14px;
}

.liv-r .bt .bd .l {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.liv-r .bt .bd .l i {
    background: url(https://g1.17qcc.com/2018/product/images/cart-icons1909.png);
    width: 11px;
    height: 14px;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
}

.liv-r .bt .fol {
    height: 22px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    padding: 0 6px;
    background-color: #f20567;
    position: absolute;
    top: 14px;
    right: 20px;
    border-radius: 10px;
    cursor: pointer;
}

.liv-r .bt .fol i {
    background: url(https://g1.17qcc.com/2018/product/images/folno.png) top center no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
    margin-top: 4px;
}

.liv-r .bt .folyes i {
    background: url(https://g1.17qcc.com/2018/product/images/folyes.png) top center no-repeat;
}

.liv-r .gn {
    padding: 6px 10px 14px;
}

.liv-r .gn i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(https://g1.17qcc.com/2018/product/images/liveg.png?v1) top center no-repeat;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -3px;
}

.liv-r .gn span {
    display: inline-block;
    color: #333;
    font-weight: 400;
    font-size: 14px;
}

.liv-r .gn span em {
    color: #F90658;
    display: inline-block;
    font-weight: 400;
}

.liv-r .list {
    height: 593px;
    overflow-y: auto;
}

.liv-r .list ul li {
    position: relative;
    z-index: 1;
    padding: 10px;
}

.liv-r .list ul li .pic {
    float: left;
    width: 90px;
    height: 90px;
    display: flex;
    overflow: hidden;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    margin-right: 18px;
}

.liv-r .list ul li .pic img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.liv-r .list ul li .pic em {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    width: 24px;
    font-style: normal;
    color: #fff;
    height: 20px;
    line-height: 20px;
    background: url(https://g1.17qcc.com/2018/product/images/xih-icon.png?v200401) top center no-repeat;
    text-align: center;
}

.liv-r .list ul li .line {
    height: 1px;
    width: 332px;
    background-color: #E5E5E5;
    display: block;
    position: absolute;
    left: 10px;
    bottom: 0;
}

.liv-r .list ul li .info .size .pri {
    color: #F50;
    display: inline-block;
}

.liv-r .list ul li .info .size em {
    color: #666;
    display: block;
}

.liv-r .list ul li .info .tit {
    color: #333;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.liv-r .list ul li .info .btns {
    text-align: right;
    margin-top: 12px;
}

.liv-r .list ul li .info .btns a {
    display: inline-block;
}

.liv-r .list ul li .info .btns .goodscart {
    width: 90px;
    height: 24px;
    line-height: 24px;
    background-color: #f20567;
    text-align: center;
    color: #fff;
    border-radius: 3px;
}

.liv-r .list ul li .info .btns .goodscart i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background: url(https://g1.17qcc.com/2018/product/images/cslice1.png) top center no-repeat;
    width: 14px;
    height: 14px;
}

.liv-r .list ul li .info .btns .pfol {
    width: 77px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    border: 1px solid #f20567;
    background-color: #fff;
    border-radius: 3px;
    margin-right: 2px;
}

.liv-r .list ul li .info .btns .pfol i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(https://g1.17qcc.com/2018/product/images/pfolno.png) top center no-repeat;
    margin-right: 3px;
    vertical-align: middle;
    margin-top: -3px;
}

.liv-r .list ul li .info .btns .pfolno {
    color: #F90658;
}

.liv-r .list ul li .info .btns .pfolyes {
    color: #fff;
}

.liv-r .list ul li .info .btns .pfolyes i {
    background: url(https://g1.17qcc.com/2018/product/images/pfolyes.png) top center no-repeat;
}

.liv-r .list ul li:hover {
    background-color: #FEF9F7;
}

.liv-r .list ul li:hover .line {
    background-color: #FEF6FC;
}

.liv-r .list::-webkit-scrollbar,.liv-r .list::-webkit-scrollbar-thumb,.liv-r .list::-webkit-scrollbar-track {
    border-radius: 6px;
    width: 8px;
}

.liv-r .list::-webkit-scrollbar-thumb {
    background-color: #D8D8D8;
}

.liv-r .list::-webkit-scrollbar,.liv-r .list::-webkit-scrollbar-thumb,.liv-r .list::-webkit-scrollbar-track {
    border-radius: 6px;
    width: 8px;
}

.liv-r .list::-webkit-scrollbar,.liv-r .list::-webkit-scrollbar-thumb,.liv-r .list::-webkit-scrollbar-track {
    border-radius: 6px;
    width: 8px;
}

.liv-rbd {
    background-color: #f5f5f5;
    width: 100%;
    min-width: 1200px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.livhis-p {
    background-color: #fff;
}

.livhis-p .hd {
    padding: 12px 20px;
}

.livhis-p .hd span {
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    margin-top: 4px;
    background: url(https://g1.17qcc.com/2018/product/images/livbhis-ico.png) top center no-repeat;
}

.livhis-p .hd em {
    font-size: 16px;
    color: #333;
    float: left;
    font-weight: 600;
    margin-right: 2px;
}

.livhis-p .bd ul {
    margin-left: 0;
}

.livhis-p .bd ul li {
    float: left;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    margin-right: 10px;
    width: 378px;
    margin-bottom: 10px;
}

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

.livhis-p .bd ul li .hti {
    padding: 10px;
    color: #2B5D80;
}

.livhis-p .bd ul li .info {
    padding: 0 10px 20px;
    height: 124px;
}

.livhis-p .bd ul li .info .fm1 {
    width: 124px;
    height: 124px;
    overflow: hidden;
    float: left;
    margin-right: 4px;
}

.livhis-p .bd ul li .info .fm1 img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.livhis-p .bd ul li .item .fm2 {
    color: #333;
    margin-left: 9px;
    font-size: 14px;
}

.livhis-p .bd ul li .item .s-pro {
    position: relative;
    overflow: hidden;
    margin-top: 6px;
}

.livhis-p .bd ul li .item .s-pro-ova {
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    width: 315px;
}

.livhis-p .bd ul li .item .s-pro-ahover {
    transform: translateX(-90px);
    -webkit-transform: translateX(-90px);
    -moz-transform: translateX(-90px);
}

.livhis-p .bd ul li .item .pro {
    position: relative;
    float: left;
    margin-left: 5px;
    width: 100px;
    height: 100px;
    border-radius: 6px;
    overflow: hidden;
}

.livhis-p .bd ul li .item .pro img {
    width: 100%;
    height: 100%;
}

.livhis-p .bd ul li .item .pro span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 26px;
    line-height: 26px;
    border-radius: 6px;
    background-color: rgba(51,51,51,.5);
    text-align: center;
    color: #fff;
}

.livhis-p .bd ul li .item .s-pro .next {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 100px;
    cursor: pointer;
    background-color: rgba(0,0,0,1);
    text-align: center;
    line-height: 98px;
    opacity: .5;
    z-index: 2;
}

.livhis-p .bd ul li .item .s-pro .next i {
    background: url(https://g1.17qcc.com/2018/product/images/arrowlive.png) top center no-repeat;
    display: inline-block;
    width: 6px;
    height: 10px;
}

.livhis-p .bd ul li:hover {
    border-color: #f60;
}

.livhis-p .bd ul li:hover .s-pro .next {
    opacity: .9;
    background-color: #f50;
}

.livhis-p .bd ul li:hover .fm1 {
    opacity: 1;
}

.livhis-p .bd ul li .fm1:hover {
    opacity: 1;
}

.livhis-p .bd ul li .fm1:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.livhis-p .bd ul li .pro:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.liv-vlist .hd {
    padding: 12px 20px;
}

.liv-vlist .hd span {
    float: left;
    width: 15px;
    height: 17px;
    margin-right: 10px;
    margin-top: 3px;
    background: url(https://g1.17qcc.com/2018/product/images/lis-prank.png?v20) top center no-repeat;
}

.liv-vlist .hd em {
    color: #F90268;
}

.liv-vlist .bd ul {
    margin-left: -10px;
}

.liv-vlist .bd ul li {
    margin-bottom: 10px;
    margin-left: 10px;
}

.liv-floor .bd ul li .offer {
    width: 259px;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 10px;
}

.liv-floor .bd ul li .offer .oc {
    width: 135px;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.liv-floor .bd ul li .offer .oc .cover-img {
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

.liv-floor .bd ul li .offer .oc .otc {
    height: 58px;
    width: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

.liv-floor .bd ul li .offer .oc .otc .p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.liv-floor .bd ul li .offer .oc .otc .sales {
    color: #666;
    overflow: hidden;
    height: 44px;
}

.liv-floor .bd ul li .live-hr-line {
    width: 250px;
    border: 0 solid #DCDEE3;
    border-top-width: 1px;
    margin: 0 auto;
}

.liv-floor .bd ul li .cbt {
    padding: 18px 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.liv-floor .bd ul li .cbt .pic {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 5px;
    margin-top: 0;
}

.liv-floor .bd ul li .cbt .pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.liv-floor .bd ul li .cbt .cbd .l {
    color: #999;
    width: 197px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.liv-floor .bd ul li .cbt .arr {
    background: url(https://g1.17qcc.com/2018/product/images/arrowshop1.png) top center no-repeat;
    width: 6px;
    height: 9px;
    margin-top: -2px;
}

.liv-floor .bd ul li .cbt .cbd .lo {
    color: #999;
    width: 197px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.liv-floor .bd ul li .cbt .cbd .lo i {
    background: url(https://g1.17qcc.com/2018/product/images/cart-icons1909.png);
    width: 11px;
    height: 14px;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
}

.liv-floor .bd ul li .st {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: left;
    z-index: 2;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 100%);
}

.liv-floor .bd ul li .st .n {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 14px;
}

.liv-floor .bd ul li .st {
    padding: 10px 0;
}

.liv-floor .bd ul li .st .t {
    height: 22px;
    line-height: 22px;
    padding-left: 14px;
}

.liv-floor .bd ul li .st span {
    display: inline-block;
    padding: 0 9px;
    background: linear-gradient(90deg,rgba(254,83,183,1) 0,rgba(249,6,88,1) 100%);
    border-radius: 12px 0 0 12px;
    color: #fff;
    margin-right: -4px;
}

.liv-floor .bd ul li .st span .ti1 {
    display: inline-block;
    width: 9px;
    height: 8px;
    background: url(https://g1.17qcc.com/2018/product/images/comelive.gif) top center;
    background-size: 100% 100%;
    margin-right: 3px;
}

.liv-floor .bd ul li .st span .ti2 {
    overflow: hidden;
    width: 3px;
    height: 3px;
    background-color: #fff;
    display: inline-block;
    margin-right: 1px;
    margin-left: 2px;
    border-radius: 50%;
    vertical-align: 3px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
}

.liv-floor .bd ul li .st em {
    display: inline-block;
    padding: 0 9px;
    background-color: rgba(51,51,51,.7);
    color: #fff;
    border-radius: 0 12px 12px 0;
}

.liv-floor .bd ul li .sm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    border-radius: 5px 5px 0 0;
    background: rgba(51,51,51,.5);
    text-align: center;
}

.liv-prev .bd ul li .st em {
    background: linear-gradient(241deg,rgba(214,76,190,1),rgba(204,79,191,1),rgba(186,79,213,1),rgba(180,79,213,1));
}

.liv-back .bd ul li .st em {
    background-color: #5679FC;
}

.liv-rl .liv-rltopt {
    padding: 15px 0;
    height: 22px;
    line-height: 22px;
}

.liv-rl .liv-rltopt .live {
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    color: #fff;
    background: linear-gradient(90deg,rgba(254,83,183,1) 0,rgba(249,6,88,1) 100%);
    border-radius: 10px;
}

.liv-rl .liv-rltopt .live i {
    animation: active .6s infinite alternate;
    overflow: hidden;
    width: 4px;
    height: 4px;
    background-color: #fff;
    display: inline-block;
    margin-right: 1px;
    margin-left: 1px;
    border-radius: 2px;
    vertical-align: 2px;
}

.liv-rl .liv-rltopt .live em {
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url(https://g1.17qcc.com/2018/product/images/comelive.gif) top center;
    background-size: 100% 100%;
    margin-right: 3px;
}

.liv-rl .liv-rltopt .tit {
    font-size: 16px;
    color: #333;
    font-weight: 600;
}

.liv-rl .liv-rltopt .appk {
    color: #F50;
    font-size: 14px;
    position: relative;
    margin-left: 35px;
    cursor: pointer;
    float: right;
    margin-right: 10px;
}

.liv-rl .liv-rltopt .appk i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(https://g1.17qcc.com/2018/product/images/appk_qcord.png?v1) top center no-repeat;
    margin-right: 6px;
    vertical-align: -2px;
}

.liv-rl .liv-rltopt .appk em {
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url(https://g1.17qcc.com/2018/product/images/appk_arr.png) top center no-repeat;
    margin-left: 4px;
}

.liv-rl .liv-rltopt .appk img {
    width: 90px;
    height: 90px;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #F50;
    position: absolute;
    top: 27px;
    right: 0;
    z-index: 101;
    display: none;
}

.liv-rl .liv-rltopt .appk:hover img {
    display: block;
}

.liv-rlc .le {
    position: relative;
}

.liv-rlc .le .videoinfo {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.liv-rlc .le .store-num {
    color: #f1f1f1;
    padding: 0 10px;
    margin-top: 15px;
    overflow: hidden;
    height: 22px;
    line-height: 22px;
}

.liv-rlc .le .store-num .snum {
    background-color: rgba(0,0,0,.4);
    padding: 0 10px;
    border-radius: 10px;
    float: left;
}

.liv-rlc .le .store-num .snt {
    float: right;
    padding: 0 10px;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 30px;
    background-image: linear-gradient(90deg,rgba(254,83,183,1) 0,rgba(249,6,88,1) 100%);
}

.liv-rlc .ri {
    position: relative;
}

.liv-rlc .ri .notLogin {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
}

.liv-rlc .ri .appsm .upload em {
    color: #fff;
}

.liv-rlc .ri .appsm .live em {
    color: #fff;
}

.liv-rlc .ri .appcode em {
    color: #fff;
}

.liv-rlc .ri .msgbox {
    position: relative;
    z-index: 1;
    height: 100%;
    background-color: #fff;
}

.liv-rlc .ri .msgbox .mtop {
    padding: 5px 20px;
    line-height: 26px;
    font-size: 14px;
    color: #333;
    position: relative;
}

.liv-rlc .ri .msgbox .mtop::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #eee;
}

.liv-rlc .ri .msgbox .mtop .ico {
    width: 17px;
    height: 13px;
    background: url(https://g1.17qcc.com/2018/product/images/motnoc.png) center no-repeat;
    margin-right: 5px;
    display: inline-block;
    vertical-align: -1px;
}

.liv-rlc .ri .msgbox .pannel {
    height: 507px;
    padding: 0 20px;
    margin-top: 10px;
    overflow-y: scroll;
    font-size: 14px;
}

.liv-rlc .ri .msgbox .pannel:hover {
    background-color: transparent;
}

.liv-rlc .ri .msgbox .mfoot {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 5px;
    border: 1px solid #999;
    height: 52px;
}

.liv-rlc .ri .msgbox .mfoot button {
    float: right;
    font-size: 16px;
    width: 100px;
    line-height: 52px;
    color: #fff;
    border: 0;
    background-color: #f50;
}

.liv-rlc .ri .msgbox .mfoot button.disabled {
    background-color: #999;
    cursor: not-allowed;
}

.liv-rlc .ri .msgbox .mfoot .inner {
    margin-right: 110px;
}

.liv-rlc .ri .msgbox .mfoot .inner input {
    font-size: 14px;
    padding: 0 14px;
    line-height: 52px;
    display: block;
    border: 0;
    width: 100%;
    color: #999;
}

.liv-rlc .ri .msgbox .mact {
    border: 1px solid #f50;
}

.liv-rlc .ri .msgbox .pannel .item {
    font-weight: 500;
    opacity: 1;
    flex-wrap: wrap;
    display: flex;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.liv-rlc .ri .msgbox .pannel .item .text.sys {
    color: #999;
}

.liv-rlc .ri .msgbox .pannel .item .text {
    color: #666;
    line-height: 18px;
    word-wrap: break-word;
    word-break: break-all;
}

.liv-rlc .ri .msgbox .pannel .item .text .nums {
    color: #f50;
    font-style: normal;
}

.liv-rlc .ri .msgbox .pannel .item .nick {
    margin-right: 10px;
    position: relative;
    display: inline-block;
    color: #F90658;
    line-height: 20px;
}

.liv-rlc .ri .msgbox .pannel .item.liveCartBarrage p {
    padding: 4px 12px;
    border-radius: 6px;
    display: inline-flex;
    background: linear-gradient(-90deg,rgba(254,83,183,1) 0,rgba(249,6,88,1) 100%);
    color: #fff;
}

.liv-rlc .ri .msgbox .pannel .item.liveCartBarrage p span {
    color: #fff;
    margin-left: 10px;
}

.liv-rlc .ri .msgbox .pannel::-webkit-scrollbar,.liv-rlc .ri .msgbox .pannel::-webkit-scrollbar-thumb,.liv-rlc .ri .msgbox .pannel::-webkit-scrollbar-track {
    border-radius: 6px;
    width: 8px;
}

.liv-rlc .ri .msgbox .pannel::-webkit-scrollbar-thumb {
    background-color: #D8D8D8;
}

.liv-rlc .ri .msgbox .pannel::-webkit-scrollbar,.liv-rlc .ri .msgbox .pannel::-webkit-scrollbar-thumb,.liv-rlc .ri .msgbox .pannel::-webkit-scrollbar-track {
    border-radius: 6px;
    width: 8px;
}

.liv-rlc .ri .msgbox .pannel::-webkit-scrollbar,.liv-rlc .ri .msgbox .pannel::-webkit-scrollbar-thumb,::-webkit-scrollbar-track {
    border-radius: 6px;
    width: 8px;
}

.liv-r .list {
    height: 591px;
}

.liv-r .bt .fol {
    background-color: #fff;
    color: #F50;
    border: 1px solid #F50;
    min-width: 46px;
}

.liv-r .bt .folyes {
    background-color: #f50;
    color: #fff;
}

.liv-r .list ul li .info .btns .goodscart {
    background-color: #fff;
    border: 1px solid #f50;
    color: #f50;
    font-size: 12px;
    cursor: pointer;
}

.liv-r .list ul li .info .btns .goodscart i {
    margin-right: 3px;
    background: url(https://g1.17qcc.com/2018/product/images/cslice1.png?v2) top center no-repeat;
}

.liv-r .list ul li .info .btns .pfol {
    font-size: 12px;
}

.liv-r .list ul li .info .btns .pfolno {
    background-color: #fff;
    color: #F90658;
    border: 1px solid #F90658;
}

.liv-r .list ul li .info .btns .pfolyes {
    color: #fff;
    background: linear-gradient(90deg,rgba(254,83,183,1) 0,rgba(249,6,88,1) 100%);
    border: 1px solid transparent;
    cursor: pointer;
}

.coll_car {
    width: 600px;
    height: 530px;
    background-color: #fff;
}

.coll_car .tip {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #f0f0f0;
    background-color: #fafafa;
}

.coll_car .tip span {
    float: left;
    font-size: 16px;
    color: #666;
    margin-left: 10px;
}

.coll_car .tip .close {
    float: right;
    width: 16px;
    height: 16px;
    background: url(//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;
}

.coll_car .skuinfo {
    padding: 20px 33px;
}

.coll_car .skuinfo .pro_color {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.coll_car .skuinfo .pro_color span {
    float: left;
    line-height: 28px;
    margin-right: 3px;
}

.coll_car .skuinfo .pro_color ul {
    margin-right: -20px;
    margin-left: 40px;
}

.coll_car .skuinfo .pro_color ul {
    height: 80px;
    overflow-y: auto;
    width: 466px;
}

.coll_car .skuinfo .pro_color ul li {
    float: left;
    border: 1px solid #bbb;
    width: 58px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 20px;
    color: #666;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 10px;
}

.coll_car .skuinfo .pro_color ul li.active {
    border-color: #F50;
}

.coll_car .skuinfo .pro_size {
    border-top: 1px solid #EBEBEB;
    margin-top: 20px;
    height: 260px;
    border-bottom: 0;
    overflow-y: auto;
    padding: 0;
    padding-top: 30px;
}

.coll_car .skuinfo .pro_size span.lefsize {
    width: 64px;
    float: left;
    line-height: 24px;
}

.coll_car .skuinfo .pro_size dl {
    margin-left: 64px;
}

.coll_car .skuinfo .pro_size dl dd {
    float: left;
    margin-bottom: 12px;
}

.coll_car .skuinfo .pro_size dl dd span {
    float: left;
    line-height: 24px;
}

.coll_car .skuinfo .pro_size dl dd span.sizenum {
    width: 85px;
}

.coll_car .skuinfo .pro_size dl dd span.size_price {
    width: 70px;
    margin-right: 120px;
}

.coll_car .skuinfo .pro_size dl dd .unit_control {
    width: auto;
    text-align: center;
    padding-top: 0;
    float: left;
}

.coll_car .skuinfo .pro_size dl dd .unit_control a {
    float: left;
    height: 22px;
    width: 23px;
    line-height: 22px;
    border: 1px solid #DBDBDB;
    background-color: #F5F5F5;
    color: #999;
}

.coll_car .skuinfo .pro_size dl dd .unit_control a:hover {
    color: #000;
}

.coll_car .skuinfo .pro_size dl dd .unit_control a.minus_num {
    border-right: 0;
}

.coll_car .skuinfo .pro_size dl dd .unit_control a.plus_num {
    border-left: 0;
}

.coll_car .skuinfo .pro_size dl dd .unit_control input {
    float: left;
    width: 40px;
    height: 22px;
    line-height: 20px;
    color: #333;
    border: 1px solid #DBDBDB;
    text-align: center;
}

.coll_car .btn_bot {
    text-align: center;
}

.coll_car .btn_bot .sure_btn {
    display: inline-block;
    width: 72px;
    height: 24px;
    background-color: #f50;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin-top: 14px;
    vertical-align: middle;
    margin-left: 16px;
}

.coll_car .btn_bot .cancle {
    display: inline-block;
    width: 70px;
    height: 22px;
    background-color: #fff;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 14px;
    border: 1px solid #f50;
    vertical-align: middle;
    color: #f50;
}

.livhis-p .hd .pt-lt-con em {
    float: left;
    cursor: pointer;
    font-size: 12px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    border: 1px solid #d2d2d2;
    margin-left: 8px;
    margin-top: 3px;
    border-radius: 50%;
    background-color: #dbdbdb;
}

.livhis-p .hd .pt-lt-con em.active {
    border-color: #f50;
    color: #f50;
    background-color: #f50;
    color: #fff;
}

.livhis-p .bd {
    width: 1160px;
    overflow: hidden;
    position: relative;
    height: 378px;
    margin: 0 auto;
}

.livhis-p .bd .pn-tab-con {
    position: absolute;
    left: 0;
    top: 0;
}

.livhis-p .bd ul {
    float: left;
    width: 1200px;
}

.liv-rl .liv-rltopback .live {
    background-color: #5679FC;
}

.liv-rl .liv-rltopback .live i {
    display: inline-block;
    width: 15px;
    height: 13px;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -4px;
    background: url(https://g1.17qcc.com/2018/product/images/liv_backi.png) top center no-repeat;
    background-size: auto 100%;
}

.liv-rl .liv-rltopback .num {
    color: #5679FC;
}

.liv-rl .liv-rlnotice .live {
    background: linear-gradient(143deg,rgba(251,155,3,1),rgba(252,103,82,1));
}

.liv-rlc .le .video .liv-rlnpic {
    width: 400px;
    height: 647px;
    overflow: hidden;
    background-color: #000;
    position: relative;
}

.liv-rlc .le .video .liv-rlnpic img {
    width: 100%;
    height: 100%;
}

.liv-floor .hd em {
    color: #333;
}

.liv-floor .hd i {
    color: #333;
}

.liv-anchor .alis .hd i {
    background: url(https://g1.17qcc.com/2018/product/images/acor.png?v2) top center;
}

.liv-anchor .alis .hd span {
    color: #333;
}

.liv-anchor .alis .sbli a {
    display: block;
    padding: 7px 20px;
}

.liv-anchor .alis .sbli {
    margin-bottom: 12px;
}

.liv-anchor .alis .sbli .pic {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.liv-anchor .alis .sbli .pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.liv-anchor .alis .sbli .r .n {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.liv-anchor .alis .sbli .r .t {
    margin-top: 3px;
}

.liv-anchor .alis .sbli .r .t span {
    display: inline-block;
    padding: 0 5px;
    background-image: linear-gradient(90deg,rgba(254,83,183,1) 0,rgba(249,6,88,1) 100%);
    border-radius: 12px 0 0 12px;
    color: #fff;
    margin-right: -4px;
}

.liv-anchor .alis .sbli .r .t span i {
    display: inline-block;
    width: 9px;
    height: 8px;
    background: url(https://g1.17qcc.com/2018/product/images/comelive.gif) top center;
    background-size: 100% 100%;
    margin-right: 3px;
}

.liv-anchor .alis .sbli .r .t em {
    display: inline-block;
    padding: 0 5px;
    background-color: #333;
    color: #fff;
    border-radius: 0 12px 12px 0;
}

.liv-floor .bd ul li {
    margin-bottom: 15px;
}

.liv-floor .bd ul li .bt .bd .n {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.liv-floor .bd ul li .bt {
    position: relative;
}

.liv-floor .bd ul li .bt .arr {
    background: url(https://g1.17qcc.com/2018/product/images/arrowshop1.png) top center no-repeat;
    width: 6px;
    height: 9px;
    right: 10px;
    position: absolute;
    top: 38px;
}

.liv-floor .bd ul li .live-line {
    width: 260px;
    display: block;
    height: 1px;
    background-color: #DCDEE3;
    margin: 0 auto;
}

.liv-floor .bd ul li .s span {
    background: linear-gradient(90deg,rgba(254,83,183,1) 0,rgba(249,6,88,1) 100%);
}

.liv-floor .bd ul li .s em {
    background-color: #333;
}

.liv-floor .md a {
    background-color: #E5E5E5;
    color: #333;
}

.liv-being .hd span {
    background-color: #F90658;
}

.liv-prev .hd span {
    background-color: #9F6AFF;
}

.liv-prev .bd ul li .picbox .pic img {
    border-radius: 0;
}

.liv-prev .bd ul li .picbox .btnc {
    border-radius: 0;
}

.liv-prev .bd ul li .s span {
    background: linear-gradient(-90deg,rgba(146,87,254,1) 0,rgba(159,106,255,1) 100%);
}

.liv-prev .bd ul li .s em {
    background: #333;
}

.liv-prev .bd ul li:hover .s {
    display: none;
}

.liv-prev .bd ul li:hover .sm {
    display: block;
}

.liv-prev .bd ul li:hover .btnc {
    display: none;
}

.liv-back .bd ul li .s span {
    background: linear-gradient(90deg,rgba(106,123,255,1) 0,rgba(83,102,252,1) 100%);
}

.liv-back .bd ul li .s span i {
    width: 16px;
    height: 18px;
    background: url(https://g1.17qcc.com/2018/product/images/liv_backi.png) center no-repeat;
    background-size: auto 12px;
    vertical-align: -4px;
    margin-right: 0;
}

.livhis-p .bd ul li .info {
    padding: 10px;
    height: 150px;
}

.livhis-p .bd ul li .info .fm1 {
    width: 150px;
    height: 150px;
}

.livhis-p .bd ul li .item .fm2 {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 164px;
    display: block;
}

.livhis-p .bd ul li .item a {
    display: block;
}

.livhis-p .bd ul li .item .htis {
    color: #666;
    margin-left: 164px;
    margin-top: 10px;
}

.livhis-p .bd ul li .item .v {
    color: #999;
    margin-left: 164px;
    margin-top: 20px;
    margin-bottom: 6px;
}

.livhis-p .bd ul li .item .infob {
    display: block;
    overflow: hidden;
    margin-left: 164px;
}

.livhis-p .bd ul li .item .infob dl {
    height: 60px;
    float: left;
}

.livhis-p .bd ul li .item .infob dl dd {
    float: left;
    width: 56px;
    height: 56px;
    margin-right: 10px;
}

.livhis-p .bd ul li .item .infob dl dd img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.livhis-p .bd ul li .item .infob .mo {
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.livhis-p .bd ul li .item .infob .mo img {
    width: 100%;
    height: 100%;
}

.livhis-p .bd ul li .item .infob .mo .moz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.53);
}

.livhis-p .bd ul li .item .infob .mo p {
    font-size: 12px;
    color: #fff;
    line-height: normal;
    margin-top: 2px;
}

.livhis-p .bd ul li .item .infob .mo p .pa {
    background: url(https://g1.17qcc.com/2018/product/images/mpath.png) top center no-repeat;
    width: 13px;
    display: inline-block;
    height: 10px;
    vertical-align: top;
    margin-top: 5px;
}

.playContentHz .liv-rlc .le .vcp-player {
    width: 648px!important;
    height: 367px!important;
}

.playContentHz .liv-rlc .le .vcp-player video {
    width: 368px!important;
    height: 648px!important;
    left: 140px!important;
    position: absolute!important;
    top: -140px!important;
    max-height: unset!important;
    max-width: unset!important;
}

.playContentHz .liv-rlc .le .vcp-player video {
    transform: rotate(90deg)!important;
    -ms-transform: rotate(90deg)!important;
    -moz-transform: rotate(90deg)!important;
    -webkit-transform: rotate(90deg)!important;
    -o-transform: rotate(90deg)!important;
}

.playContentHz270 .liv-rlc .le .vcp-player video {
    transform: rotate(270deg)!important;
    -ms-transform: rotate(270deg)!important;
    -moz-transform: rotate(270deg)!important;
    -webkit-transform: rotate(270deg)!important;
    -o-transform: rotate(270deg)!important;
}

.playContentHz .liv-rlc .le {
    width: 100%!important;
    height: 100%!important;
}

.playContentHz .liv-rlc .ri {
    position: absolute!important;
    bottom: 35px!important;
    width: 648px!important;
    height: 280px!important;
    float: unset!important;
}

.playContentHz .liv-rlc .ri .appcode {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.playContentHz .liv-rlc .ri .appsm {
    margin-top: 0!important;
}

.playContentHz .liv-rl {
    width: 648px!important;
}

.playContentHz .liv-r {
    width: 540px!important;
    float: right;
}

.playContentHz .liv-rlc .ri .msgbox .pannel {
    height: 150px!important;
}

.cloudsearch-icon {
    position: absolute;
    left: 431px;
    top: 11px;
    background: url(https://g1.17qcc.com/2018/product/images/photo-icon.png);
    display: block;
    width: 18px;
    height: 16px;
}

.cloudBan {
    position: relative;
}

.cloudBan .bg {
    position: relative;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    height: 380px;
}

.cloudBan .bg img {
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.cloud-fliter {
    background: #fff;
    border: 1px solid #EDEDED;
    border-top: 0;
    margin-top: 20px;
    box-sizing: border-box;
    position: relative;
}

.cloud-fliter dl {
    padding: 0 20px;
    position: relative;
    border-top: 1px solid #EDEDED;
}

.cloud-fliter dl dt {
    float: left;
    min-width: 36px;
    vertical-align: middle;
    line-height: 48px;
    font-size: 12px;
    color: #999;
}

.cloud-fliter dl dd {
    padding: 14px 0 4px 0;
    overflow: hidden;
}

.cloud-fliter dl .checkBox {
    margin-left: -14px;
    height: 30px;
    overflow: hidden;
}

.cloud-fliter dl .checkBox.b_auto {
    height: auto;
}

.cloud-fliter dl .checkBox a {
    margin-bottom: 10px;
    height: 20px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    margin-left: 15px;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
    transition: all .2s;
}

.cloud-fliter .moreBtnBox {
    min-width: 80px;
    margin-top: 13px;
    float: right;
}

.cloud-fliter .moreBtnBox a {
    position: absolute;
    bottom: 14px;
    cursor: pointer;
    display: block;
    height: 20px;
    padding: 0 13px;
    line-height: 20px;
    font-size: 0;
    border-radius: 16px;
    user-select: none;
}

.cloud-fliter .moreBtnBox a span {
    font-size: 12px;
    color: #999;
    margin-right: 3px;
}

.cloud-fliter .moreBtnBox a img {
    vertical-align: top;
    margin-top: 7px;
    display: inline-block;
}

.cloud-fliter .moreBtnBox.b_slide img {
    transform: rotate(180deg);
}

.cloud-fliter dd a:hover,.cloud-fliter dd a.active {
    color: #fff;
    background: #F50;
    border-radius: 2px;
}

.cloud-fliter .moreBtnBox a:hover {
    background: 0;
    border-radius: 0;
    color: #666;
}

.cloud-fliter .b-ruzhuBtn {
    position: absolute;
    top: -7px;
    right: 0;
    width: 153px;
    height: 42px;
    background: url(//g1.17qcc.com/2018/fastgoods/images/maraketBtnIcon.png) left center no-repeat;
    line-height: 38px;
    font-size: 0;
    text-align: right;
    cursor: pointer;
    z-index: 3;
}

.cloud-sort {
    margin-top: 10px;
    background-color: #F9F9F9;
    border: 1px solid #EDEDED;
    line-height: 40px;
    height: 40px;
}

.cloud-sort li {
    float: left;
    text-align: center;
    min-width: 60px;
    transition: all .1s ease-in-out;
}

.cloud-sort li a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #333;
    padding: 0 18px;
    border-right: 1px solid #EDEDED;
}

.cloud-sort li a em {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    width: 11px;
    height: 13px;
}

.cloud-sort li a i {
    background: url(https://g1.17qcc.com/2020/hpai/images/b_shop_icon.png) left center no-repeat;
    display: inline-block;
    width: 7px;
    height: 10px;
    margin-top: -2px;
    margin-left: 4px;
    vertical-align: middle;
}

.cloud-sort li.lowSort a i {
    background: url(https://g1.17qcc.com/2020/hpai/images/b_shop_icon.png) right center no-repeat;
}

.cloud-sort li.higSort a i {
    background: url(https://g1.17qcc.com/2020/hpai/images/b_shop_icon.png) -18px center no-repeat;
}

.cloud-sort li.down a em {
    background: url(https://g1.17qcc.com/2018/shop/images/down-arrow1.png) top center no-repeat;
}

.cloud-sort li.active.down a em {
    background: url(https://g1.17qcc.com/2018/shop/images/down-arrow2.png) top center no-repeat;
}

.cloud-sort li.border {
    position: relative;
}

.cloud-sort li .b-inputLabel {
    transition: all .2s;
    border: 1px solid #ececec;
    margin: 0 10px;
    margin-top: 6px;
    height: 26px;
    display: inline-block;
    line-height: 26px;
    padding: 0 8px;
    background-color: #fff;
}

.cloud-sort li .b-inputLabel span {
    font-size: 12px;
    color: #b6b6b6;
}

.cloud-sort li .b-inputLabel:hover {
    border: 1px solid #aaa;
}

.cloud-sort li input {
    width: 40px;
    text-align: center;
    color: #333;
    border: 0;
    font-size: 12px;
}

.cloud-sort li em {
    display: inline-block;
    font-size: 12px;
    color: #999;
}

.cloud-sort .sureBtn {
    width: 52px;
    line-height: 26px;
    border: 1px solid #f50;
    height: 26px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background: #f50;
    margin-right: 13px;
    cursor: pointer;
    transition: all .2s;
    margin-top: 8px;
    vertical-align: top;
    display: none;
}

.cloud-sort .clearBtn {
    width: 52px;
    line-height: 26px;
    border: 1px solid #FFB692;
    height: 26px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background: #FFB692;
    margin-right: 13px;
    cursor: pointer;
    transition: all .2s;
    margin-top: 8px;
    vertical-align: top;
    display: none;
}

.cloud-sort 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 #f60;
    opacity: 0;
    pointer-events: none;
}

.cloud-sort li.border::after {
    content: '';
    width: 1px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 0;
    background-color: #EDEDED;
}

.cloud-sort li.border:hover .sureBtn {
    display: inline-block;
}

.cloud-sort li.border:hover .clearBtn {
    display: inline-block;
}

.cloud-sort li.border:hover::before {
    opacity: 1;
}

.cloud-sort li .b-checkLabel {
    cursor: pointer;
}

.cloud-sort li.b-video .checkIcon {
    margin-top: -3px;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(https://g1.17qcc.com/2018/fastgoods/images/b_checkbox_icon.png) left bottom no-repeat;
}

.cloud-sort li.b-video a {
    border-right: 1px solid transparent;
}

.cloud-sort li.b-video.active {
    background-color: transparent;
}

.cloud-sort li.b-video.active a {
    color: #666;
}

.cloud-sort li.b-video.active .checkIcon {
    background: url(https://g1.17qcc.com/2018/fastgoods/images/b_checkboxed_icon.png) left bottom no-repeat;
}

.cloud-sort li.inputSearch {
    float: right;
    margin-right: 10px;
}

.cloud-sort li .b-inputSearch {
    height: 28px;
    margin-top: 5px;
    display: block;
    background-color: #fff;
}

.cloud-sort li .b-inputSearch label {
    float: left;
    width: 200px;
    height: 28px;
    border: 1px solid #ECECEC;
    border-right: 0;
    line-height: 26px;
    padding: 0 10px;
    transition: all .2s;
    box-sizing: border-box;
}

.cloud-sort li .b-inputSearch label img {
    margin-right: 5px;
    width: 14px;
    height: 14px;
    margin-top: -2px;
}

.cloud-sort li .b-inputSearch label input {
    width: calc(100% - 14px - 6px - 9px);
    vertical-align: 1px;
    line-height: 24px;
    height: 24px;
    text-align: left;
    color: #333;
    border: 0;
    font-size: 12px;
}

.cloud-sort li .b-inputSearch .b-searchBtn {
    width: 68px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background: #f50;
    border: 0;
    float: left;
}

.cloud-sort li.active {
    background-color: #F50;
}

.cloud-sort li.active a {
    color: #fff;
    border-right: 1px solid transparent;
}

.cloud-sort .b-fixedBox {
    position: fixed;
    top: 0;
    width: 1198px;
    background: rgba(255,255,255,.96);
    z-index: 99;
    border: 1px solid #F0F0F0;
    display: block;
}

.cloud-product {
    padding-top: 5px;
}

.cloud-product ul {
    margin-left: -22px;
}

.cloud-product ul li {
    float: left;
    width: 222px;
    height: 336px;
    margin-left: 22px;
    margin-top: 20px;
    background: #fff;
    border: 1px solid #ededed;
    box-sizing: border-box;
    position: relative;
    transition: all .1s ease-in-out;
}

.cloud-product .proBox .pic {
    display: block;
    position: relative;
    height: 222px;
    margin-bottom: 11px;
    cursor: pointer;
}

.cloud-product .proBox .pic p {
    overflow: hidden;
}

.cloud-product .proBox .pic p img {
    width: 100%;
    height: 100%;
}

.cloud-product .proBox .b-price {
    padding: 0 15px;
    height: 22px;
    margin-bottom: 3px;
}

.cloud-product .proBox .b-priceTxt {
    font-size: 16px;
    color: #f50;
}

.cloud-product .proBox .b-priceTxt i {
    font-size: 12px;
    font-style: normal;
    margin-right: 2px;
}

.cloud-product .proBox .b-time {
    float: right;
}

.cloud-product .proBox .b-time img {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-top: 5px;
    vertical-align: top;
}

.cloud-product .proBox .b-time span {
    font-size: 12px;
    color: #666;
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
}

.cloud-product .proBox h2 {
    font-size: 12px;
    padding: 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 2px;
    line-height: 18px;
    font-weight: normal;
}

.cloud-product .proBox h2 a {
    color: #999;
}

.cloud-product .proBox h3 {
    font-size: 12px;
    padding: 0 15px;
    line-height: 18px;
    color: #333;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cloud-product .proBox .b-about {
    height: 22px;
    padding: 0 15px;
}

.cloud-product .proBox .b-about .b-aboutType img {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 4px;
}

.cloud-product .proBox .b-about .b-shopRouter {
    float: right;
    font-size: 12px;
    color: #666;
    cursor: pointer;
}

.cloud-product .proBox .b-about .b-shopRouter i {
    font-style: normal;
    font-size: 12px;
    font-family: "宋体";
}

.cloud-product .proBox .b-icon {
    width: 35px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
}

.cloud-product li .datagn {
    display: none;
    background-color: #fff;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 112px;
}

.cloud-product li .datagn .rate {
    padding-top: 8px;
    position: relative;
}

.cloud-product li .datagn .rate {
    line-height: 20px;
    height: auto;
    color: #666;
    font-size: 12px;
    display: block;
}

.cloud-product li .datagn .rate .ms {
    float: left;
    width: 40%;
    text-align: center;
}

.cloud-product li .datagn .rate .ms span {
    display: block;
    line-height: 20px;
    color: #999;
}

.cloud-product li .datagn .rate .line {
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #f1f0f0;
}

.cloud-product li .datagn .rate .rate_d {
    float: right;
    cursor: pointer;
    position: relative;
    width: 60%;
    text-align: center;
}

.cloud-product li .datagn .rate .rams .q_icon {
    margin-right: 5px;
    width: 17px;
    height: 17px;
    background: url(//g1.17qcc.com/2018/product/images/report-icon.png?v2020) top center no-repeat;
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}

.cloud-product li .datagn .rate .q_ih .q_icon {
    background: url(//g1.17qcc.com/2018/product/images/report_qih.png);
}

.cloud-product li .datagn .rate .q_il .q_icon {
    background: url(//g1.17qcc.com/2018/product/images/report_qil.png);
}

.cloud-product li .datagn .rate .q_iz .q_icon {
    background: url(//g1.17qcc.com/2018/product/images/report_qiz.png);
}

.cloud-product li .datagn .rate .rams .per {
    font-style: normal;
    color: #F50;
    display: block;
}

.cloud-product li .datagn .rate .q_ih .per {
    color: #F00;
}

.cloud-product li .datagn .rate .q_il .per {
    color: #10C900;
}

.cloud-product li .datagn .rate .q_iz .per {
    color: #FF5000;
}

.cloud-product li .datagn .rate .rate_d .reportbox {
    display: none;
    position: absolute;
    top: -170px;
    right: -183px;
    width: 397px;
    height: 162px;
    z-index: 2;
    box-shadow: 0 0 4px 0 rgba(148,148,148,0.46);
    background-color: #fff;
    border-radius: 4px;
}

.cloud-product li .rate_d .reportbox .odbiv {
    width: 380px;
    margin: 0 auto;
}

.cloud-product li .rate_d .reportbox .odbiv .chart {
    width: 380px;
    height: 125px;
    margin: 0 auto;
}

.cloud-product li .rate_d .reportbox .odbiv .top {
    line-height: 36px;
    height: 36px;
    color: #333;
    text-align: center;
}

.cloud-product li .rate_d .reportbox .odbiv .top i {
    font-style: normal;
}

.cloud-product li .rate_d .reportbox .odbiv .top .ratetype {
    margin-left: 20px;
}

.cloud-product li .rate_d .reportbox .odbiv .top .ratetype i {
    color: #f50;
}

.cloud-product li .rate_d .reportbox .odbiv .top .close {
    float: right;
    display: none;
}

.cloud-product li .rate_d .reportbox .odbiv .top .close i {
    font-size: 18px;
    color: #999;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    float: left;
    margin-left: 10px;
    font-style: normal;
    text-align: center;
    margin-top: 7px;
    line-height: 18px;
    border: 1px solid #d0d0d0;
}

.cloud-product li .rate_d .reportbox .odbiv .top .close:hover i {
    background-color: #f50;
    color: #fff;
    border: 1px solid transparent;
}

.cloud-product li .rate_d .reportbox .odbiv .top .close i {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.cloud-product li .rate_d .reportbox .repotarw {
    position: absolute;
    bottom: -41px;
    left: 84px;
    width: 130px;
    height: 41px;
    background: url(//g1.17qcc.com/2018/product/images/report-arrow.png) 82px 0 no-repeat;
}

.cloud-product li .datagn .rate .rate_d:hover .reportbox {
    display: block;
}

.cloud-product li .datagn .rate .rate_x {
    float: right;
    cursor: pointer;
    position: relative;
    width: 60%;
    text-align: center;
}

.cloud-product li .datagn .rate .rate_x .per {
    font-style: normal;
    color: #ff9c69;
    display: block;
}

.cloud-product li .datagn .rate .rate_x .reportbox {
    display: none;
    position: absolute;
    top: -170px;
    right: -183px;
    width: 397px;
    height: 162px;
    z-index: 2;
    box-shadow: 0 0 4px 0 rgba(148,148,148,0.46);
    background-color: #fff;
    border-radius: 4px;
}

.cloud-product li .rate_x .reportbox .odbiv {
    width: 380px;
    margin: 0 auto;
}

.cloud-product li .rate_x .reportbox .odbiv .chart {
    width: 380px;
    height: 125px;
    margin: 0 auto;
}

.cloud-product li .rate_x .reportbox .odbiv .top {
    line-height: 36px;
    height: 36px;
    color: #333;
    text-align: center;
}

.cloud-product li .rate_x .reportbox .odbiv .top i {
    font-style: normal;
}

.cloud-product li .rate_x .reportbox .odbiv .top .ratetype {
    margin-left: 20px;
}

.cloud-product li .rate_x .reportbox .odbiv .top .ratetype i {
    color: #f50;
}

.cloud-product li .rate_x .reportbox .odbiv .top .close {
    float: right;
    display: none;
}

.cloud-product li .rate_x .reportbox .odbiv .top .close i {
    font-size: 18px;
    color: #999;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    float: left;
    margin-left: 10px;
    font-style: normal;
    text-align: center;
    margin-top: 7px;
    line-height: 18px;
    border: 1px solid #d0d0d0;
}

.cloud-product li .rate_x .reportbox .odbiv .top .close:hover i {
    background-color: #f50;
    color: #fff;
    border: 1px solid transparent;
}

.cloud-product li .rate_x .reportbox .odbiv .top .close i {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.cloud-product li .rate_x .reportbox .repotarw {
    position: absolute;
    bottom: -41px;
    left: 84px;
    width: 130px;
    height: 41px;
    background: url(//g1.17qcc.com/2018/product/images/report-arrow.png) 82px 0 no-repeat;
}

.cloud-product li .datagn .rate .rate_x:hover .reportbox {
    display: block;
}

.cloud-product li .datagn .ap {
    padding: 0 10px 0;
    display: block;
    margin-top: 14px;
    border-top: 1px solid #f1f0f0;
    height: 33px;
    line-height: 32px;
}

.cloud-product li .datagn .ap .shopa {
    float: left;
    color: #333;
    font-size: 14px;
}

.cloud-product li .datagn .ap .shopa i {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
}

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

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

.cloud-product 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: 11px;
}

.cloud-product li .quickgngb {
    position: relative;
}

.cloud-product li .quickgn {
    position: absolute;
    bottom: 11px;
    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;
}

.cloud-product li .quickgn .quic_s {
    float: left;
    width: 72px;
    color: #fff;
    cursor: pointer;
}

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

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

.cloud-product li .quickgn .cross dl {
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    background-color: #fff;
    width: 100%;
    padding-top: 6px;
    height: 104px;
    z-index: 11;
}

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

.cloud-product li .quickgn .cross dl dd em {
    color: #666;
}

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

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

.cloud-product li .quickgn .cross:hover {
    background-color: #F50;
}

.cloud-product li .quickgn .cross:hover .crosstips {
    display: block;
}

.cloud-product li .quickgn .cross:hover dl {
    display: block;
}

.cloud-product li:hover {
    border: 1px solid #f50;
}

.cloud-product li:hover .proBox h2 a {
    color: #f50;
}

.cloud-product li:hover p img {
    transform: scale(1.1);
}

.cloud-product li:hover .quickgn {
    height: 24px;
    opacity: 1;
}

.cloud-product li .picbox:hover .datagn {
    display: block;
}

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

.b-hotView {
    background: #fff;
}

.b-hotView .b-tabBox {
    padding: 28px 0 0 0;
    border-bottom: 1px solid #F6F6F6;
    margin-bottom: 25px;
}

.b-hotView .b-tabBox .b-titleName {
    float: left;
    height: 24px;
    border-right: 1px solid transparent;
}

.b-hotView .b-tabBox .b-titleName img {
    width: 24px;
    height: 24px;
    margin-right: 7px;
    float: left;
}

.b-hotView .b-tabBox .b-titleName span {
    display: inline-block;
    line-height: 22px;
    margin-top: 1px;
    vertical-align: top;
    font-size: 20px;
    color: #222;
    font-weight: bold;
    padding-right: 20px;
}

.b-hotView .b-btnBox {
    overflow: hidden;
    font-size: 0;
    padding-left: 15px;
}

.b-hotView .b-btnBox span {
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin: 0 29px;
    height: 35px;
    line-height: 28px;
    cursor: pointer;
    position: relative;
    cursor: pointer;
}

.b-hotView .b-btnBox span em {
    position: absolute;
    bottom: 0;
    width: 60%;
    left: 50%;
    margin-left: -30%;
    height: 2px;
    background: 0;
    border-radius: 2px;
    opacity: 0;
    transition: all .2s;
}

.b-hotView .b-btnBox span:hover,.b-hotView .b-btnBox span.active {
    color: #f50;
}

.b-hotView .b-btnBox span:hover em,.b-hotView .b-btnBox span.active em {
    opacity: 1;
    background: #f50;
}

.cloud-product .proBox h2 {
    font-size: 12px;
    padding: 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 2px;
    line-height: 18px;
    font-weight: normal;
}

.cloud-product .proBox h2 a {
    color: #999;
}

.cloud-product .proBox h3 {
    font-size: 12px;
    padding: 0 15px;
    line-height: 18px;
    color: #333;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.b-tabIn ul {
    margin-left: -22px;
    display: none;
}

.b-tabIn ul:first-of-type {
    display: block;
}

.b-tabIn ul li {
    float: left;
    width: 222px;
    height: 306px;
    margin-left: 22px;
    margin-top: 20px;
    background: #fff;
    border: 1px solid #ededed;
    box-sizing: border-box;
    position: relative;
    transition: all .1s ease-in-out;
}

.b-tabIn .proBox .pic {
    display: block;
    position: relative;
    height: 222px;
    margin-bottom: 11px;
    cursor: pointer;
}

.b-tabIn .proBox .pic p {
    overflow: hidden;
}

.b-tabIn .proBox .pic p img {
    width: 100%;
    height: 100%;
}

.b-tabIn .proBox .b-price {
    padding: 0 15px;
    height: 22px;
    margin-bottom: 3px;
}

.b-tabIn .proBox .b-priceTxt {
    font-size: 16px;
    color: #f50;
}

.b-tabIn .proBox .b-priceTxt i {
    font-size: 12px;
    font-style: normal;
    margin-right: 2px;
}

.b-tabIn .proBox .b-time {
    float: right;
}

.b-tabIn .proBox .b-time img {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-top: 5px;
    vertical-align: top;
}

.b-tabIn .proBox .b-time span {
    font-size: 12px;
    color: #666;
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
}

.b-tabIn .proBox h2 {
    font-size: 12px;
    padding: 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 2px;
    line-height: 18px;
    font-weight: normal;
}

.b-tabIn .proBox h2 a {
    color: #999;
}

.b-tabIn .proBox h3 {
    font-size: 12px;
    padding: 0 15px;
    line-height: 18px;
    color: #333;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.b-tabIn .proBox .b-about {
    height: 22px;
    padding: 0 15px;
}

.b-tabIn .proBox .b-about .b-aboutType img {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 4px;
}

.b-tabIn .proBox .b-about .b-shopRouter {
    float: right;
    font-size: 12px;
    color: #666;
    cursor: pointer;
}

.b-tabIn .proBox .b-about .b-shopRouter i {
    font-style: normal;
    font-size: 12px;
    font-family: "宋体";
}

.b-tabIn .proBox .b-icon {
    width: 35px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
}

.b-tabIn li:hover {
    border: 1px solid #f50;
}

.b-tabIn li:hover .proBox h2 a {
    color: #f50;
}

.b-tabIn li:hover p img {
    transform: scale(1.1);
}

.yunDfa_bg {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}

.yunDfa_bg img {
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.yunDfa_pro {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    height: 712px;
    background: url(https://g1.17qcc.com/2018/fastgoods/images/yunDfa_2.jpg) top center no-repeat;
}

.yunDfa_pro .title {
    width: 813px;
    height: 220px;
    background: url(https://g1.17qcc.com/2018/fastgoods/images/yunDfa_3.png) top center no-repeat;
    margin-top: 44px;
    margin-bottom: 45px;
    margin-left: -9px;
}

.yunDfa_pro ul {
    margin-left: -52px;
}

.yunDfa_pro li {
    width: 258px;
    height: 312px;
    box-shadow: 0 0 20px #dadada;
    margin-left: 52px;
    background-color: #fff;
    border-radius: 10px;
    transition: all .1s ease-in-out;
    float: left;
}

.yunDfa_pro li a {
    display: block;
    padding-top: 40px;
    padding-bottom: 60px;
}

.yunDfa_pro li .pic {
    display: block;
    margin: 0 auto 24px;
    width: 122px;
    height: 122px;
    background: url(https://g1.17qcc.com/2018/fastgoods/images/yunDfa_4.png?v2) no-repeat;
    transition: all .2s ease-in-out;
}

.yunDfa_pro li .pic1 {
    background-position: -1px -3px;
}

.yunDfa_pro li .pic2 {
    background-position: -164px -3px;
}

.yunDfa_pro li .pic3 {
    background-position: -326px -0px;
}

.yunDfa_pro li .pic4 {
    background-position: -489px -0px;
}

.yunDfa_pro li .big {
    font-size: 20px;
    color: #333;
    text-align: center;
    font-weight: bold;
}

.yunDfa_pro li .sm {
    color: #999;
    font-size: 14px;
    text-align: center;
    margin-top: 12px;
}

.yunDfa_pro li .sm p {
    line-height: 20px;
}

.yunDfa_pro li .sm p span {
    color: #344cfe;
}

.yunDfa_pro li:hover {
    background-color: #344cfe;
    background-image: linear-gradient(45deg,#344cfe 0,#5a8cff 100%);
}

.yunDfa_pro li:hover .pic1 {
    background-position: -1px -184px;
}

.yunDfa_pro li:hover .pic2 {
    background-position: -173px -184px;
}

.yunDfa_pro li:hover .pic3 {
    background-position: -345px -184px;
}

.yunDfa_pro li:hover .pic4 {
    background-position: -498px -184px;
}

.yunDfa_pro li:hover .big {
    color: #fff;
}

.yunDfa_pro li:hover .sm {
    color: #fff;
}

.yunDfa_pro li:hover .sm p span {
    color: #fffc00;
}

.yunDfa_pmen {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    height: 785px;
    background: url(https://g1.17qcc.com/2018/fastgoods/images/yunDfa_5.jpg) top center no-repeat;
}

.yunDfa_pmen .item {
    position: relative;
    padding-top: 98px;
}

.yunDfa_pmen .item ul {
    background-color: #344cfe;
    width: 1120px;
    height: 594px;
    box-shadow: 0 0 30px rgba(8,43,150,.4);
    padding-top: 36px;
}

.yunDfa_pmen .item ul li {
    width: 726px;
    height: 130px;
    transition: all .1s ease-in-out;
    cursor: pointer;
}

.yunDfa_pmen .item ul li .desc {
    padding: 22px 0 26px 60px;
    position: relative;
}

.yunDfa_pmen .item ul li .desc .p {
    float: left;
    width: 82px;
    height: 82px;
    background: url(https://g1.17qcc.com/2018/fastgoods/images/yunDfa_7.png) no-repeat;
    margin-right: 32px;
}

.yunDfa_pmen .item ul li .words {
    width: 594px;
}

.yunDfa_pmen .item ul li .words p {
    font-size: 20px;
    color: #fff;
    margin-top: 16px;
}

.yunDfa_pmen .item ul li .words span {
    font-size: 16px;
    color: rgba(255,255,255,0.62);
}

.yunDfa_pmen .item ul li .desc .p1 {
    background-position: 0 0;
}

.yunDfa_pmen .item ul li .desc .p2 {
    background-position: 0 -132px;
}

.yunDfa_pmen .item ul li .desc .p3 {
    background-position: 0 -264px;
}

.yunDfa_pmen .item ul li .desc .p4 {
    background-position: 0 -394px;
}

.yunDfa_pmen .item ul li .desc::before {
    content: '';
    width: 5px;
    height: 130px;
    background-color: #16a5ff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.yunDfa_pmen .item ul li:hover {
    background-color: #253df2;
}

.yunDfa_pmen .item ul li:hover .desc::before {
    opacity: 1;
}

.yunDfa_pmen .item .ri {
    background: url(https://g1.17qcc.com/2018/fastgoods/images/yunDfa_6.png) top center no-repeat;
    width: 442px;
    height: 642px;
    position: absolute;
    top: 10px;
    right: -30px;
}

.yunDfa_s {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    height: 278px;
    background: url(https://g1.17qcc.com/2018/fastgoods/images/yunDfa_8.jpg) top center no-repeat;
}

.yunDfa_s .w1200 {
    height: 278px;
}

.yunDfa_s .down {
    float: right;
    width: 500px;
    height: 278px;
}

.yunDfa_s .kefu {
    float: right;
    width: 260px;
    height: 278px;
}

.giftBg {
    background-color: #FFF9EE;
}

.gifBan {
    height: 380px;
    width: 100%;
    min-width: 1200px;
    background-image: url(https://g1.17qcc.com/2018/shop/images/gf_1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

.gdli ul {
    margin-left: -20px;
    margin-top: 20px;
}

.gdli ul li {
    float: left;
    margin-left: 20px;
    width: 222px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #F8F1E4;
    transition: border .3s ease;
    margin-top: 20px;
}

.gdli ul li a {
    display: block;
}

.gdli ul li span.pic {
    display: block;
    width: 222px;
    height: 222px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}

.gdli ul li span.pic img {
    height: 220px;
    width: auto;
    margin-left: 1px;
}

.gdli ul li .desc {
    padding: 10px 10px;
}

.gdli ul li .desc .size {
    color: #333;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}

.gdli ul li .desc .brprice {
    height: 25px;
    line-height: 24px;
    margin-top: 10px;
}

.gdli ul li .desc .brprice span {
    font-size: 20px;
    color: #f50;
}

.gdli ul li .desc .brprice span i {
    font-style: normal;
    margin-right: 2px;
}

.gdli ul li .desc .brprice .p_time {
    margin-right: 0;
    float: right;
    color: #999;
    font-size: 12px;
    line-height: 30px;
}

.gdli ul li:hover {
    border: 1px solid #F50;
}

.gdli ul li:hover img {
    transform: scale(1.1);
}

.xcrumb {
    padding-top: 10px;
    line-height: 24px;
    padding-bottom: 10px;
}

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

.xcrumb .vbarrow {
    float: left;
    margin-right: 3px;
    margin-left: 3px;
}

.xcrumb .cattext {
    float: left;
    margin-right: 3px;
}

.xcrumb a {
    float: left;
}

.xcrumb a.icon_tag {
    min-width: 87px;
    height: 22px;
    line-height: 22px;
    border: 1px solid transparent;
    text-align: center;
    padding-left: 6px;
    background-color: #F6F6F6;
    color: #666;
    border-radius: 2px;
}

.xcrumb a.icon_tag span {
    color: #999;
    padding-right: 6px;
}

.xcrumb a.icon_tag span em {
    color: #666;
}

.xcrumb a.icon_tag i {
    font-style: normal;
    color: #bbb;
    float: right;
    top: -1px;
    height: 22px;
    width: 20px;
    line-height: 22px;
    font-size: 16px;
    background: url(//g1.17qcc.com/2018/shop/images/xcIcon.png) center no-repeat #F0F0F0;
}

.xcrumb a.icon_tag .close_icon {
    display: inline-block;
    vertical-align: -5px;
    background-color: #F0F0F0;
    height: 22px;
}

.xcrumb a.icon_tag:hover {
    border-color: #FFB088;
    background-color: #fff;
}

.xcrumb a.icon_tag:hover i {
    background: url(//g1.17qcc.com/2018/shop/images/xcIcon2.png) center no-repeat #FFB088;
}

.xcrumb a.icon_tag:hover span {
    color: #f50;
}

.xcrumb a.icon_tag:hover span em {
    color: #f50;
}

.xcrumb a.icon_tag:hover .close_icon {
    background-color: #FFB088;
    color: #fff;
}

.xcrumb .menu_drop {
    float: left;
    height: 24px;
    margin-right: 3px;
    position: relative;
}

.xcrumb .menu_drop .trigger {
    background-color: #F6F6F6;
    position: relative;
    z-index: 2;
    height: 24px;
    border: 1px solid transparent;
    padding: 0 0 0 8px;
    line-height: 24px;
}

.xcrumb .menu_drop .trigger .curr {
    color: #999;
}

.xcrumb .menu_drop .drop_arrow {
    float: left;
    width: 20px;
    position: relative;
    height: 22px;
}

.xcrumb .menu_drop .drop_arrow i {
    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;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
    top: 10px;
    right: 4px;
    position: absolute;
}

.xcrumb .menu_drop .drop_arrow i s {
    position: relative;
    top: -9px;
    text-decoration: none;
}

.xcrumb .menu_drop:hover i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    color: #f50;
}

.xcrumb .menu_drop .menu_drop_main {
    position: absolute;
    width: 330px;
    display: block;
    padding: 10px 0 10px 8px;
    left: 0;
    top: 24px;
    border: 1px solid #bbb;
    background-color: #fff;
    z-index: 3;
    display: none;
}

.xcrumb .menu_drop .menu_drop_main ul {
    overflow: hidden;
}

.xcrumb .menu_drop .menu_drop_main ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    margin-top: 6px;
    min-width: 30px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    margin-right: 5px;
}

.xcrumb .menu_drop .menu_drop_main ul li a {
    display: block;
    text-align: center;
    width: 100%;
}

.xcrumb .menu_drop .menu_drop_main ul li span {
    padding: 0 10px;
}

.xcrumb .menu_drop .menu_drop_main ul li.curr {
    color: #999;
    background: #F50;
    border-radius: 2px;
    color: #fff;
}

.xcrumb .menu_drop .trigger .close {
    color: #bbb;
    float: right;
    top: -1px;
    height: 24px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    background: url(//g1.17qcc.com/2018/shop/images/xcIcon.png) center no-repeat #F0F0F0;
    cursor: pointer;
}

.xcrumb .menu_drop .trigger .close {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat #F0F0F0;
    background-position: -410px -278px;
}

.xcrumb .menu_drop .menu_drop_main ul li a:hover {
    background-color: #FFF6F1;
    color: #F50;
}

.xcrumb .menu_drop:hover .trigger {
    height: 24px;
    border-bottom: 0;
    border-color: #FFB088;
    background-color: #fff;
    z-index: 5;
}

.xcrumb .menu_drop:hover .trigger .close {
    background: url(//g1.17qcc.com/2018/shop/images/xcIcon2.png) center no-repeat #FFB088;
}

.xcrumb .menu_drop:hover .trigger .close {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat #FFB088;
    background-position: -425px -278px;
}

.xcrumb .menu_drop:hover .menu_drop_main {
    display: block;
    border-color: #FFB088;
}

.xsrp {
    background-color: #fff;
    border: 1px solid #F0F0F0;
}

.xsrp .wid {
    border-top: 1px solid #F0F0F0;
    position: relative;
}

.xsrp .wid:first-child {
    border-top: 0;
}

.xsrp .wid-l {
    font-size: 14px;
    color: #666;
    width: 64px;
    text-align: center;
    background-color: #F6F6F6;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xsrp .widcatex .dp_a {
    float: left;
    margin-right: 58px;
    position: relative;
}

.xsrp .widcatex .dp_a {
    z-index: 12;
}

.xsrp .widcatex .dp_a .place {
    color: #333;
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px 5px;
    float: left;
    border: 1px solid transparent;
    border-bottom: 1px solid transparent;
    position: relative;
    z-index: 6;
}

.xsrp .widcatex .dp_a .place i {
    float: left;
    margin-top: 12px;
    width: 9px;
    height: 7px;
    background: url(//g1.17qcc.com/2018/sitexie/images/arrow_down.png) top center no-repeat;
    margin-left: 8px;
    background-size: 100% 100%;
}

.xsrp .widcatex .dp_a .place i {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -417px -313px;
}

.xsrp .widcatex .dp_a .place em {
    float: left;
}

.xsrp .widcatex .dp_a .place.active em {
    color: #f50;
}

.xsrp .widcatex .dp_a .place.active {
    background: #f50;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    margin-top: 8px;
    border-radius: 2px;
}

.xsrp .widcatex .dp_all .place.active em {
    color: #fff;
}

.xsrp .widcatex .dp_a .drop {
    display: none;
    background-color: #fff;
    border: 1px solid #f50;
    position: absolute;
    top: 34px;
    left: 0;
    right: -202px;
    z-index: 2;
    padding: 10px 0 0;
}

.xsrp .widcatex .dp_a .drop a {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #333;
    margin-bottom: 16px;
    position: relative;
    margin-left: 10px;
    float: left;
    padding: 0 10px;
    border-radius: 2px;
    height: 22px;
    line-height: 22px;
}

.xsrp .widcatex .dp_a .drop a span {
    display: inline-block;
    vertical-align: middle;
}

.xsrp .widcatex .dp_a .drop a em {
    width: 12px;
    height: 10px;
    background: url(//g1.17qcc.com/2018/sitexie/images/ok_cate.png) top center no-repeat;
    position: absolute;
    top: 9px;
    right: 10px;
    display: none;
    background-size: 100% 100%;
}

.xsrp .widcatex .dp_a .drop a:hover {
    background-color: #FFF6F1;
    color: #F50;
}

.xsrp .widcatex .dp_a .drop a:hover span {
    color: #f50;
}

.xsrp .widcatex .dp_a .drop a:hover em {
    display: none;
    background-size: 100% 100%;
}

.xsrp .widcatex .dp_a .drop a.active {
    background: #F50;
    color: #fff;
}

.xsrp .widcatex .dp_a .drop a.active span {
    color: #fff;
}

.xsrp .widcatex .dp_a:hover .place {
    border: 1px solid #F0F0F0;
    border-bottom: 1px solid #ffff;
    background: #fff;
}

.xsrp .widcatex .dp_a:hover .place i {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -431px -313px;
}

.xsrp .widcatex .dp_a:hover .place em {
    color: #f50;
}

.xsrp .widcatex .dp_a:hover .drop {
    display: block;
    border: 1px solid #F0F0F0;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.04);
}

.xsrp .widcatex .dp_a.dp_all:hover .place {
    border: 1px solid #ff000000;
    background: #f50;
    border-bottom: 1px solid transparent;
    box-shadow: none;
}

.xsrp .widcatex .dp_a.dp_all:hover .place em {
    color: #fff;
}

.xsrp .wid-r {
    float: left;
}

.xsrp .widcatex {
    padding: 9px 12px 0 94px;
}

.xsrp .widline {
    float: left;
    padding: 7px 12px 0 94px;
}

.xsrp .widline .dp_a {
    float: left;
    margin-right: 8px;
    position: relative;
}

.xsrp .widline .dp_a .place {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    float: left;
    padding: 0 16px;
    border-radius: 2px;
    margin-bottom: 10px;
}

.xsrp .widline .dp_a .place em {
    float: left;
}

.xsrp .widline .dp_a:hover .place em {
    color: #f50;
}

.xsrp .widline .dp_a .place:hover {
    background-color: #FFF6F1;
    color: #F50;
}

.xsrp .widline .dp_a .place.active {
    background: #f50;
    height: 22px;
    color: #fff;
}

.xsrp .widline .dp_a .place.active em {
    color: #fff;
}

.xsrp .widpic {
    float: left;
    padding: 9px 12px 0 94px;
}

.xsrp .widpic .dp_a {
    float: left;
    margin-right: 10px;
    position: relative;
    margin-bottom: 5px;
}

.xsrp .widpic .dp_a .place {
    width: 66px;
    height: 88px;
    border-radius: 4px;
    border: 1px solid #fff;
    display: block;
    text-align: center;
}

.xsrp .widpic .dp_a .place .pic {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto;
    background-position: center;
    background-size: 76px;
    background-repeat: no-repeat;
    margin-bottom: 0;
}

.xsrp .widpic .dp_a .place .t {
    display: block;
    overflow: hidden;
    height: 18px;
}

.xsrp .widpic .dp_a .place:hover {
    border: 1px solid #f5b896;
}

.xsrp .widpic .dp_a .place.active {
    border: 1px solid #F50;
    box-shadow: 0 0 5px 0 rgba(208,163,141,0.4);
}

.xsrp .widpic .dp_a .place.active span {
    color: #F50;
}

.cbanbg,.cbanbg2,.cbanbg3 {
    min-width: 1400px;
    overflow: hidden;
}

.cbanbg {
    background-color: #f9f9f9;
    padding: 12px 0;
}

.cbanbg2 {
    background-color: #f4f4f4;
    padding: 0;
}

.coversban .q-inBanner {
    height: 300px;
    width: 770px;
    float: left;
    border-radius: 6px;
    overflow: hidden;
}

.coversban .q-inBanner .slider {
    height: 300px;
    width: 770px;
    overflow: hidden;
    position: relative;
    background-color: #F6F6F6;
}

.coversban .q-inBanner .slider ul {
    font-size: 0;
    position: absolute;
}

.coversban .q-inBanner .slider li {
    width: 770px;
    height: 300px;
    text-align: center;
    line-height: 300px;
    float: left;
}

.coversban .q-inBanner .slider li a {
    display: block;
}

.coversban .q-inBanner .slider li a img {
    max-width: 770px;
    max-height: 300px;
    height: 300px;
}

.coversban .q-inBanner .slider .num {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0;
    width: 100%;
    text-align: center;
}

.coversban .q-inBanner .slider .num p {
    margin: 0 auto;
}

.coversban .q-inBanner .slider .num span {
    width: 127px;
    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;
}

.coversban .q-inBanner .slider .num span:first-child {
    margin-left: 0;
    width: 130px;
}

.coversban .q-inBanner .slider .num span.active {
    background-color: #fff;
    color: #f50;
    border-top: 2px solid #F50;
}

.coversban .q-bmp {
    width: 360px;
    margin: 0 10px;
    float: left;
}

.coversban .q-bmp .inBoxTop {
    height: 196px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 10px;
}

.coversban .q-bmp .inBoxTop img {
    width: 100%;
    height: 196px;
}

.coversban .q-bmp .inBoxBottom {
    height: 94px;
    border-radius: 6px;
    overflow: hidden;
}

.coversban .q-bmp .inBoxBottom img {
    width: 100%;
    height: 94px;
}

.coversban .q-rank {
    float: right;
    width: 250px;
}

.coversban .q-rank .inRank {
    height: 300px;
    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);
}

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

.coversban .q-rank .inRank .intop span {
    font-weight: 900;
    letter-spacing: 3px;
}

.coversban .q-rank ul {
    font-size: 0;
}

.coversban .q-rank li {
    box-sizing: border-box;
    padding: 0 16px;
    line-height: 26px;
    height: 26px;
    display: block;
}

.coversban .q-rank li a {
    display: block;
    overflow: hidden;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.coversban .q-rank li span {
    font-size: 12px;
    color: #333;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 110px;
    display: inline-block;
    vertical-align: middle;
}

.coversban .q-rank li em {
    float: right;
    font-size: 12px;
    color: #333;
    max-width: 85px;
    position: relative;
    padding-right: 7px;
    overflow: hidden;
}

.coversban .q-rank li .rankIcon {
    width: 12px;
    height: 14px;
    display: inline-block;
    vertical-align: -9px;
    margin-right: 4px;
}

.coversban .q-rank li .rankIcon,.coversban .q-rank li em::after {
    background: url(https://g1.17qcc.com/2018/product/images/newsupirs.png) no-repeat;
}

.coversban .q-rank li em::after {
    top: 10px;
    content: '';
    width: 4px;
    height: 9px;
    background-position: -7px -4px;
    vertical-align: 3px;
    margin-left: 2px;
    position: absolute;
    right: 2px;
}

.coversban .q-rank li .icon-1 {
    background-position: -2px -20px;
}

.coversban .q-rank li .icon-2 {
    background-position: -2px -45px;
}

.coversban .q-rank li .icon-3 {
    background-position: -2px -70px;
}

.coversban .q-rank li .icon-4 {
    background-position: -2px -95px;
}

.coversban .q-rank li .icon-5 {
    background-position: -2px -119px;
}

.coversban .q-rank li .icon-6 {
    background-position: -2px -144px;
}

.coversban .q-rank li .icon-7 {
    background-position: -2px -169px;
}

.coversban .q-rank li .icon-8 {
    background-position: -2px -194px;
}

.coversban .q-rank li .icon-9 {
    background-position: -2px -219px;
}

.coversban .q-rank li .icon-10 {
    background-position: -2px -244px;
}

.coversban .q-rank li:hover {
    background-color: #FBF5F0;
}

.coversban .q-rank li:hover a span,.coversban .q-rank li:hover a em {
    color: #f50;
}

.cbanbg2 .categorlist ul li {
    background-color: #fff;
}

.cbanbg2 .goos-list li {
    background-color: #fff;
}

.caterow21 {
    margin-top: 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.06);
}

.caterow21 .filter .line {
    padding: 0;
    background-color: #F9F9F9;
}

.caterow21 .filter .line ul {
    overflow: hidden;
    height: auto;
    width: 1308px;
    float: left;
    background-color: #fff;
}

.caterow21 .filter .line span {
    width: 80px;
    text-align: center;
    background-color: #F9F9F9;
}

.caterow21 .filter .line li {
    margin-right: 2;
}

.caterow21 .filter .line li a {
    border: 1px solid transparent;
}

.caterow21 .filter .line li 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;
}

.caterow21 .filter .line li.active a em {
    display: inline-block;
}

.caterow21 .filter .line li a:hover {
    background-color: #fff;
    color: #f50;
    border: 1px solid #f50;
}

.caterow21 .filter .line li.active a:hover {
    background-color: #f50;
    color: #fff;
    border: 1px solid transparent;
}

.caterow21 .filter .line dl {
    width: 1308px;
    float: left;
    background-color: #fff;
    margin-left: 90px;
    display: none;
}

.caterow21 .filter .line dl 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;
}

.caterow21 .filter .line dl dd a {
    color: #666;
}

.caterow21 .filter .line dl 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;
}

.caterow21 .filter .line dl dd:hover {
    background-color: #FFF4EF;
}

.caterow21 .filter .line dl dd:hover a {
    color: #f50;
}

.caterow21 .filter .line dl dd.active {
    background-color: #f50;
}

.caterow21 .filter .line dl dd.active a {
    color: #fff;
}

.caterow21 .filter .line dl dd.active a em {
    display: inline-block;
}

.sort_bar21 {
    background-color: #FAFAFA;
    border: 1px solid #ECECEC;
}

.sort_bar21 ul li {
    border-left: 1px solid rgba(240,240,240,1);
}

.sort_bar21 ul li.inputsep {
    border-left: 1px solid rgba(240,240,240,1);
    width: 160px;
    position: relative;
}

.sort_bar21 ul li.inputsep .inputarea input {
    width: 54px;
}

.sort_bar21 ul li.inputsep:hover {
    width: 270px;
}

.sort_bar21 ul li.inputsep .inputlist {
    display: none;
    position: absolute;
    top: 39px;
    left: -1px;
    background-color: #fff;
    width: 100%;
    z-index: 20;
    padding-bottom: 5px;
}

.sort_bar21 ul li.inputsep .inputlist dd {
    height: 30px;
    height: 30px;
    color: #666;
    cursor: pointer;
    padding: 0 10px;
}

.sort_bar21 ul li.inputsep.on .inputlist {
    display: block;
    box-shadow: 2px 2px 4px 0 rgb(222 222 222 / 54%);
    border: 1px solid rgba(221,221,221,1);
    border-top: 0;
}

.sort_bar21 ul li.inputsep .inputlist dd:hover {
    background-color: #FFF9F4;
    color: #f50;
}

.sort_bar21 ul li.sob_first {
    background-color: #F50;
    border-right: 1px solid #F50;
    border-left: 1px solid #F50;
    border-bottom: 1px solid #F50;
}

.sort_bar21 ul li.sob_first a {
    color: #fff;
}

.sort_bar21 ul li.sob_first a i.butsortlit {
    background-position: -24px -325px;
}

.sort_bar21 ul li.sob_first a i.sjsort {
    background-position: -1px -325px;
}

.sort_bar21 ul li.sob_first a i {
    background-position: -81px -14px;
}

.sort_bar21 ul li.sob_first a i.lowSort {
    background-position: -101px -14px;
}

.sort_bar21 .q-video {
    padding: 0;
    min-width: auto;
    width: 90px;
}

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

.sort_bar21 .q-video .b-checkLabel {
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    padding: 0;
}

.sort_bar21 .q-video .checkIcon {
    margin-top: 12px;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(//g1.17qcc.com/2020/hpai/images/b_checkbox_icon.png) left bottom no-repeat;
}

.sort_bar21 .q-video .checkIcon.checked {
    background: url(https://g1.17qcc.com/2018/buyer/images/qt_checkbox_icon.png) no-repeat top center;
    background-position: 0 0;
}

.sort_bar21 .q-video i {
    margin-left: 4px;
    vertical-align: top;
    margin-top: 15px;
}

.sort_bar21 .q-video span.checked {
    color: #f50;
}

.sort_bar21 .q-video span {
    display: inline-block;
    font-size: 12px;
    color: #666;
}

.sort_bar21 .q-video span {
    line-height: 40px;
    display: inline-block;
}

.sort_pro21 {
    background-color: #fff;
    border-top: 0;
    position: relative;
}

.sort_pro21 ul {
    float: left;
    margin-right: 20px;
}

.sort_pro21 ul li .mark {
    padding: 0 3px;
    height: 16px;
    border-radius: 2px;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
}

.sort_pro21 ul li .factoryMark {
    background-color: #AF6918;
}

.sort_pro21 ul li .cloudMark {
    background-color: #0154FF;
}

.sort_pro21 ul li .lightMark {
    background-color: #AC2EC9;
}

.sidelist21 .goos-list li .icon_tj {
    background: url(https://g1.17qcc.com/2018/product/images/newsupirs.png) no-repeat;
    width: 35px;
    height: 24px;
    top: 0;
    left: -4px;
    background-position: -27px -3px;
    bottom: auto;
    position: absolute;
}

.sidelist21 .goos-list li p.brprice em.viewpay i {
    font-style: normal;
    color: #333;
}

.sidelist21 .goos-list li p.size em {
    width: 100%;
}

.sidelist21 .goos-list li .padd {
    padding: 0 10px;
}

.sidelist21 .goos-list li .padd span.radd {
    width: auto;
}

.sidelist21 .goos-list li .qual_box {
    height: 18px;
    float: right;
    margin-top: -2px;
}

.sidelist21 .goos-list li .qual_box img {
    max-width: inherit;
    max-height: inherit;
    height: 16px;
    width: auto;
}

.sidelist21 .goos-list li .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: 10px;
}

.sidelist21 .goos-list li .qual_box i.real {
    background-position: -175px 0;
}

.sidelist21 .goos-list li .qual_box i.daifa {
    background-position: -175px -24px;
}

.sidelist21 .goos-list li .qual_box i.zifa {
    background-position: -175px -50px;
}

.sidelist21 .goos-list li .qual_box i.fast {
    background-position: -175px -76px;
}

.sidelist21 .goos-list li .qual_box i.factory {
    background-position: -175px -102px;
}

.sidelist21 .goos-list li .qual_box i.days15 {
    background-position: -175px -128px;
}

.sidelist21 .goos-list li .qual_box i.style {
    background-position: -201px 0;
}

.sidelist21 .goos-list li .qual_box i.personal {
    background-position: -201px -24px;
}

.sidelist21 .goos-list li .qual_box i.business {
    background-position: -201px -50px;
}

.sidelist21 .goos-list li .qual_box i.cross {
    background-position: -201px -76px;
}

.sidelist21 .goos-list li .qual_box i.good {
    background-position: -201px -102px;
}

.sidelist21 .goos-list li .qual_box i.gold {
    background-position: -201px -128px;
}

.cateright {
    float: right;
}

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

.sidelist21 {
    float: left;
}

.sidelist21 .goos-list li .icon_factory {
    background: url(https://g1.17qcc.com/2020/hpai/images/icon_factory.png) top center no-repeat;
    width: 69px;
    height: 24px;
    top: 0;
    left: 0;
    bottom: auto;
    position: absolute;
    border-radius: 0 100px 100px 0;
}

.sidelist21 .goos-list li .cloud_ico {
    width: 68px;
    height: 24px;
    top: 0;
    left: 0;
    bottom: auto;
    position: absolute;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -559px -245px;
}

.sidelist21 .goos-list li .icon_tfhours_goods {
    width: 35px;
    height: 24px;
    top: 0;
    left: -6px;
    bottom: auto;
    position: absolute;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -592px -144px;
}

.cbanbg3 {
    background-color: #F9F9F9;
    padding: 20px 0;
}

.pro_newsale {
    background-color: #fff;
}

.pro_newsale .hd {
    line-height: 48px;
    padding: 0 20px;
}

.pro_newsale .hd .pt h3 {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    color: #222;
}

.pro_newsale .hd .pt h3 span {
    background: url(https://g1.17qcc.com/2018/product/images/newsupirs.png) no-repeat;
    background-position: -30px -94px;
    margin-right: 5px;
    margin-top: -6px;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 24px;
}

.pro_newsale .hd .pt .small {
    color: #999;
    margin-top: 0;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

.pro_newsale .bd ul {
    width: 1401px;
}

.pro_newsale .bd ul li {
    float: left;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    transition: border .3s ease;
    position: relative;
    width: 232px;
    height: 343px;
}

.pro_newsale .bd ul li .purs {
    width: 177px;
    background-color: #fff;
    padding: 26px 27px 24px 26px;
    transition: all .3s ease;
    border: 1px solid transparent;
}

.pro_newsale .bd ul li:last-child .purs {
    padding: 26px 27px 24px 27px;
}

.pro_newsale .bd ul li .purs a.pic {
    display: block;
    position: relative;
    height: 177px;
    line-height: 177px;
    text-align: center;
    overflow: hidden;
}

.pro_newsale .bd ul li .purs a.pic img {
    max-width: 177px;
    max-height: 177px;
    display: inline-block;
}

.pro_newsale .bd li .desc {
    padding: 10px 0 0;
    border-top: 0;
}

.pro_newsale .bd li p.brprice {
    height: 25px;
    line-height: 24px;
}

.pro_newsale .bd li p.brprice span {
    font-size: 16px;
    color: #f50;
}

.pro_newsale .bd li p.brprice span i {
    font-size: 14px;
    font-style: normal;
}

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

.pro_newsale .bd li p.brprice em.viewpay i {
    font-style: normal;
    color: #333;
}

.pro_newsale .bd li p.rowtitle {
    margin-top: 2px;
    height: 17px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_newsale .bd li p.size {
    color: #999;
    margin-bottom: 14px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    height: 20px;
}

.pro_newsale .bd li p.size em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #333;
}

.pro_newsale .bd li .padd {
    height: 32px;
    border-top: 1px solid #f0f0f0;
    line-height: 32px;
}

.pro_newsale .bd li .padd span.radd {
    color: #333;
    float: left;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_newsale .bd li .padd span.radd i {
    float: left;
    width: 10px;
    height: 15px;
    margin-right: 5px;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -470px -249px;
    margin-top: 9px;
}

.pro_newsale .bd li .qual_box {
    height: 18px;
    float: right;
}

.pro_newsale .bd li .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: 8px;
}

.pro_newsale .bd li .qual_box i.real {
    background-position: -175px 0;
}

.pro_newsale .bd li .qual_box i.daifa {
    background-position: -175px -24px;
}

.pro_newsale .bd li .qual_box i.zifa {
    background-position: -175px -50px;
}

.pro_newsale .bd li .qual_box i.fast {
    background-position: -175px -76px;
}

.pro_newsale .bd li .qual_box i.factory {
    background-position: -175px -102px;
}

.pro_newsale .bd li .qual_box i.days15 {
    background-position: -175px -128px;
}

.pro_newsale .bd li .qual_box i.style {
    background-position: -201px 0;
}

.pro_newsale .bd li .qual_box i.personal {
    background-position: -201px -24px;
}

.pro_newsale .bd li .qual_box i.business {
    background-position: -201px -50px;
}

.pro_newsale .bd li .qual_box i.cross {
    background-position: -201px -76px;
}

.pro_newsale .bd li .qual_box i.good {
    background-position: -201px -102px;
}

.pro_newsale .bd li .qual_box i.gold {
    background-position: -201px -128px;
}

.pro_newsale .bd li:hover .purs {
    box-shadow: 0 0 16px 0 rgba(140,124,113,0.4);
    border: 1px solid #F50;
}

.pro_newsale .bd li:hover .pic img {
    transform: scale(1.1);
}

.pro_hotdk {
    background-color: #fff;
}

.pro_hotdk .hd {
    line-height: 48px;
    padding: 0 20px;
}

.pro_hotdk .hd .pt h3 {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    color: #222;
}

.pro_hotdk .hd .pt h3 span {
    background: url(https://g1.17qcc.com/2018/product/images/newsupirs.png) no-repeat;
    background-position: -30px -135px;
    margin-right: 5px;
    margin-top: -6px;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 24px;
}

.pro_hotdk .floor-tab-li {
    float: left;
    margin-left: 16px;
    height: 48px;
    line-height: 48px;
}

.pro_hotdk .floor-tab-li span {
    height: 26px;
    line-height: 46px;
    padding: 0 13px;
    float: left;
}

.pro_hotdk .floor-tab-li span a {
    display: block;
    font-size: 14px;
    color: #666;
}

.pro_hotdk .floor-tab-li span:hover a {
    border-bottom: 2px solid #f50;
}

.pro_hotdk .floor-tab-li span:hover a {
    color: #f50;
}

.pro_hotdk .floor-tab-li span.active a {
    border-bottom: 2px solid #f50;
}

.pro_hotdk .floor-tab-li span.active a {
    color: #f50;
}

.pro_hotdk .floor-tab-con ul {
    display: none;
}

.pro_hotdk .bd ul {
    width: 1401px;
}

.pro_hotdk .bd ul li {
    float: left;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    transition: border .3s ease;
    position: relative;
    width: 232px;
    height: 343px;
}

.pro_hotdk .bd ul li .purs {
    width: 177px;
    background-color: #fff;
    padding: 26px 27px 24px 26px;
    transition: all .3s ease;
    border: 1px solid transparent;
}

.pro_hotdk .bd ul li:last-child .purs {
    padding: 26px 27px 24px 27px;
}

.pro_hotdk .bd ul li .purs a.pic {
    display: block;
    position: relative;
    height: 177px;
    line-height: 177px;
    text-align: center;
    overflow: hidden;
}

.pro_hotdk .bd ul li .purs a.pic img {
    max-width: 177px;
    max-height: 177px;
    display: inline-block;
}

.pro_hotdk .bd li .desc {
    padding: 10px 0 0;
    border-top: 0;
}

.pro_hotdk .bd li p.brprice {
    height: 25px;
    line-height: 24px;
}

.pro_hotdk .bd li p.brprice span {
    font-size: 16px;
    color: #f50;
}

.pro_hotdk .bd li p.brprice span i {
    font-size: 14px;
    font-style: normal;
}

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

.pro_hotdk .bd li p.brprice em.viewpay i {
    font-style: normal;
    color: #333;
}

.pro_hotdk .bd li p.rowtitle {
    margin-top: 2px;
    height: 17px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_hotdk .bd li p.size {
    color: #999;
    margin-bottom: 8px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    height: 20px;
}

.pro_hotdk .bd li p.size em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #333;
}

.pro_hotdk .bd li .padd {
    height: 32px;
    border-top: 1px solid #f0f0f0;
    line-height: 32px;
}

.pro_hotdk .bd li .padd span.radd {
    color: #333;
    float: left;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_hotdk .bd li .padd span.radd i {
    float: left;
    width: 10px;
    height: 15px;
    margin-right: 5px;
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -470px -249px;
    margin-top: 9px;
}

.pro_hotdk .bd li .qual_box {
    height: 18px;
    float: right;
}

.pro_hotdk .bd li .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: 8px;
}

.pro_hotdk .bd li .qual_box i.real {
    background-position: -175px 0;
}

.pro_hotdk .bd li .qual_box i.daifa {
    background-position: -175px -24px;
}

.pro_hotdk .bd li .qual_box i.zifa {
    background-position: -175px -50px;
}

.pro_hotdk .bd li .qual_box i.fast {
    background-position: -175px -76px;
}

.pro_hotdk .bd li .qual_box i.factory {
    background-position: -175px -102px;
}

.pro_hotdk .bd li .qual_box i.days15 {
    background-position: -175px -128px;
}

.pro_hotdk .bd li .qual_box i.style {
    background-position: -201px 0;
}

.pro_hotdk .bd li .qual_box i.personal {
    background-position: -201px -24px;
}

.pro_hotdk .bd li .qual_box i.business {
    background-position: -201px -50px;
}

.pro_hotdk .bd li .qual_box i.cross {
    background-position: -201px -76px;
}

.pro_hotdk .bd li .qual_box i.good {
    background-position: -201px -102px;
}

.pro_hotdk .bd li .qual_box i.gold {
    background-position: -201px -128px;
}

.pro_hotdk .bd li:hover .purs {
    box-shadow: 0 0 16px 0 rgba(140,124,113,0.4);
    border: 1px solid #F50;
}

.pro_hotdk .bd li:hover .pic img {
    transform: scale(1.1);
}

.q-fixtool {
    display: none;
    position: fixed;
    bottom: 120px;
    right: 0;
    width: 98px;
    z-index: 92;
}

.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: url(https://g1.17qcc.com/2018/shop/images/markespirs.png) top center no-repeat;
    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_newfixcate {
    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: 100;
    padding-bottom: 10px;
    display: none;
}

.q_newfixcate .fixnav {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}

.q_newfixcate .fixnav .shcbox #keywords {
    width: 318px;
}

.q_newfixcate .fixnav .logo {
    width: 156px;
    height: 50px;
    float: left;
}

.q_newfixcate .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_newfixcate .fixnav .nav_title {
    margin-left: 17px;
    margin-top: 15px;
    float: left;
}

.q_newfixcate .fixnav .nav_title:before {
    content: '';
    display: inline-block;
    margin-right: 20px;
    height: 30px;
    width: 1px;
    background-color: #F0F0F0;
    vertical-align: middle;
}

.q_newfixcate .fixnav .nav_title img {
    width: 146px;
    height: 30px;
}

.q_newfixcate .fixnav .shcbox {
    float: left;
    margin-top: 10px;
    position: relative;
    margin-left: 34px;
}

.q_newfixcate .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_newfixcate .fixnav .shcbox .sch_icon {
    position: absolute;
    top: 14px;
    left: 10px;
    width: 12px;
    height: 12px;
}

.q_newfixcate .fixnav .shcbox .sch_icon {
    background: url(https://g1.17qcc.com/2018/product/images/fzzf.png) top center no-repeat;
    background-position: -419px -180px;
}

.q_newfixcate .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_newfixcate .fixnav .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;
}

.sepbg {
    background-color: #f5f5f5;
    padding: 12px 0;
    min-height: 300px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.page-product .bd li .txt {
    font-size: 12px;
    color: #999;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
}

.page-product .bd li .pirceBox {
    display: flex;
    align-items: center;
    height: 22px;
}

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

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

.sidelist ul li .moveTab {
    position: relative;
    width: 222px;
    overflow: hidden;
}

.sidelist ul li .pn-tab-con {
    position: relative;
    display: flex;
    z-index: 2;
}

.sidelist ul li .pt-lt-con {
    display: none;
}

.sidelist ul li .moveTab .wrapper {
    position: absolute;
    right: 5px;
    bottom: 8px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.1);
    border-radius: 12px;
    padding: 0 8px;
    z-index: 2;
    user-select: none;
    font-family: PingFangSC-Medium,PingFang SC;
}

.sidelist ul li .moveTab .wrapper span {
    float: left;
}

.sidelist ul li .moveTab .wrapper em {
    float: left;
}

.sidelist ul li .moveTab .pre,.sidelist ul li .moveTab .next {
    opacity: .3;
    z-index: 2;
    width: 25px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
}

.sidelist ul li .moveTab .pre i,.sidelist ul li .moveTab .next i {
    font-style: normal;
    color: #fff;
    font-size: 22px;
    font-family: "SimHei";
    display: block;
}

.sidelist ul li .moveTab .pre {
    background-color: #a5a5a5fa;
    border-radius: 0 24px 24px 0;
}

.sidelist ul li .moveTab .next {
    background-color: #a5a5a5fa;
    border-radius: 24px 0 0 24px;
}

.sidelist ul li .moveTab .pre:hover,.sidelist ul li .moveTab .next:hover {
    opacity: .8;
}

.sidelist ul li .moveTab .pre {
    left: 0;
}

.sidelist ul li .moveTab .pre i {
    margin-left: -4px;
}

.sidelist ul li .moveTab .next {
    right: 0;
}

.sidelist ul li .moveTab .next i {
    margin-right: -4px;
}

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

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

.catelistlast ul {
    margin-left: -10px;
}

.catelistlast ul li {
    margin-left: 10px;
    width: 223px;
}

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

.catelistlast ul li span.pic img {
    height: 223px;
    width: auto;
    margin-left: 0;
}

.catelistlast ul li a.special_stips {
    width: 223px;
    height: 223px;
}

.catelistlast ul li a.special_stips img {
    width: 223px;
    height: 223px;
}

.catelistlast ul li span.leftips {
    width: auto;
}

.catelistlast ul li .vipPlusIcon {
    width: 76px;
    height: 22px;
    display: block;
    overflow: hidden;
    position: relative;
}

.catelistlast ul li .vipPlusIcon .vippIcon {
    font-size: 85px;
    top: -32px;
    left: -5px;
    position: absolute;
}

.catelistlast ul li .vipPlusIcon .ychIcon {
    font-size: 85px;
    top: -32px;
    left: -14px;
    position: absolute;
}

.catelistlast ul li .oripIcon {
    height: 25px;
    margin-left: 0;
}

.catelistlast ul li .oripIcon .ychIcon {
    top: -28px;
    left: -15px;
}

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

.catelistlast ul li p.brprice span {
    font-size: 18px;
    color: #f50;
    display: flex;
    align-items: baseline;
    font-weight: bold;
}

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

.catelistlast ul li p.brprice {
    display: flex;
    align-items: center;
}

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

.catelistlast ul li p.brprice .vipoffs:hover {
    border: 1px solid #f1cd95;
}

.catelistlast ul li p.brprice del {
    color: #999;
    margin-left: 3px;
}

.catelistlast ul li p.brprice .vipons {
    color: #5B2F1A;
    font-size: 12px;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}

.catelistlast ul li p.brprice .vipons .ibox {
    height: 16px;
    width: 20px;
    position: relative;
    margin-right: 3px;
}

.catelistlast ul li p.brprice .vipons .ibox .vipoIcon {
    font-size: 42px;
    position: relative;
    top: -12px;
    left: -11px;
}

.catelistlast ul li p.rowtitle {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

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

.catelistlast ul li p.rowtitle .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.catelistlast ul li p.rowtitle .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.catelistlast ul li p.rowtitle .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.catelistlast ul li p.rowtitle .tagselfcang {
    background: #FA5F05;
    border: 1px solid #FA5F05;
    color: #fff;
}

.catelistlast ul li p.rowtitle a {
    flex: 1;
}

.catelistlast ul li .sizenum {
    position: relative;
    margin-top: 6px;
    z-index: 2;
    height: 20px;
    display: flex;
    align-items: center;
}

.catelistlast ul li .sizenum p.sizep {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catelistlast ul li .sizenum p.sizep {
    width: 123px;
}

.catelistlast ul li .sizenum .views {
    margin-left: auto;
    color: #999;
}

.catelistlast ul li .padd {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
}

.catelistlast ul li .padd .tfh {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #f50;
    cursor: pointer;
}

.catelistlast ul li .padd .tfhIcon {
    margin-right: 3px;
    font-size: 18px;
}

.catelistlast ul li .padd .atime {
    display: none;
    position: absolute;
    width: calc(100% + 16px);
    border: 1px solid #FFE8DC;
    box-shadow: 0 0 4px 0 rgb(255 85 0 / 20%);
    height: 20px;
    top: -20px;
    left: -9px;
    background: #fff;
    z-index: 2;
    text-indent: 6px;
    align-items: center;
    color: #f50;
}

.catelistlast ul li .padd .atime::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;
}

.catelistlast ul li .padd .tfh:hover+.atime {
    display: flex;
}

.catelistlast ul li .padd span.radd {
    width: auto;
    flex: 1;
}

.catelistlast ul li .quickgn {
    background-color: rgba(0,0,0,0.7);
}

.catelistlast ul li .quickgn .quic_s {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.catelistlast ul li .quickgn .quic_s:hover {
    background-color: rgba(0,0,0,0.5);
    color: #f50;
}

.catelistlast ul li .quickgn .quiIcon {
    font-size: 14px;
    margin-right: 3px;
}

.catelistlast ul li .quickgn .cross dl {
    height: 94px;
}

.catelistlast ul li .quickgn .cross dl dd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.catelistlast ul li .quickgn .cross dl dd .upIcon {
    margin-right: 4px;
    font-size: 20px;
}

.catelistlast li .datagn .rate {
    display: flex;
    padding-top: 14px;
}

.catelistlast li .datagn .rate .mst {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-left: 10px;
}

.catelistlast li .datagn .rate .mst {
    justify-content: center;
}

.catelistlast li .datagn .rate .mst span:last-child {
    color: #999;
}

.catelistlast li .datagn .rate .ms span:last-child {
    color: #f50;
}

.catelistlast li .datagn .ap {
    display: flex;
    align-items: center;
    margin: 14px 5px 0;
    padding: 0;
}

.catelistlast li .datagn .ap .shopa {
    max-width: 84px;
    height: 34px;
    overflow: hidden;
}

.catelistlast li .datagn .ap .ageb {
    min-width: 30px;
    padding: 0 3px;
    height: 16px;
    background: #ff550026;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2px;
    color: #f50;
}

.catelistlast li .datagn .ap .rig {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.catelistlast li .datagn .ap .ar {
    margin-top: 0;
    margin-left: auto;
}

.catelistlast li .datagn .ap .qualbox {
    margin-left: auto;
}

.catelistlast li .datagn .ap .qualbox 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;
}

.catelistlast li .datagn .ap .qualbox i.real {
    background-position: -175px 0;
}

.catelistlast li .datagn .ap .qualbox i.daifa {
    background-position: -175px -24px;
}

.catelistlast li .datagn .ap .qualbox i.zifa {
    background-position: -175px -50px;
}

.catelistlast li .datagn .ap .qualbox i.fast {
    background-position: -175px -76px;
}

.catelistlast li .datagn .ap .qualbox i.factory {
    background-position: -175px -102px;
}

.catelistlast li .datagn .ap .qualbox i.days15 {
    background-position: -175px -128px;
}

.catelistlast li .datagn .ap .qualbox i.style {
    background-position: -201px 0;
}

.catelistlast li .datagn .ap .qualbox i.personal {
    background-position: -201px -24px;
}

.catelistlast li .datagn .ap .qualbox i.business {
    background-position: -201px -50px;
}

.catelistlast li .datagn .ap .qualbox i.cross {
    background-position: -201px -76px;
}

.catelistlast li .datagn .ap .qualbox i.good {
    background-position: -201px -102px;
}

.catelistlast li .datagn .ap .qualbox i.gold {
    background-position: -201px -128px;
}

.sidelistlast ul li {
    width: 225px;
    height: 360px;
    margin-top: 15px;
}

.sidelistlast ul li .moveTab {
    width: 225px;
}

.sidelistlast ul li img {
    width: 225px;
    height: 360px;
}

.gooslistlast li span.pic {
    width: 223px;
    height: 223px;
}

.gooslistlast li span.pic img {
    width: auto;
    height: 223px;
    margin-left: 0;
}

.gooslistlast li {
    width: 223px!important;
    border: 1px solid #F0F0F0;
    height: auto!important;
}

.gooslistlast li p.brprice span {
    font-size: 18px;
    color: #f50;
    display: flex;
    align-items: baseline;
    font-weight: bold;
}

.gooslistlast li p.brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 0;
    font-weight: normal;
}

.gooslistlast li p.brprice {
    display: flex;
    align-items: center;
}

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

.gooslistlast li p.brprice del {
    color: #999;
    margin-left: 3px;
}

.gooslistlast li p.brprice .vipons {
    color: #5B2F1A;
    font-size: 12px;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}

.gooslistlast li p.brprice .vipons .ibox {
    height: 16px;
    width: 20px;
    position: relative;
    margin-right: 3px;
}

.gooslistlast li p.brprice .vipons .ibox .vipoIcon {
    font-size: 42px;
    position: relative;
    top: -12px;
    left: -11px;
}

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

.gooslistlast li p.rowtitle {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

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

.gooslistlast li p.rowtitle .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.gooslistlast li p.rowtitle .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.gooslistlast li p.rowtitle .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.gooslistlast li p.rowtitle .tagselfcang {
    background: #FA5F05;
    border: 1px solid #FA5F05;
    color: #fff;
}

.gooslistlast li p.rowtitle a {
    flex: 1;
}

.gooslistlast li .sizenum {
    position: relative;
    margin-top: 6px;
    z-index: 2;
    height: 20px;
    display: flex;
    align-items: center;
}

.gooslistlast li .sizenum p.sizep {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gooslistlast li .sizenum .views {
    margin-left: auto;
    color: #999;
}

.gooslistlast li .padd {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
}

.gooslistlast li .padd .tfh {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #f50;
    cursor: pointer;
}

.gooslistlast li .padd .tfhIcon {
    margin-right: 3px;
    font-size: 18px;
}

.gooslistlast li .padd .atime {
    display: none;
    position: absolute;
    width: calc(100% + 16px);
    border: 1px solid #FFE8DC;
    box-shadow: 0 0 4px 0 rgb(255 85 0 / 20%);
    height: 20px;
    top: -20px;
    left: -9px;
    background: #fff;
    z-index: 2;
    text-indent: 6px;
    align-items: center;
    color: #f50;
}

.gooslistlast li .padd .atime::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;
}

.gooslistlast li .padd .tfh:hover+.atime {
    display: flex;
}

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

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

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

.gooslistlast li .quickgn {
    background-color: rgba(0,0,0,0.7);
}

.gooslistlast li .quickgn .quic_s {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.gooslistlast li .quickgn .quic_s:hover {
    background-color: rgba(0,0,0,0.5);
    color: #f50;
}

.gooslistlast li .quickgn .yescollt {
    display: none;
}

.gooslistlast li .quickgn .quiIcon {
    font-size: 14px;
    margin-right: 3px;
}

.gooslistlast li .quickgn .cross dl {
    height: 96px;
    z-index: 4;
}

.gooslistlast li .quickgn .cross dl dd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.gooslistlast li .quickgn .cross dl dd .upIcon {
    margin-right: 4px;
    font-size: 20px;
}

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

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

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

.glnew li .quickgn {
    background-color: rgba(0,0,0,0.7);
}

.glnew li .quickgn .quic_s {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.glnew li .quickgn .quiIcon {
    font-size: 14px;
    margin-right: 3px;
}

.glnew li .quickgn .quic_s:hover {
    background-color: rgba(0,0,0,0.5);
    color: #f50;
}

.glnew li .quickgn .cross dl {
    height: 88px;
    z-index: 5;
}

.glnew li .quickgn .cross dl dd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.glnew li .quickgn .cross dl dd .upIcon {
    margin-right: 4px;
    font-size: 20px;
}

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

.glnew li p.brprice span {
    font-size: 18px;
    color: #f50;
    display: flex;
    align-items: baseline;
    font-weight: bold;
}

.glnew li p.brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 0;
    font-weight: normal;
}

.glnew li p.brprice {
    display: flex;
    align-items: center;
}

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

.glnew li p.brprice .vipoffs:hover {
    border: 1px solid #f1cd95;
}

.glnew li p.brprice del {
    color: #999;
    margin-left: 3px;
}

.glnew li p.brprice .vipons {
    color: #5B2F1A;
    font-size: 12px;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}

.glnew li p.brprice .vipons .ibox {
    height: 16px;
    width: 20px;
    position: relative;
    margin-right: 3px;
}

.glnew li p.brprice .vipons .ibox .vipoIcon {
    font-size: 42px;
    position: relative;
    top: -12px;
    left: -11px;
}

.glnew li p.rowtitle {
    margin-top: 6px;
    display: flex;
    align-items: center;
}

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

.glnew li p.rowtitle .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.glnew li p.rowtitle .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.glnew li p.rowtitle .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.glnew li p.rowtitle .tagselfcang {
    background: #FA5F05;
    border: 1px solid #FA5F05;
    color: #fff;
}

.glnew li p.rowtitle a {
    flex: 1;
}

.glnew li .sizenum {
    position: relative;
    margin-top: 6px;
    z-index: 2;
    height: 20px;
    display: flex;
    align-items: center;
}

.glnew li .sizenum p.sizep {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.glnew li .sizenum .views {
    margin-left: auto;
    color: #999;
    min-width: 80px;
}

.glnew li .padd {
    padding: 0!important;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
}

.glnew li .padd .tfh {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #f50;
    cursor: pointer;
}

.glnew li .padd .tfhIcon {
    margin-right: 3px;
    font-size: 18px;
}

.glnew li .padd .atime {
    display: none;
    position: absolute;
    width: calc(100% + 16px);
    border: 1px solid #FFE8DC;
    box-shadow: 0 0 4px 0 rgb(255 85 0 / 20%);
    height: 20px;
    top: -20px;
    left: -9px;
    background: #fff;
    z-index: 2;
    text-indent: 6px;
    align-items: center;
    color: #f50;
}

.glnew li .padd .atime::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;
}

.glnew li .padd .tfh:hover+.atime {
    display: flex;
}

.catenew ul li span.leftips {
    width: auto;
}

.catenew ul li .vipPlusIcon {
    width: 76px;
    height: 22px;
    display: block;
    overflow: hidden;
    position: relative;
}

.catenew ul li .vipPlusIcon .vippIcon {
    font-size: 85px;
    top: -32px;
    left: -5px;
    position: absolute;
}

.catenew ul li .quickgn {
    background-color: rgba(0,0,0,0.7);
}

.catenew ul li .quickgn .quic_s {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.catenew ul li .quickgn .quiIcon {
    font-size: 14px;
    margin-right: 3px;
}

.catenew ul li .quickgn .quic_s:hover {
    background-color: rgba(0,0,0,0.5);
    color: #f50;
}

.catenew ul li .quickgn .cross dl dd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.catenew ul li .quickgn .cross dl dd .upIcon {
    margin-right: 4px;
    font-size: 20px;
}

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

.catenew ul li p.brprice span {
    font-size: 18px;
    color: #f50;
    display: flex;
    align-items: baseline;
    font-weight: bold;
}

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

.catenew ul li p.brprice {
    display: flex;
    align-items: center;
}

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

.catenew ul li p.brprice .vipoffs:hover {
    border: 1px solid #f1cd95;
}

.catenew ul li p.brprice del {
    color: #999;
    margin-left: 3px;
}

.catenew ul li p.brprice .vipons {
    color: #5B2F1A;
    font-size: 12px;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}

.catenew ul li p.brprice .vipons .ibox {
    height: 16px;
    width: 20px;
    position: relative;
    margin-right: 3px;
}

.catenew ul li p.brprice .vipons .ibox .vipoIcon {
    font-size: 42px;
    position: relative;
    top: -12px;
    left: -11px;
}

.catenew ul li p.rowtitle {
    margin-top: 6px;
    display: flex;
    align-items: center;
}

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

.catenew ul li p.rowtitle .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.catenew ul li p.rowtitle .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.catenew ul li p.rowtitle .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.catenew ul li p.rowtitle .tagselfcang {
    background: #FA5F05;
    border: 1px solid #FA5F05;
    color: #fff;
}

.catenew ul li p.rowtitle a {
    flex: 1;
}

.catenew ul li .sizenum {
    position: relative;
    margin-top: 6px;
    z-index: 2;
    height: 20px;
    display: flex;
    align-items: center;
}

.catenew ul li .sizenum p.sizep {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catenew ul li .sizenum p.sizep {
    width: 123px;
}

.catenew ul li .sizenum .views {
    margin-left: auto;
    color: #999;
}

.catenew ul li .sizenum .p_time {
    margin-left: auto;
}

.catenew ul li .qualshop {
    margin-top: 6px;
}

.catenew ul li .padd {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
}

.catenew ul li .padd .tfh {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #f50;
    cursor: pointer;
}

.catenew ul li .padd .tfhIcon {
    margin-right: 3px;
    font-size: 18px;
}

.catenew ul li .padd .atime {
    display: none;
    position: absolute;
    width: calc(100% + 16px);
    border: 1px solid #FFE8DC;
    box-shadow: 0 0 4px 0 rgb(255 85 0 / 20%);
    height: 20px;
    top: -20px;
    left: -9px;
    background: #fff;
    z-index: 2;
    text-indent: 6px;
    align-items: center;
    color: #f50;
}

.catenew ul li .padd .atime::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;
}

.catenew ul li .padd .tfh:hover+.atime {
    display: flex;
}

.catenew ul li .padd span.radd {
    width: auto;
    flex: 1;
}

.pro_newsale .bd li p.rowtitle {
    display: flex;
    align-items: center;
    height: 20px;
}

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

.pro_newsale .bd li p.rowtitle .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.pro_newsale .bd li p.rowtitle .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.pro_newsale .bd li p.rowtitle .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.pro_newsale .bd li p.rowtitle .tagselfcang {
    background: #FA5F05;
    border: 1px solid #FA5F05;
    color: #fff;
}

.pro_newsale .bd li p.rowtitle a {
    flex: 1;
}

.pro_newsale .bd li p.size {
    position: relative;
    margin-top: 6px;
    z-index: 2;
    height: 20px;
    display: flex;
    align-items: center;
}

.pro_newsale .bd li .size .sizep {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_newsale .bd li .size .sizep {
    width: 123px;
}

.pro_newsale .bd li .size .viewpay {
    margin-left: auto;
    color: #999;
}

.pro_hotdk .bd li p.rowtitle {
    display: flex;
    align-items: center;
    height: 20px;
}

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

.pro_hotdk .bd li p.rowtitle .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.pro_hotdk .bd li p.rowtitle .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.pro_hotdk .bd li p.rowtitle .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.pro_hotdk .bd li p.rowtitle .tagselfcang {
    background: #FA5F05;
    border: 1px solid #FA5F05;
    color: #fff;
}

.pro_hotdk .bd li p.rowtitle a {
    flex: 1;
}

.pro_hotdk .bd li p.size {
    position: relative;
    margin-top: 6px;
    z-index: 2;
    height: 20px;
    display: flex;
    align-items: center;
}

.pro_hotdk .bd li .size .sizep {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_hotdk .bd li .size .sizep {
    flex: 1;
}

.pro_hotdk .bd li .size .viewpay {
    margin-left: auto;
    color: #999;
    width: auto;
}

.search-bar {
    display: inline-flex;
    flex-direction: column;
}

.search-bar .tips {
    display: flex;
    align-items: center;
}

.search-bar .pictures {
    width: 930px;
    height: 48px;
    background: #FFF;
    border: 1px solid #E5E5E5;
    opacity: 1;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.search-bar .pictures .sinput {
    flex: 1;
    border: 0;
    margin: 0;
    padding: 2px 30px 2px 15px;
    font-size: 12px;
    border-radius: 4px;
    outline: 0;
    height: 44px;
    line-height: 44px;
}

.search-bar .pictures .serIcon {
    height: 20px;
    margin-right: 15px;
    cursor: pointer;
}

.search-bar .pictures .serIcon .search-icon {
    color: #666;
}

.search-bar .sch-botto {
    width: 98px;
    border: 0;
    height: 48px;
    background: #F50;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    margin-left: 18px;
    cursor: pointer;
}

.search-bar .sch-botto:hover {
    opacity: .8;
}

.search-bar .hot-query {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.search-bar .hot-query .hotit {
    color: #666;
}

.search-bar .eodbd {
    display: flex;
    align-items: center;
    margin-left: 15px;
    cursor: pointer;
    position: relative;
}

.search-bar .eodbd em {
    margin-left: 2px;
    color: #f50;
}

.search-bar .eodbd .eodbdpic {
    opacity: 0;
    display: block;
    max-width: none;
    max-height: none;
    width: 40px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 42px;
    transition: all .2s;
    background: #FFF;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    padding: 15px 24px;
    z-index: 10;
    pointer-events: none;
}

.search-bar .eodbd:hover .eodbdpic {
    opacity: 1;
    display: block;
    width: 441px;
    height: 355px;
    pointer-events: auto;
}

.pro_nav .shcbox .serIcon {
    position: absolute;
    top: 0;
    right: 200px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.shcwrap .unfilespan {
    position: absolute;
    right: 200px;
    width: 40px;
    height: 40px;
    top: 0;
    opacity: 1;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: transparent;
    display: block;
    z-index: 20;
}

.shcwrap .uploadimgfile {
    display: none;
}

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

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

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

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

.imgnullBox {
    width: 294px;
    margin: 100px auto;
}

.imgnullBox img {
    width: 294px;
    height: 216px;
}

.imgnullBox p {
    text-align: center;
    color: #666;
    margin-top: 30px;
}

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

.marketlpic {
    float: left;
    margin-left: 40px;
}

.marketlink a {
    margin-bottom: 4px;
}

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

@media screen and (max-width:1488px) {
    .pro_nav .shcbox #keywords {
        width: 388px;
    }

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

    .marketlink a {
        margin-bottom: 4px;
    }

    .cbanbg .w1400,.cbanbg2 .w1400,.cbanbg3 .w1400 {
        width: 1210px!important;
    }

    .coversban {
        width: 1210px;
    }

    .coversban .q-inBanner,.coversban .q-inBanner .slider,.coversban .q-inBanner .slider li {
        width: 660px;
    }

    .coversban .q-inBanner .slider li a img {
        max-width: 660px;
    }

    .coversban .q-inBanner .slider .num span {
        width: 109px;
    }

    .coversban .q-inBanner .slider .num span:first-child {
        width: 110px;
    }

    .coversban .q-bmp {
        width: 308px;
    }

    .coversban .q-rank {
        width: 222px;
    }

    .caterow21 .filter .line ul {
        width: 1118px;
        margin-right: 0!important;
    }

    .caterow21 .filter .line dl {
        width: 1118px;
    }

    .pro_hotdk .bd ul li,.pro_newsale .bd ul li {
        width: 201px;
    }

    .pro_hotdk .bd ul li .purs,.pro_newsale .bd ul li .purs {
        width: 146px;
    }

    .pro_hotdk .bd ul li .purs a img,.pro_newsale .bd ul li .purs a img {
        max-width: 146px;
    }

    .pro_hotdk .bd li .padd span.radd,.pro_newsale .bd li .padd span.radd {
        width: 58px;
    }

    .pro_newsale .bd ul li:last-child {
        width: 200px;
    }

    .pro_newsale .bd ul li:last-child .purs {
        width: 145px;
    }

    .pro_hotdk .bd ul li:last-child {
        width: 200px;
    }

    .pro_hotdk .bd ul li:last-child .purs {
        width: 145px;
    }

    .catenew {
        width: 984px;
    }

    .catenew ul {
        margin-left: 0;
    }

    .catenew ul li {
        margin-left: 26px;
    }

    .glnew li {
        width: 225px;
        height: 360px;
    }

    .glnew li a img {
        width: 225px;
        height: 366px;
    }
}

@media screen and (max-width:1410px) {
    .w1400 {
        width: 1210px;
    }

    .pro_nav .shcbox #keywords {
        width: 350px;
    }

    .caterow .filter .line ul {
        margin-right: 50px;
    }

    .categorlist {
        width: 990px;
    }

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

    .categorlist ul li {
        margin-left: 28px;
    }

    .adlist ul li {
        width: 220px;
    }

    .adlist ul li a img {
        width: 220px;
        height: 379px;
    }

    .sidelist ul li {
        width: 218px;
        height: 366px;
    }

    .sidelist ul li a img {
        width: 218px;
        height: 366px;
    }

    .pro_guess ul {
        margin-left: -9px;
    }

    .pro_guess ul li {
        width: 192px;
        margin-left: 9px;
    }

    .pro_guess ul li a span {
        width: 192px;
        height: 192px;
    }

    .pro_guess ul li a span.pic img {
        width: 192px;
        height: 192px;
    }

    .sliderb-nav1400 span {
        width: 193px;
        background-size: 100% 100%;
    }

    .sliderb-nav1400 span img {
        width: 193px;
    }

    .catelistlast {
        width: 984px;
    }

    .catelistlast ul {
        margin-left: 0;
    }

    .catelistlast ul li {
        margin-left: 21px;
    }

    .sidelistlast ul li {
        width: 225px;
        height: 360px;
    }

    .sidelistlast ul li a img {
        width: 225px;
        height: 366px;
    }

    .catenew {
        width: 984px;
    }

    .catenew ul {
        margin-left: 0;
    }

    .catenew ul li {
        margin-left: 21px;
    }

    .glnew li {
        width: 225px;
        height: 360px;
    }

    .glnew li a img {
        width: 225px;
        height: 366px;
    }

    .photo_sch {
        width: 1180px;
    }

    .search-bar .pictures {
        width: 880px;
    }

    .photo_sch_3 {
        width: 1210px;
    }

    .photo_sch_3 ul {
        margin-left: -27px;
    }

    .photo_sch_3 ul li {
        margin-left: 27px;
    }
}

@media screen and (max-width:1229px) {
    .w1400 {
        width: 1050px;
    }

    .pro_nav .nav_title {
        margin-left: 8px;
    }

    .pro_nav .shcbox #keywords {
        width: 250px;
    }

    .categorlist {
        width: 838px;
    }

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

    .categorlist ul li {
        width: 203px;
        margin-left: 6px;
        height: 345px;
    }

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

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

    .adlist ul li {
        width: 203px;
        height: 347px;
    }

    .adlist ul li a img {
        width: 203px;
        height: 347px;
    }

    .sidelist ul li {
        width: 203px;
        height: 347px;
    }

    .sidelist ul li a img {
        width: 203px;
        height: 347px;
    }

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

    .goos-list li {
        width: 203px;
        height: 345px;
    }

    .goos-list li span.pic {
        width: 203px;
        height: 203px;
    }

    .goos-list li span.pic img {
        width: 203px;
        height: 203px;
    }

    .goos-list li .desc {
        padding: 0 10px 0;
    }

    .recsearch .morekey ul li a {
        padding: 0 24px;
    }

    .pro_guess ul {
        margin-left: -8px;
    }

    .pro_guess ul li {
        width: 166px;
        margin-left: 8px;
    }

    .pro_guess ul li a span {
        width: 166px;
        height: 166px;
    }

    .pro_guess ul li a span.pic img {
        width: 166px;
        height: 166px;
    }

    .categorlist ul li .quickgn .quic_s {
        width: 67px;
    }

    .categorlist ul li .qualshop p.shop a {
        width: 57px;
    }

    .categorlist ul li .quickgn .cross dl dd {
        margin-left: 2px;
        width: 62px;
    }

    .goos-list li .qualshop p.shop a {
        width: 53px;
    }

    .goos-list li .quickgn .quic_s {
        width: 67px;
    }

    .goos-list li .quickgn .cross dl dd {
        margin-left: 2px;
        width: 62px;
    }

    .sliderb-nav1400 {
        height: 68px;
    }

    .sliderb-nav1400 span {
        margin-left: 5px;
        width: 170px;
        height: 68px;
        background-size: 100% 100%;
    }

    .sliderb-nav1400 span img {
        max-width: 100%;
        max-height: 100%;
    }

    .w1400 {
        width: 1200px;
    }

    .photo_sch {
        width: 1172px;
    }

    .w1400 {
        width: 1210px;
    }

    .catelistlast {
        width: 984px;
    }

    .catelistlast ul {
        margin-left: 0;
    }

    .catelistlast ul li {
        width: 223px;
        margin-left: 21px;
        height: auto;
    }

    .catelistlast ul li span.pic {
        width: 223px;
        height: 223px;
    }

    .catelistlast ul li span.pic img {
        width: 223px;
        height: 223px;
    }

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

    .catelistlast ul li .quickgn .cross dl dd {
        margin-left: 5px;
        width: 64px;
    }

    .sidelistlast ul li {
        width: 225px;
        height: 360px;
    }

    .sidelistlast ul li a img {
        width: 225px;
        height: 360px;
    }

    .gooslistlast li span.pic {
        width: 223px;
        height: 223px;
    }

    .gooslistlast li span.pic img {
        width: 223px;
        height: 223px;
    }

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

    .catenew {
        width: 984px;
    }

    .catenew ul {
        margin-left: 0;
    }

    .catenew ul li {
        width: 223px;
        margin-left: 21px;
        height: auto;
    }

    .catenew ul li span.pic {
        width: 223px;
        height: 223px;
    }

    .catenew ul li span.pic img {
        width: 223px;
        height: 223px;
    }

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

    .catenew ul li .quickgn .cross dl dd {
        margin-left: 5px;
        width: 64px;
    }

    .glnew li {
        width: 225px;
        height: 360px;
    }

    .glnew li a img {
        width: 225px;
        height: 360px;
    }

    .glnew li span.pic {
        width: 223px;
        height: 223px;
    }

    .glnew li span.pic img {
        width: 223px;
        height: 223px;
    }

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