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

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

img {
    -webkit-transition: -webkit-transform .2s linear;
    -moz-transition: -moz-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    transition: transform .2s linear;
    border: 0;
    vertical-align: middle;
}

span,h3 {
    font-weight: normal;
}

em {
    font-style: normal;
}

.w100 {
    width: 100%;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.w1400 {
    width: 1400px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mr4 {
    margin-right: 4px;
}

.mt4 {
    margin-top: 4px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.pl {
    position: relative;
}

.ml6 {
    margin-left: 6px;
}

.pl {
    position: relative;
}

.p10 {
    padding: 10px;
}

.nof {
    float: none;
}

.pt10 {
    padding-top: 10px;
}

.dib {
    display: inline-block;
}

.db {
    display: block;
}

.dn {
    display: none;
}

.com_ico {
    width: 16px;
    height: 16px;
    background-color: #3D7EFF;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    border-radius: 2px;
    text-align: center;
}

.per_ico {
    width: 16px;
    height: 16px;
    background-color: #f9981f;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    border-radius: 2px;
    text-align: center;
}

.qcc-bg-white {
    background: #fff;
}

.qcc-bg-lgr {
    background-color: #F5F5F8;
}

.qcc-bg-pb60 {
    padding-bottom: 60px;
}

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

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

.p-nav ul li.act {
    background-color: #CE3900;
}

.p-nav ul li a {
    height: 40px;
    min-width: 60px;
    padding: 0 10px;
    line-height: 40px;
    display: inline-block;
    color: #fff;
    text-align: center;
}

.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(../image/new.gif) top center;
    z-index: 2;
}

.min_nav {
    background-color: #F5F5F5;
    height: 34px;
    line-height: 34px;
}

.min_nav {
    
    z-index: 101;
}

.topbarWarp .qcc_home,.mark_more span.mark_icon {
    background: url(../image/qcctopbar.png) no-repeat;
    display: block;
}

.topbarWarp .qcc_home {
    float: left;
    color: #666;
    width: 60px;
    background-position: 0 12px;
    padding-left: 14px;
    margin-right: 21px;
    font-size: 12px;
    line-height: normal;
    padding-top: 9px;
}

.topbarWarp .mark_more {
    float: left;
    width: 96px;
    cursor: pointer;
    position: relative;
}

.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 .qcc_home {
    margin-right: 0;
}

.topbarWarp .topnav li.qcc_home_li:hover {
    background: transparent;
    border: 0 none;
}

.topbarWarp .topnav .nav_title {
    font-size: 12px;
}

.topbarWarp .topnav li.nav_verline {
    color: #ccc;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

.topbarWarp .topnav li.nav_noother {
    font-size: 12px;
    padding-right: 0;
}

.topbarWarp .topnav li.nav_noother span {
    padding: 0 10px;
}

.topbarWarp .topnav a {
    color: #666;
}

.topbarWarp .topnav .nav_title a span {
    float: left;
    padding-left: 5px;
}

.topbarWarp .topnav .nav_title a i {
    top: 15px;
    right: 4px;
    height: 5px;
    overflow: hidden;
    font: 700 14px/16px simsun;
    color: #ccc;
    transition: transform .1s ease-in 0s;
    -webkit-transition: -webkit-transform .1s ease-in 0s;
    display: block;
    position: absolute;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
}

.topbarWarp .topnav .nav_title a i s {
    position: relative;
    top: -9px;
    text-decoration: none;
}

.topbarWarp .topnav li:hover i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.topbarWarp .topnav .nav_purchase span.badge {
    margin-left: 4px;
    border-radius: 6px;
    background-color: #FA5F05;
    height: 12px;
    padding: 1px 3px;
    line-height: 12px;
    color: #fff;
    margin-top: 10px;
}

.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(../image/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;
    display: none;
}

.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 {
    height: 118px;
    background-color: #fff;
    border-top: 2px solid #FA5F05;
    font-size: 14px;
}

.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(../image/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;
}

.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(../image/logo.png) center no-repeat;
}

.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(../image/sprites.png);
    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(../image/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(../image/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;
    background: url(../image/sch_icon.png);
    background-size: 100% 100%;
}

.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(../image/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: 24px;
    margin-bottom: 24px;
    position: relative;
}

.w1200.pro_nav .shcbox #keywords {
    width: 318px;
}

.pro_nav .logo {
    width: 222px;
    height: 80px;
    float: left;
}

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

.fixedtool a[target="_blank"] {
    display: block;
    width: 100px;
    min-height: 130px;
    background-position: top center;
    background-repeat: no-repeat;
}

.fixedtool a[target="_blank"] {
    background-size: 100px 130px;
}

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

.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(../image/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(../image/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(../image/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(../image/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(../image/saom_logo.png) 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(../image/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(../image/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(../image/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(../image/help_icon_arrow.png) 12px center no-repeat;
}

.help-main .left-menu dl dd ul li a:hover {
    color: #00ae45;
    background: url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/hsz1-ico.png) top center no-repeat;
}

.hs_zizhu ul li .z2 {
    width: 42px;
    height: 46px;
    margin: 48px auto 0;
    background: url(../image/hsz2-ico.png) top center no-repeat;
}

.hs_zizhu ul li .z3 {
    width: 44px;
    height: 48px;
    margin: 47px auto 0;
    background: url(../image/hsz3-ico.png) top center no-repeat;
}

.hs_zizhu ul li .z4 {
    width: 56px;
    height: 50px;
    margin: 46px auto 0;
    background: url(../image/hsz4-ico.png) top center no-repeat;
}

.hs_zizhu ul li .z5 {
    width: 42px;
    height: 49px;
    margin: 46px auto 0;
    background: url(../image/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(../image/hszz1-ico.png) top center no-repeat;
}

.hs_zizhu ul li:hover .z2 {
    background: url(../image/hszz2-ico.png) top center no-repeat;
}

.hs_zizhu ul li:hover .z3 {
    background: url(../image/hszz3-ico.png) top center no-repeat;
}

.hs_zizhu ul li:hover .z4 {
    background: url(../image/hszz4-ico.png) top center no-repeat;
}

.hs_zizhu ul li:hover .z5 {
    background: url(../image/hszz5-ico.png) top center no-repeat;
}

.hs_szz ul li .z1 {
    width: 53px;
    height: 49px;
    margin: 46px auto 0;
    background: url(../image/hsz6-ico.png) top center no-repeat;
}

.hs_szz ul li .z2 {
    width: 53px;
    height: 48px;
    margin: 46px auto 0;
    background: url(../image/hsz7-ico.png) top center no-repeat;
}

.hs_szz ul li .z3 {
    width: 52px;
    height: 48px;
    margin: 46px auto 0;
    background: url(../image/hsz8-ico.png) top center no-repeat;
}

.hs_szz ul li .z4 {
    width: 54px;
    height: 54px;
    margin: 43px auto 0;
    background: url(../image/hsz9-ico.png) top center no-repeat;
}

.hs_szz ul li .z5 {
    width: 49px;
    height: 52px;
    margin: 43px auto 0;
    background: url(../image/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(../image/hszz6-ico.png) top center no-repeat;
}

.hs_szz ul li:hover .z2 {
    background: url(../image/hszz7-ico.png) top center no-repeat;
}

.hs_szz ul li:hover .z3 {
    background: url(../image/hszz8-ico.png) top center no-repeat;
}

.hs_szz ul li:hover .z4 {
    background: url(../image/hszz9-ico.png) top center no-repeat;
}

.hs_szz ul li:hover .z5 {
    background: url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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 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(../image/help_icon_arrow1.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;
}

.hs_keys_ask .wenti a.active span {
    border-bottom: 3px solid transparent;
}

.hs_keys .shcbox .sch_close {
    width: 16px;
    height: 16px;
    background: url(../image/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 .icon {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background: url(../image/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(../image/rightnav-icon.png) 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(../image/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(../image/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(../image/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(../image/tool_callqq.gif) top center no-repeat;
    vertical-align: middle;
    cursor: pointer;
}

.rightnavopen .serviceonline span a.qq {
    background: url(../image/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(../image/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(../image/rightnav-icon.png);
    background-position: -90px -60px;
    display: none;
}

.feedback .fb_reason .title {
    float: left;
    width: 120px;
    text-align: center;
    height: 225px;
    margin-top: 30px;
}

.feedback .fb_reason .title em {
    color: #f50;
    margin-right: 10px;
}

.feedback .fb_reason textarea.reasontxt {
    width: 782px;
    height: 213px;
    border: 1px solid #D1d1d1;
    margin-top: 30px;
    padding: 5px;
    resize: none;
    font-size: 14px;
}

.feedback .fb_voucher {
    height: 136px;
}

.feedback .fb_voucher .title {
    float: left;
    width: 120px;
    text-align: center;
    height: 92px;
    margin-top: 30px;
}

.feedback .fb_voucher .title em {
    color: #f50;
    margin-right: 10px;
}

.feedback .fb_voucher .webPicPicker {
    margin-top: 30px;
}

.feedback .uploadtxt {
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #f50;
    margin-left: 120px;
}

.feedback .ok {
    height: 34px;
    margin-top: 20px;
}

.feedback .ok a.btnok {
    height: 34px;
    width: 120px;
    background-color: #f50;
    display: block;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-left: 415px;
}

.rightnavbg .rightnav .seronline .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(../image/tfs_app2.png) 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(../image/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(../image/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(../image/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(../image/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(../image/aboutw_02.jpg) no-repeat top center;
    height: 328px;
}

.qcc-aboutp .aboutp_2 {
    background: url(../image/aboutw_03.jpg) no-repeat top center;
    height: 292px;
}

.qcc-aboutp .aboutp_3 {
    background: url(../image/aboutw_04.jpg) no-repeat top center;
    height: 621px;
}

.qcc-aboutp .aboutp_4 {
    background: url(../image/aboutw_05.jpg) no-repeat top center;
    height: 287px;
}

.qcc-aboutp .aboutp_5 {
    background: url(../image/aboutw_06.jpg) no-repeat top center;
    height: 338px;
}

.qcc-aboutp .aboutp_6 {
    background: url(../image/aboutw_07.jpg) no-repeat top center;
    height: 339px;
}

.qcc-aboutp .aboutp_7 {
    background: url(../image/aboutw_08.jpg) no-repeat top center;
    height: 338px;
}

.qcc-aboutp .aboutp_8 {
    background: url(../image/aboutw_09.jpg) no-repeat top center;
    height: 338px;
}

.qcc-aboutp .aboutp_9 {
    background: url(../image/aboutw_10.jpg) no-repeat top center;
    height: 338px;
}

.qcc-aboutp .aboutp_10 {
    background: url(../image/aboutw_11.jpg) no-repeat top center;
    height: 338px;
}

.qcc-aboutp .aboutp_11 {
    background: url(../image/aboutw_12.jpg) no-repeat top center;
    height: 448px;
}

.qcc-aboutp .aboutp_13 {
    background: url(../image/aboutw_14.jpg) no-repeat top center;
    height: 363px;
}

.qcc-aboutp .aboutp_14 {
    background: url(../image/aboutw_15.jpg) no-repeat top center;
    height: 250px;
}

.qcc-aboutp .aboutp_15 {
    background: url(../image/aboutw_16.jpg) no-repeat top center;
    height: 465px;
}

.qcc-aboutp .aboutp_16 {
    background: url(../image/aboutw_17.jpg) no-repeat top center;
    height: 465px;
}

.qcc-aboutp .aboutp_17 {
    background: url(../image/aboutw_18.jpg) no-repeat top center;
    height: 436px;
}

.qcc-aboutp .aboutp_18 {
    background: url(../image/aboutw_19.jpg) no-repeat top center;
    height: 456px;
}

.qcc-aboutp .aboutp_19 {
    background: url(../image/aboutw_20.jpg) no-repeat top center;
    height: 298px;
}

.qcc-aboutp .aboutp_20 {
    background: url(../image/aboutw_21.jpg) no-repeat top center;
    height: 293px;
}

.qcc-aboutp .aboutp_21 {
    background: url(../image/aboutw_22.jpg) no-repeat top center;
    height: 293px;
}

.qcc-aboutp .aboutp_22 {
    background: url(../image/aboutw_23.jpg) no-repeat top center;
    height: 293px;
}

.qcc-aboutp .aboutp_23 {
    background: url(../image/aboutw_24.jpg) no-repeat top center;
    height: 291px;
}

.qcc-aboutp .aboutp_24 {
    background: url(../image/aboutw_25.jpg) no-repeat top center;
    height: 293px;
}

.qcc-aboutp .aboutp_25 {
    background: url(../image/aboutw_26.jpg) no-repeat top center;
    height: 293px;
}

.qcc-aboutp .aboutp_26 {
    background: url(../image/aboutw_27.jpg) no-repeat top center;
    height: 295px;
}

.qcc-aboutp .aboutp_27 {
    background: url(../image/aboutw_28.jpg) no-repeat top center;
    height: 431px;
}

.qcc-aboutp .aboutp_28 {
    background: url(../image/aboutw_29.jpg) no-repeat top center;
    height: 351px;
}

.qcc-aboutp .aboutp_29 {
    background: url(../image/aboutw_30.jpg) no-repeat top center;
    height: 336px;
}

.qcc-aboutp .aboutp_30 {
    background: url(../image/aboutw_31.jpg) no-repeat top center;
    height: 264px;
}

.qcc-aboutp .aboutp_31 {
    background: url(../image/aboutw_32.jpg) no-repeat top center;
    height: 527px;
}

.qcc-aboutp .aboutp_32 {
    background: url(../image/aboutw_33.jpg) no-repeat top center;
    height: 881px;
}

.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(../image/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(../image/fscreen_ico.png) left center no-repeat;
    background-size: 14px auto;
}

.rightnavopen .mycart2 .thTxt .full:hover {
    color: #F50;
    background: url(../image/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(../image/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(../image/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 .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(../image/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(../image/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(../image/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(../image/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;
    background: url(../image/cprog_1.png) top center no-repeat;
    display: block;
}

.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: -4px;
    width: 130px;
    height: 110px;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(147,147,147,0.2);
    border-radius: 6px;
    display: none;
}

.coreditems .cprog .pic img {
    width: 110px;
    height: 110px;
    margin-left: 5px;
}

.coreditems .cprog:hover .pic {
    left: -119px;
    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(../image/cprog_2.png) top center no-repeat;
}

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

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

.toppic_fw a {
    width: 100%;
    display: block;
    min-width: 1200px;
    height: 70px;
    background-image: url(../image/15016036889988.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 70px;
}

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

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

.toppic a {
    width: 100%;
    display: block;
    min-width: 1200px;
    max-height: 150px;
    background-image: url(../image/13888405948995.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

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

.topdz .tdzbox {
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 150px;
    width: 1920px;
}

.topdz a {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.topdz a img {
    max-width: initial;
    height: 150px;
    max-height: initial;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sort_bar ul li a {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.qcc_mini .w1400 {
    width: 1200px;
}

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

.shop_nav ul {
    overflow: hidden;
}

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

.shop_nav ul li a {
    color: #666;
    display: inline-flex;
    font-size: 14px;
    position: relative;
}

.shop_nav ul li a::after {
    content: "";
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background-color: #f50;
    border-radius: 4px 4px 0 0;
    display: none;
}

.shop_nav ul li.active a::after,.shop_nav ul li a:hover::after {
    display: block;
}

.sho_nav {
    margin: 0 auto!important;
}

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

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

.sho_nav .login-left a {
    
    margin: 4px 12px 0 0;
    padding: 3px 2px;
    width: 172px;
    height: 34px;
    border-radius: 2px;
    text-decoration: none;
    text-indent: -9999px;
    background: url(../image/logo_i.png) 0 0 no-repeat;
}

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

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

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

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

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

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

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

.sho_nav .sho_sellerinfo .shop-info .qual_box i {
    width: 16px;
    height: 16px;
    float: left;
    background: url(../image/fzzf.png) top center no-repeat;
    margin-right: 3px;
    margin-top: 3px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p span.shop_t_qiye {
    background: url(../image/qual_1.png) top center no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p span.shop_t_geren {
    background: url(../image/qual_4.png) top center no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

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

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

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

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

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

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

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars {
    width: 60px;
    background: url(../image/ratestars.png) no-repeat;
    height: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sho_nav .seller-info .realm_btn .nocollt em {
    background: url(../image/nocollt.png) no-repeat top center;
}

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

.sho_nav .seller-info .realm_btn .yescollt em {
    background: url(../image/yescollt.png) no-repeat top center;
}

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

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

.sho_nav .shop-qrcode .noyuan {
    background: url(../image/click_qrcode.png) no-repeat;
    background-position: 0 0;
    width: 54px;
    height: 54px;
    display: block;
    margin-top: 3px;
    margin-left: 3px;
}

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

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

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

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

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

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

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

.sho_nav .shop-collt.nocollt em {
    background: url(../image/nocollt.png) no-repeat top center;
}

.sho_nav .shop-collt.yescollt em {
    background: url(../image/yescollt_2.png) no-repeat top center;
}

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

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

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

.sho_nav .seller-info .realm_btn .iphoeu .ncord {
    float: left;
    background: url(../image/ncord-icon.png) top center no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-left: 6px;
    margin-right: 3px;
}

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

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

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

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

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

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

.sho_nav .seller-info .realm_btn a.download em {
    float: left;
    width: 14px;
    height: 12px;
    background: url(../image/down-icon11.png) top center no-repeat;
    margin-top: 8px;
    margin-left: 15px;
}

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

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

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

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

.sho_nav .seller-info .sop-top {
    background: url(../image/fzzf.png) top center no-repeat;
    background-position: 0 -340px;
    width: 452px;
    height: 40px;
    margin-left: -18px;
    margin-top: -6px;
}

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

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

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

.sho_nav .seller-info .sop-u .line .b1-icon {
    width: 12px;
    height: 12px;
    background: url(../image/b1-icon.png) top center no-repeat;
    margin-top: 2px;
}

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

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

.sho_nav .seller-info .sop-u .line .b2-iocn {
    width: 12px;
    height: 12px;
    background: url(../image/b2-iocn.png) top center no-repeat;
    margin-top: 2px;
}

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

.sho_nav .seller-info .sop-u .line .b3-iocn {
    width: 12px;
    height: 12px;
    background: url(../image/b3-iocn.png) top center no-repeat;
    margin-top: 2px;
}

.sho_nav .seller-info .sop-u .line .b4-iocn {
    width: 12px;
    height: 12px;
    background: url(../image/b4-iocn.png) top center no-repeat;
    margin-top: 2px;
}

.sho_nav .seller-info .sop-u .line .b5-iocn {
    width: 12px;
    height: 12px;
    background: url(../image/b5-iocn.png) top center no-repeat;
    margin-top: 2px;
}

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

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

.sho_nav .seller-info .sop-u .line .linekf p {
    color: #999;
}

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

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

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

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

.sho_nav .seller-info .sop-d .line .ratestars {
    width: 60px;
    background: url(../image/ratestars.png) no-repeat;
    height: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sho_nav .seller-info .sop-d .d-bsrh {
    margin-top: 5px;
}

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

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

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

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

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

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

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

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

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

.sp-goods .hd .pt-tit h3 span {
    float: left;
    height: 25px;
    width: 26px;
    margin-right: 8px;
    background: url(../image/sp-g1.png) center no-repeat;
}

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

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

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

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

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

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

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

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

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

.spg-list .bd .porlist li .pic .playVideoBtn1 {
    position: absolute;
    top: 78px;
    left: 78px;
    width: 53px;
    height: 53px;
    background: url(../image/listPlayVideo1.png) no-repeat;
}

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

.spg-list .bd .porlist li .icon_tfhours_goods {
    background: url(../image/icon_tfhours_goods1909.png) top center no-repeat;
    width: 35px;
    height: 20px;
    display: block;
}

.spg-list .bd .porlist li .icon_new {
    background: url(../image/icon_new.png) top center no-repeat;
    width: 35px;
    height: 24px;
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.spg-list .bd .porlist li .datagn .ap:hover .shopa em {
    background: url(../image/icon_shop.png) top center no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sho_nav .shcbox .sch_icon {
    position: absolute;
    top: 14px;
    left: 10px;
    width: 12px;
    height: 12px;
    background: url(../image/sch_icon.png);
    background-size: 100% 100%;
}

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

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

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

.shopban table {
    margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.padd span.radd i,.padd .ricon em.star,.padd .ricon em.trade,.padd .ricon em.gongchang,.padd .ricon a.ww {
    background: url(../image/cart-icons.png) top center no-repeat;
}

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

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

.categorlist ul li a {
    display: block;
}

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

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

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

.categorlist ul li a {
    position: relative;
}

.categorlist ul li a span.icon_1 {
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-top: -4px;
    background: url(../image/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(../image/special_sing.png) top center no-repeat;
    background-size: 100% 100%;
}

.categorlist ul li span.icon_tfhours_goods {
    position: absolute;
    background: url(../image/icon_tfhours_goods1909.png) top center no-repeat;
    top: 0;
    left: -5px;
    width: 35px;
    height: 24px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padd span.radd i,.padd .ricon em.star,.padd .ricon em.trade,.padd .ricon em.gongchang,.padd .ricon a.ww {
    background: url(../image/cart-icons.png) top center no-repeat;
}

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

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

.lowerlist ul li a {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.beingq p span {
    color: #F50;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pinfo p.toptitle span.icon_fhour {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 20px;
    background: url(../image/icon_fhour_tit.png) top center no-repeat;
    margin-right: 12px;
    margin-top: -2px;
}

.pinfo p.toptitle .viptitle-photo {
    width: 72px;
    height: 24px;
    background: linear-gradient(270deg,#33180D 0,#7B4B27 100%);
    border-radius: 5px;
    color: #FFF4E2;
    font-size: 12px;
    display: inline-block;
    vertical-align: 2px;
    text-align: center;
}

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

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

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

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

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

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

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

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

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

.picsize .pcs_l .pro_img .ycipIcon {
    top: 1px;
    left: -2px;
    position: absolute;
    overflow: hidden;
    width: 76px;
    height: 26px;
}

.picsize .pcs_l .pro_img .ychIcon {
    font-size: 85px;
    top: -29px;
    left: -14px;
    position: absolute;
}

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

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

.picsize .pcs_l .pro_img .video_begin {
    width: 68px;
    height: 68px;
    position: absolute;
    background-image: url(../image/video.png);
    top: 154px;
    left: 154px;
}

.picsize .pcs_l .pro_img .video_begin:hover {
    cursor: pointer;
    background-image: url(../image/video_hover.png);
}

.picsize .pcs_l .pro_img .video_close {
    width: 36px;
    height: 36px;
    position: absolute;
    background-image: url(../image/video_close.png);
    right: 10px;
    top: 10px;
    z-index: 2;
}

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

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

.thumb_con .thumb_box {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pro_like a em {
    color: #666;
}

.pro_like a span {
    width: 18px;
    height: 15px;
    display: inline-table;
    vertical-align: middle;
    background: url(../image/comdetail.png) no-repeat top center;
    margin-top: -4px;
    margin-right: 7px;
}

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

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

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

.pro_like a.scproduct span {
    background: url(../image/coll_shop.png) top center no-repeat;
    background-size: contain;
    width: 16px;
    height: 15px;
    vertical-align: middle;
    margin-top: -5px;
}

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

.pro_like .soutc span {
    background: url(../image/soutc-icon.png) no-repeat top center;
    background-size: 12px;
}

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

.price_detail .dttitle {
    float: left;
}

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

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

.price_detail .pri_de {
    float: left;
}

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

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

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

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

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

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

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

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

.price_detail .prm span {
    float: left;
    width: 83px;
    height: 28px;
    background: url(../image/prmg.png) top center no-repeat;
    line-height: 28px;
    color: #fff;
    text-align: center;
    margin-left: -2px;
}

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

.price_detail .privip {
    float: left;
    width: 28px;
    height: 118px;
    background: linear-gradient(270deg,#F6DCB5 0,#EABC6B 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.price_detail .privip a {
    display: block;
}

.price_detail .privip .ico {
    background: url(../image/vipbus.png) no-repeat;
    background-position: -98px -33px;
    width: 24px;
    height: 14px;
}

.price_detail .privip p {
    width: 14px;
    line-height: 15px;
    font-size: 12px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.price_detail .privip .arr {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #F6DCB5;
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -8px;
}

.price_detail .pri_de dd .pri_de_sa {
    color: #666;
    padding-left: 18px;
}

.price_detail .pri_de dd .pri_de_sa span {
    color: #f50;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.custom .custom_s span.subcou i {
    background: url(../image/cart-icons.png) no-repeat top center;
    width: 2px;
    height: 19px;
    position: absolute;
    top: 0;
}

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

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

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

.custom .custom_s .subtime {
    display: flex;
}

.custom .custom_s .subtime .h24hicon {
    font-size: 20px;
    color: #f50;
}

.custom .custom_s .subtime .h12hicon {
    font-size: 20px;
    color: #f50;
}

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

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

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

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

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

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

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

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

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

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

.pro_size_box {
    position: relative;
}

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

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

.pro_size_box .obj_expand a i {
    top: 4px;
    right: 8px;
    height: 5px;
    overflow: hidden;
    font: 700 14px/16px simsun;
    color: #666;
    transition: transform .1s ease-in 0s;
    -webkit-transition: -webkit-transform .1s ease-in 0s;
    display: block;
    position: absolute;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pro_sub span em {
    color: #f50;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pro_btn .order_action_no {
    border: 0;
}

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

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

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

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

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

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

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

.pro_btn .notopen_btn .icon_notrad {
    display: inline-block;
    background: url(../image/notrading.png) top center no-repeat;
    width: 19px;
    height: 18px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}

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

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

.pro_btn .docart_no .addcart_icon {
    display: inline-block;
    background: url(../image/comdetail_cno.png) no-repeat top center;
    width: 14px;
    height: 19px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 9px;
}

.okupload {
    display: none;
}

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

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

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

.okupload ul li i {
    display: block;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    background-image: url(../image/sharePlatSprite.png);
    background-repeat: no-repeat;
    margin-top: 6px;
    margin-bottom: 10px;
}

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

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

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

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

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

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

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

.okupload ul li .taote {
    background-position: -263px -89px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pro_recon {
    margin-top: 30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pro_busipush {
    margin-bottom: 30px;
}

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

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

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

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

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

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

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

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

.pro_busipush ul li dl {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

.pro_detail .pro_item {
    display: none;
}

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

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

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

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

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

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

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

.pro_att_img .pro_img br {
    display: none;
}

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

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

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

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

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

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

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

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

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

.pro_detail .pro_batch_desc {
    padding: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.segmentbox {
    margin-top: 50px;
}

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

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

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

.pro_sho_sinfo .pss_info p em {
    display: inline-block;
    max-width: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.pro_sho_sinfo .pss_info p span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    background-color: #ff4800;
    margin-left: 6px;
    padding: 0 6px;
    margin-right: 8px;
    line-height: 16px;
    height: 18px;
}

.pro_sho_sinfo .pss_info .qual_box {
    margin-top: 10px;
    height: 22px;
}

.pro_sho_sinfo .pss_info .qual_box i {
    width: 16px;
    height: 16px;
    float: left;
    background: url(../image/fzzf.png) top center no-repeat;
    margin-right: 3px;
    margin-top: 3px;
}

.pro_sho_sinfo .pss_info .qual_box i.bz {
    background-position: -470px -303px;
}

.pro_sho_sinfo .pss_info .qual_box i.real {
    background-position: -175px 0;
}

.pro_sho_sinfo .pss_info .qual_box i.daifa {
    background-position: -175px -24px;
}

.pro_sho_sinfo .pss_info .qual_box i.zifa {
    background-position: -175px -50px;
}

.pro_sho_sinfo .pss_info .qual_box i.fast {
    background-position: -175px -76px;
}

.pro_sho_sinfo .pss_info .qual_box i.factory {
    background-position: -175px -102px;
}

.pro_sho_sinfo .pss_info .qual_box i.days15 {
    background-position: -175px -128px;
}

.pro_sho_sinfo .pss_info .qual_box i.style {
    background-position: -201px 0;
}

.pro_sho_sinfo .pss_info .qual_box i.personal {
    background-position: -201px -24px;
}

.pro_sho_sinfo .pss_info .qual_box i.business {
    background-position: -201px -50px;
}

.pro_sho_sinfo .pss_info .qual_box i.cross {
    background-position: -201px -76px;
}

.pro_sho_sinfo .pss_info .qual_box i.good {
    background-position: -201px -102px;
}

.pro_sho_sinfo .pss_info .qual_box i.gold {
    background-position: -201px -128px;
}

.pro_sho_sinfo .pss_info .qual_box i.factory2 {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.pro_sho_sinfo .pss_info .qq {
    margin-top: 0;
    line-height: 20px;
}

.pro_sho_sinfo .pss_info .qq span {
    color: #999;
}

.pro_sho_sinfo .pss_info .qq img {
    margin-left: 10px;
    margin-top: -4px;
}

.pro_sho_sinfo .pss_info .qq .linekf p {
    font-size: 12px;
    height: 28px;
    margin-top: 3px;
}

.pro_sho_sinfo .pss_info .more-w {
    width: 134px;
    padding: 6px 9px;
    line-height: 18px;
    color: #ff4800;
    border: 1px solid #ff4b05;
    margin-top: 11px;
    position: relative;
}

.pro_sho_sinfo .pss_info .more-w .up-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #ff4b05;
    position: absolute;
    top: -6px;
    left: 0;
}

.pro_sho_sinfo .pss_type {
    padding-top: 6px;
    border-bottom: 1px solid #f4f4f4;
    padding: 12px 12px 10px 12px;
}

.pro_sho_sinfo .pss_type p span {
    color: #999;
    display: inline-block;
    text-align: left;
}

.pro_sho_sinfo .pss_type p span.shop_t_qiye {
    background: url(../image/qual_1.png) top center no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.pro_sho_sinfo .pss_type p {
    color: #333;
    line-height: 26px;
}

.pro_sho_sinfo .pss_type p span.ratestars {
    width: 60px;
    background: url(../image/ratestars.png) no-repeat;
    height: 10px;
}

.pro_sho_sinfo .pss_type p span.ratestars_1 {
    background-position: 0 0;
}

.pro_sho_sinfo .pss_type p span.ratestars_1_1 {
    background-position: 0 -13px;
}

.pro_sho_sinfo .pss_type p span.ratestars_2 {
    background-position: 0 -26px;
}

.pro_sho_sinfo .pss_type p span.ratestars_2_1 {
    background-position: 0 -39px;
}

.pro_sho_sinfo .pss_type p span.ratestars_3 {
    background-position: 0 -52px;
}

.pro_sho_sinfo .pss_type p span.ratestars_3_1 {
    background-position: 0 -65px;
}

.pro_sho_sinfo .pss_type p span.ratestars_4 {
    background-position: 0 -78px;
}

.pro_sho_sinfo .pss_type p span.ratestars_4_1 {
    background-position: 0 -91px;
}

.pro_sho_sinfo .pss_type p span.ratestars_5 {
    background-position: 0 -104px;
}

.pro_sho_sinfo .pss_type p span.shop_t_bond {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ff5f0f;
    height: 16px;
    line-height: 16px;
    width: auto;
    margin-top: 1px;
}

.pro_sho_sinfo .pss_type p span.shop_t_bond img {
    vertical-align: top;
}

.pro_sho_sinfo .pss_type p span.shop_t_bond i {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    margin-right: 2px;
    color: #fe5600;
}

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

.pro_sho_sinfo .pss_bsr .shop_bsr .desc {
    float: left;
    margin-left: 14px;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .cowry {
    margin-left: 0;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc .desc_word {
    color: #333;
    margin-bottom: 5px;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc .desc_value {
    color: #959595;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc .desc_value span {
    color: #ff4800;
}

.pro_sho_sinfo .pss_bsr .realm_btn {
    margin-top: 10px;
}

.pro_sho_sinfo .pss_bsr .realm_btn .collt_btn {
    width: 76px;
    height: 24px;
    border: 1px solid #f50;
    float: right;
    text-align: center;
    line-height: 24px;
    color: #f50;
}

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

.pro_sho_sinfo .pss_bsr .realm_btn .nocollt {
    color: #f50;
    background-color: #fff;
}

.pro_sho_sinfo .pss_bsr .realm_btn .nocollt em {
    background: url(../image/nocollt.png) no-repeat top center;
}

.pro_sho_sinfo .pss_bsr .realm_btn .yescollt {
    background-color: #f50;
    color: #fff;
}

.pro_sho_sinfo .pss_bsr .realm_btn .yescollt em {
    background: url(../image/yescollt.png) no-repeat top center;
}

.pro_sho_sinfo .pss_bsr .realm_btn .shoplink {
    width: 76px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #f50;
    border: 1px solid #f50;
    margin-right: 10px;
    float: left;
}

.pro_sho_sinfo .pss_bsr .realm_btn .shoplink:hover {
    background-color: #f50;
    color: #fff;
}

.pro_sho_sinfo .pss_btn {
    padding: 12px 12px 10px 12px;
}

.pro_sho_sinfo .pss_btn a {
    width: 96px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background-color: #f50;
    margin: 0 auto;
    display: block;
}

.pro_sort .pro_skin {
    border: 1px solid #f1f1f1;
    margin-bottom: 10px;
}

.pro_sort .pro_skin .tit {
    padding: 9px 12px;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #666;
}

.pro_sort .pro_skin dl dt {
    border-top: 1px solid #f1f1f1;
    background-color: #f7f7f7;
    height: 28px;
    line-height: 28px;
    color: #666;
    font-size: 14px;
    padding-left: 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_sort .pro_skin dl dt .prs_ico_add {
    display: inline-block;
    vertical-align: middle;
    background: url(../image/prs_ico_add.jpg) top center no-repeat;
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: 10px;
}

.pro_sort .pro_skin dl a:hover {
    color: #f50;
}

.pro_sort .pro_skin dl.act dt {
    color: #666;
}

.pro_sort .pro_skin dl.act dt a {
    color: #666;
}

.pro_sort .pro_skin dl.act dt a:hover {
    color: #f50;
}

.pro_sort .pro_skin dl.act dt .prs_ico_add {
    background: url(../image/prs_ico_minus.jpg) top center no-repeat;
}

.pro_sort .pro_skin dl dd {
    display: none;
    background-color: #fff;
}

.pro_sort .pro_skin dl dd a {
    display: block;
    color: #666;
    font-size: 14px;
    padding: 6px 3px 6px 34px;
}

.pro_sort .pro_skin dl dd a:hover {
    background-color: #ff753e;
    color: #fff;
}

.pro_sort .pro_skin dl.act dd {
    display: block;
}

.pro_sort .pro_rank .tit {
    padding: 9px 12px;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #666;
    border: 1px solid #f1f1f1;
}

.error {
    color: red;
}

.ipt {
    border: solid 1px #d2d2d2;
    border-left-color: #ccc;
    border-top-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 #f8f8f8;
    background-color: #fff;
    padding: 4px 6px;
    line-height: 21px;
    color: #555;
    width: 180px;
    vertical-align: baseline;
}

.ipt-mini {
    width: 140px;
    padding: 1px 3px;
}

.ipt:focus {
    border-color: #95C8F1;
    box-shadow: 0 0 4px #95C8F1;
}

.theme-popover .btn {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    min-width: 52px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #ddd;
    color: #666;
    background-color: #f5f5f5;
    background: -webkit-linear-gradient(top,#F5F5F5,#F1F1F1);
    background: -moz-linear-gradient(top,#F5F5F5,#F1F1F1);
    background: linear-gradient(top,#F5F5F5,#F1F1F1);
}

.theme-popover input.btn {
    height: 29px;
}

.theme-popover .btn:hover {
    border-color: #c6c6c6;
    color: #333;
    background-color: #f8f8f8;
    background: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background: linear-gradient(top,#f8f8f8,#f1f1f1);
    box-shadow: #ddd 0 1px 1px 0;
}

.theme-popover .btn:active,.btn.btn-active {
    box-shadow: #ddd 0 1px 2px 0 inset;
    border-color: #c6c6c6;
}

.theme-popover .btn:focus {
    border-color: #4d90fe;
    outline: 0;
}

.theme-popover .btn-primary {
    border-color: #3079ED;
    color: #F3F7FC;
    background-color: #4D90FE;
    background: -webkit-linear-gradient(top,#4D90FE,#4787ED);
    background: -moz-linear-gradient(top,#4D90FE,#4787ED);
    background: linear-gradient(top,#4D90FE,#4787ED);
}

.theme-popover .btn-primary:hover {
    border-color: #2F5BB7;
    color: #fff;
    background-color: #4D90FE;
    background: -webkit-linear-gradient(top,#4D90FE,#357AE8);
    background: -moz-linear-gradient(top,#4D90FE,#357AE8);
    background: linear-gradient(top,#4D90FE,#357AE8);
}

.theme-popover .btn-primary:active,.btn-primary.btn-active {
    box-shadow: #2176D3 0 1px 2px 0 inset;
    border-color: #3079ED;
}

.theme-popover .btn-primary:focus {
    border-color: #4d90fe;
    outline: 0;
}

.theme-buy {
    margin-top: 10%;
    text-align: center;
}

.theme-gobuy,.theme-signin {
    font-size: 15px;
}

.theme-price {
    position: relative;
    bottom: -6px;
    font-family: microsoft yahei,Arial,Helvetica,sans-serif;
    margin-right: 20px;
    font-weight: bold;
    color: #f60;
    line-height: 32px;
    font-size: 24px;
    display: inline-block;
}

.theme-price dfn {
    font-style: normal;
    font-size: 18px;
    margin-right: 2px;
}

.theme-desc {
    padding: 30px;
}

.theme-version {
    padding: 30px;
}

.theme-popover-mask {
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40);
    display: none;
}

.theme-popover {
    z-index: 9999;
    position: fixed;
    left: 50%;
    width: 660px;
    height: 550px;
    margin: 0 0 0 -330px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 10px #666;
}

.theme-poptit {
    border-bottom: 1px solid #ddd;
    padding: 12px;
    position: relative;
}

.theme-popbod {
    padding: 60px 15px;
    color: #444;
    height: 148px;
}

.theme-popbom {
    padding: 15px;
    background-color: #f6f6f6;
    border-top: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    color: #666;
}

.theme-popbom a {
    margin-left: 8px;
}

.theme-poptit .close {
    float: right;
    color: #999;
    padding: 5px;
    margin: -2px -5px -5px;
    font: bold 14px/14px simsun;
    text-shadow: 0 1px 0 #ddd;
}

.theme-poptit .close:hover {
    color: #444;
}

.theme-popover .btn.theme-reg {
    position: absolute;
    top: 8px;
    left: 43%;
    display: none;
}

.inp-gray,.feed-mail-inp {
    border: 1px solid #ccc;
    background-color: #fdfdfd;
    width: 220px;
    height: 16px;
    padding: 4px;
    color: #444;
    margin-right: 6px;
}

.dform {
    padding: 80px 60px 40px;
    text-align: center;
}

.dform .ipt_error {
    background-color: #FFC;
    border-color: #FC6;
}

.dform-tip {
    display: none;
    background-color: #080;
    color: #fff;
    line-height: 42px;
    margin-top: 10px;
    font-size: 14px;
}

.dform-tip-errer {
    background-color: #CF301A;
}

.dform-tip a {
    display: inline-block;
    padding: 0 20px;
    margin-left: 10px;
    background-color: #FFE924;
    color: #CF301A;
}

.dform-login {
    padding: 0;
    height: 270px;
    overflow: hidden;
}

.dform-login iframe {
    height: 470px;
    margin-top: -180px;
}

.theme-signin {
    margin: -50px -20px -50px 0;
    text-align: left;
    font-size: 14px;
}

.theme-signin h4 {
    color: #999;
    font-weight: 100;
    margin-bottom: 20px;
    font-size: 12px;
}

.theme-signin li {
    padding-left: 80px;
    margin-bottom: 15px;
}

.theme-signin li strong {
    float: left;
    margin-left: -80px;
    width: 80px;
    text-align: right;
    line-height: 32px;
}

.theme-signin .btn {
    margin-bottom: 10px;
}

.theme-signin p {
    font-size: 12px;
    color: #999;
}

.theme-desc,.theme-version {
    padding-top: 0;
}

.shopad {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.shopad ul {
    position: absolute;
}

.shopad ul li {
    float: left;
}

.shopad ul li a {
    display: block;
    height: 300px;
}

.shopad ul li a img {
    width: 1200px;
    height: 300px;
}

.shopad .num {
    position: absolute;
    bottom: 6px;
    right: 0;
    text-align: center;
    width: 100%;
}

.shopad .num span {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: transparent;
    border: 1px solid #fff;
    margin-left: 6px;
    cursor: pointer;
    border-radius: 50%;
}

.shopad .num span.active {
    background-color: #fff;
}

.shopad .pre,.shopad .next {
    width: 24px;
    height: 48px;
    position: absolute;
    top: 126px;
    cursor: pointer;
}

.shopad .pre {
    left: 0;
    background: url(../image/prev.png) no-repeat top center;
}

.shopad .next {
    right: 0;
    background: url(../image/next.png) no-repeat top center;
}

.shopleftnav_1 {
    position: fixed;
    z-index: 19891000;
    width: 70px;
    top: 225px;
    left: 50%;
    margin-left: -774px;
    border: 1px solid #e8e8e8;
    border-right-width: 2px;
}

.shopleftnav_1 {
    -moz-box-shadow: 0 4px 14px #e8e8e8;
    -webkit-box-shadow: 0 4px 14px #e8e8e8;
    box-shadow: 0 4px 14px #e8e8e8;
}

.shopleftnav_1 .ti {
    width: 58px;
    line-height: 40px;
    text-align: center;
    color: #666;
    padding: 0 6px;
    font-weight: bold;
    background-color: #FAFAFA;
    border-bottom: 1px solid #e8e8e8;
}

.shopleftnav_1 .shop_a {
    background-color: #fff;
}

.shopleftnav_1 .shop_a a {
    text-align: center;
    line-height: 20px;
    padding: 10px 5px;
    display: block;
    color: #666;
}

.shopleftnav_1 .shop_a a span {
    width: 60px;
    height: 20px;
}

.shopleftnav_1 .shop_a a.active span {
    display: block;
}

.shopleftnav_1 .shop_a a.active span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
}

.shopleftnav_1 .shop_a a:hover span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
    display: block;
}

.shopleftnav_2 {
    position: fixed;
    z-index: 19891000;
    width: 69px;
    top: 225px;
    left: 50%;
    margin-left: -702px;
    border: 1px solid #e8e8e8;
    border-left-width: 2px;
}

.shopleftnav_2 {
    -moz-box-shadow: 0 4px 14px #e8e8e8;
    -webkit-box-shadow: 0 4px 14px #e8e8e8;
    box-shadow: 0 4px 14px #e8e8e8;
}

.shopleftnav_2 .ti {
    width: 57px;
    line-height: 40px;
    text-align: center;
    color: #666;
    font-weight: bold;
    background-color: #FAFAFA;
    padding: 0 6px;
    border-bottom: 1px solid #e8e8e8;
}

.shopleftnav_2 .shop_b {
    background-color: #fff;
}

.shopleftnav_2 .shop_b a {
    text-align: center;
    line-height: 20px;
    padding: 10px 5px;
    display: block;
    color: #666;
}

.shopleftnav_2 .shop_b a span {
    width: 59px;
    height: 20px;
}

.shopleftnav_2 .shop_b a.active span {
    display: block;
}

.shopleftnav_2 .shop_b a.active span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
}

.shopleftnav_2 .shop_b a:hover span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
    display: block;
}

@media screen and (max-width:1500px) {
    .shopleftnav_1,.shopleftnav {
        margin-left: -662px;
    }

    .shopleftnav_2,.shopleftnav_b {
        margin-left: -591px;
    }
}

@media screen and (min-width:1500px) and (max-width:1575px) {
    .shopleftnav_1,.shopleftnav {
        margin-left: -746px;
    }

    .shopleftnav_2,.shopleftnav_b {
        margin-left: -675px;
    }
}

.sale_nav {
    margin-top: 25px;
}

.sale_nav a {
    float: left;
    width: 276px;
    margin-right: 32px;
    position: relative;
}

.sale_nav a.last {
    margin-right: 0;
}

.sale_nav a .pic {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    position: relative;
    top: 0;
    left: 0;
}

.sale_nav a:hover .pic {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sale_nav a .pic img {
    width: 276px;
    height: 176px;
}

.sale_nav a .keypic {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sale_nav a .keypic p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
}

.sale_nav a:hover .keypic {
    display: block;
    opacity: 1;
    position: relative;
}

.shopfloor .hd {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #f50;
    margin-top: 30px;
    border-bottom: 0;
}

.shopfloor .hd span {
    width: 41px;
    height: 29px;
    float: left;
    margin-right: 14px;
}

.shopfloor .hd .sha_icon {
    background: url(../image/aqu.png) no-repeat top center;
}

.shopfloor .hd .shb_icon {
    background: url(../image/bqu.png) no-repeat top center;
}

.shopfloor .bd {
    background-color: #f5f5f5;
    padding-bottom: 12px;
    margin-top: 14px;
}

.shopfloor .bd a {
    float: left;
    width: 286px;
    height: 304px;
    margin-top: 12px;
    margin-left: 11px;
    background-color: #fff;
}

.shopfloor .bd a .pic {
    width: 286px;
    overflow: hidden;
}

.shopfloor .bd a .pic img {
    width: 380px;
    height: 140px;
}

.shopfloor .bd a:hover .pic img {
    transform: translateX(-74px);
    -webkit-transform: translateX(-74px);
    -moz-transform: translateX(-74px);
}

.shopfloor .bd a .shop_name {
    margin-top: 12px;
    padding: 0 9px;
    line-height: 24px;
}

.shopfloor .bd a .shop_name span {
    float: left;
    font-size: 16px;
    color: #28272b;
    max-width: 128px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.shopfloor .bd a .shop_name .addr {
    height: 12px;
    padding: 0 7px;
    margin-left: 8px;
    line-height: 12px;
    color: #ff5602;
    display: inline-block;
}

.shopfloor .bd a .shop_name .age {
    width: 38px;
    height: 12px;
    line-height: 12px;
    color: #ff5602;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #ff5602;
    color: #fff;
    text-align: center;
    margin-left: -4px;
}

.shopfloor .bd a .qual_box {
    margin-top: 6px;
    padding: 0 9px;
    height: 20px;
    position: relative;
}

.shopfloor .bd a .qual_box img {
    display: inline-block;
}

.shopfloor .bd a .qual_box span {
    position: absolute;
    top: -4px;
    right: 4px;
    background: url(../image/folno.png) center no-repeat;
    width: 16px;
    height: 16px;
    padding: 6px;
}

.shopfloor .bd a .qual_box span.folyes {
    background: url(../image/folyes.png) center no-repeat;
}

.shopfloor .bd a .info {
    margin-top: 7px;
    padding: 0 9px;
}

.shopfloor .bd a .info p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.shopfloor .bd a .info span {
    color: #b2b2b2;
    width: 70px;
    text-align: left;
    float: left;
}

.shopfloor .bd a .info p i {
    font-style: normal;
    color: #f00;
}

.shopfloor .bd a .coupon {
    margin-top: 12px;
    padding: 0 9px;
}

.shopfloor .bd a .coupon span {
    float: left;
    text-align: center;
    width: 129px;
    line-height: 20px;
    height: 20px;
    color: #fff;
    border-left: 0;
}

.shopfloor .bd a .coupon span.brn {
    margin-right: 9px;
}

.shopfloor .bd a .coupon span {
    background: url(../image/coupon_s_bg.png) top center no-repeat;
}

.qcc-market-bg {
    background-color: #F6F6F6;
}

.shop-ports {
    margin-top: 38px;
}

.shop-ports .pit {
    width: 80px;
    height: 28px;
    font-size: 20px;
    font-weight: 800;
    color: rgba(51,51,51,1);
    line-height: 28px;
    margin-bottom: 19px;
}

.shop-ports ul {
    margin-left: -20px;
}

.shop-ports ul li {
    margin-left: 20px;
    position: relative;
    width: 285px;
    float: left;
}

.shop-ports ul li a {
    display: block;
}

.shop-ports ul li .pic {
    position: relative;
    width: 285px;
    height: 264px;
    display: block;
}

.shop-ports ul li .pic img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.shop-ports ul li .sideBox {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
    height: 65px;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(0,0,0,0.68) 45%,rgba(255,255,255,0) 100%);
    text-align: center;
    opacity: 1;
}

.shop-ports ul li .sideBox h3 {
    font-size: 22px;
    line-height: 36px;
    color: #fff;
    letter-spacing: 3px;
}

.shop-ports ul li .sideBox p {
    line-height: 20px;
    font-size: 14px;
    color: #fff;
}

.shop-ports ul li .desc {
    background: #FFF;
    border: 1px solid #EDEDED;
    border-top: none 0;
    padding: 13px 10px 0;
    display: none;
}

.shop-ports ul li .desc .shop_name {
    line-height: 24px;
}

.shop-ports ul li .desc .shop_name .shop-t {
    float: left;
    font-size: 16px;
    color: #28272b;
    max-width: 128px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.shop-ports ul li .desc .shop_name .age {
    width: 38px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #fff;
    color: #f50;
    text-align: center;
    margin-left: 16px;
}

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

.shop-ports ul li .desc .shop_name .fol {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
}

.shop-ports ul li .desc .shop_name .folno {
    background: url(../image/folno.png) center no-repeat;
}

.shop-ports ul li .desc .shop_name .folyes {
    background: url(../image/folyes.png) center no-repeat;
}

.shop-ports ul li .desc .qual_box {
    margin-top: 6px;
    height: 20px;
    position: relative;
}

.shop-ports ul li .desc .qual_box img {
    display: inline-block;
}

.shop-ports ul li .tips {
    width: 60px;
    height: 24px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    top: 5px;
    right: -2px;
}

.shop-ports ul li .tips_d {
    background: url(../image/tips_d.png) top center no-repeat;
}

.shop-ports ul li .tips_g {
    background: url(../image/tips_g.png) top center no-repeat;
}

.shop-ports ul li .desc .camp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    margin-top: 12px;
}

.shop-ports ul li .desc .camp span {
    color: #999;
    text-align: left;
    float: left;
}

.shop-ports ul li .desc .padd {
    height: 32px;
    border-top: 1px solid #f0f0f0;
    margin-top: 6px;
    line-height: 32px;
}

.shop-ports ul li .desc .padd span.radd {
    color: #999;
    float: left;
}

.shop-ports ul li .desc .padd span.radd {
    width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop-ports ul li .desc .padd span.radd i {
    float: left;
    width: 10px;
    height: 13px;
    margin-right: 5px;
    margin-top: 9px;
    background: url(../image/shop-addr.png) top center no-repeat;
}

.shop-ports ul li .desc .padd .num {
    float: right;
    color: #999;
}

.shop-ports ul li .desc .padd .num i {
    font-style: normal;
    color: #F50;
    margin: 0 2px;
}

.shop-ports ul li .desc .padd .num em {
    font-style: normal;
    color: #666;
}

.shop-ports ul li:hover {
    box-shadow: 0 2px 5px rgb(255,85,0,.35);
    -webkit-transition: all ease 150ms;
    transition: all ease 150ms;
}

.shop-ports ul li:hover .pic img {
    border: 1px solid #F50;
}

.shop-ports ul li:hover .desc {
    border: 1px solid #F50;
    border-top: none 0;
    transition: transform .2s linear;
}

.shop-ports ul li:hover .sideBox {
    opacity: 1;
    transition: all .2s ease;
}

.caterow {
    background-color: #FFF;
    border: 1px solid #F0F0F0;
    margin-top: 30px;
}

.caterow .c-tabs {
    background-color: #F0F0F0;
    height: 46px;
    text-align: center;
}

.caterow .c-tabs li {
    width: 149px;
    line-height: 46px;
    color: #666;
    float: left;
    cursor: pointer;
}

.caterow .c-tabs li a {
    color: #666;
    display: block;
}

.caterow .c-tabs li:hover a {
    color: #f50;
}

.caterow .c-tabs li.active {
    color: #F50;
    background-color: #FFF;
}

.caterow .c-tabs li.active a {
    color: #f50;
}

.caterow .c-tabs li.rig-tips {
    width: 72px;
    float: right;
    margin-top: -6px;
}

.caterow .c-tabs li.rig-tips a {
    display: block;
    background: url(../image/gsmr.png) top center no-repeat;
    height: 36px;
}

.c-filter {
    padding: 0 20px;
}

.c-filter .row-left {
    line-height: 46px;
    width: 40px;
    color: #999;
    float: left;
    text-align: left;
}

.c-filter .group-row {
    border-top: 1px solid #F0F0F0;
    line-height: 46px;
}

.c-filter .group-row ul {
    float: left;
    width: 1080px;
}

.c-filter .group-row li {
    float: left;
    margin-right: 15px;
}

.c-filter .group-row li a {
    display: inline-block;
    min-width: 34px;
    color: #666;
    line-height: 20px;
    height: 20px;
    text-align: center;
    padding: 0 8px;
}

.c-filter .group-row li a i {
    font-style: normal;
    display: none;
    color: transparent;
    background: url(../image/delx-icons.png) center no-repeat;
}

.c-filter .group-row li a:hover {
    background-color: #F50;
    color: #fff;
}

.c-filter .group-row li.active a {
    background-color: #F50;
    color: #fff;
}

.c-filter .group-row li.active a i {
    display: inline-block;
    margin-left: 6px;
}

.c-filter .group-row:first-child {
    border-top: 0;
}

.c-filter .group-row .morew {
    border-color: #e8e8e8;
    color: #888;
    width: 48px;
    height: 12px;
    padding: 5px 0;
    overflow: hidden;
    border: solid 1px #e8e8e8;
    text-align: center;
    float: right;
    line-height: 11px;
    margin-top: 11px;
    margin-right: -10px;
}

.c-filter .group-row .morew .sarrow-b {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    margin-top: -2px;
    margin-left: 2px;
    vertical-align: middle;
    display: inline-block;
    width: 12px;
    height: 6px;
    overflow: hidden;
}

.c-filter .group-row .morew .sarrow-b i {
    float: left;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 6px transparent;
    border-top-color: #aaa;
}

.c-filter .group-row .morew .sarrow-b em {
    float: left;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 6px transparent;
    margin-top: -13px;
    border-top-color: #fff;
}

.c-filter .group-row .morew:hover span {
    color: #f50;
}

.c-filter .group-row .morew:hover .sarrow-b i {
    border-top-color: #f50;
}

.c-filter .group-row .featuresFour {
    background: #f5f5f5;
}

.c-filter .group-row .featuresFour .sarrow-b {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

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

.s-sort dl {
    float: left;
}

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

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

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

.s-sort dl dd.up a em {
    background: url(../image/up-arrow1.png) top center no-repeat;
    margin-top: -3px;
}

.s-sort dl dd.down a em {
    background: url(../image/down-arrow1.png) top center no-repeat;
}

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

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

.s-sort dl dd.active.up a em {
    background: url(../image/up-arrow2.png) top center no-repeat;
}

.s-sort dl dd.active.down a em {
    background: url(../image/down-arrow2.png) top center no-repeat;
}

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

.s-sort ul li {
    float: left;
    margin-left: 36px;
    cursor: pointer;
}

.s-sort ul li a {
    display: block;
}

.s-sort ul li .check_box {
    display: none;
    vertical-align: middle;
    width: 12px;
    height: 10px;
    background: url(../image/s_check_box.png) top center no-repeat;
    margin-right: 3px;
}

.s-sort ul li .spq_icon {
    display: inline-block;
    color: #666;
    vertical-align: middle;
}

.s-sort ul li .spq_icon img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -3px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.s-sort ul li.active .check_box {
    display: inline-block;
}

.s-sort ul li.active .spq_icon {
    color: #F50;
}

.s-sort ul li.active .spq_icon img {
    -webkit-filter: inherit;
    -moz-filter: inherit;
    -ms-filter: inherit;
    -o-filter: inherit;
    filter: inherit;
    filter: inherit;
}

.s-foor .hd {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #f50;
    margin-bottom: 24px;
}

.s-foor .hd span {
    width: 41px;
    height: 29px;
    float: left;
    margin-right: 14px;
}

.s-foor .hd .sha_icon {
    background: url(../image/aqu.png) no-repeat top center;
}

.s-foor .hd .shb_icon {
    background: url(../image/bqu.png) no-repeat top center;
}

.s-foor .bd {
    margin-left: -20px;
}

.s-foor .bd li {
    float: left;
    background-color: #fff;
    border: 1px solid #F0F0F0;
    margin-left: 20px;
    width: 283px;
    margin-bottom: 20px;
    position: relative;
}

.s-foor .bd li:hover {
    border: 1px solid #F50;
    box-shadow: 0 2px 5px rgb(255,85,0,.35);
    -webkit-transition: all ease 150ms;
    transition: all ease 150ms;
}

.s-foor .bd .shop-info {
    display: block;
    border-bottom: 1px solid #F4F4F4;
    padding: 0 14px 9px;
}

.s-foor .bd .shop-info .shop_name {
    line-height: 24px;
    margin-top: 15px;
}

.s-foor .bd .shop-info .shop_name .shop-t {
    float: left;
    font-size: 16px;
    color: #28272b;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.s-foor .bd .shop-info .shop_name .age {
    width: 38px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #fff;
    color: #f50;
    text-align: center;
    margin-left: 8px;
    vertical-align: middle;
}

.s-foor .bd .shop-info .shop_name .age i {
    font-style: normal;
    background-color: #f50;
    color: #fff;
    float: left;
}

.s-foor .bd .shop-info .shop_name .addr {
    height: 12px;
    margin-left: 7px;
    line-height: 12px;
    color: #ff5602;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    max-width: 82px;
}

.s-foor .bd .fol {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
    position: absolute;
    top: 15px;
    right: 9px;
    cursor: pointer;
}

.s-foor .bd .folno {
    background: url(../image/folno.png) center no-repeat;
}

.s-foor .bd .folyes {
    background: url(../image/folyes.png) center no-repeat;
}

.s-foor .bd .shop-info .qual_box {
    margin-top: 6px;
    height: 22px;
    position: relative;
}

.s-foor .bd .shop-info .qual_box img {
    display: inline-block;
}

.s-foor .bd .shop-info .qual_box .tips {
    width: 60px;
    height: 24px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    line-height: 28px;
    position: absolute;
    top: -2px;
    right: -18px;
}

.s-foor .bd .shop-info .qual_box .tips_d {
    background: url(../image/tips_d.png) top center no-repeat;
}

.s-foor .bd .shop-info .qual_box .tips_g {
    background: url(../image/tips_g.png) top center no-repeat;
}

.s-foor .bd .shop-info .camp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    margin-top: 10px;
}

.s-foor .bd .shop-info .camp span {
    color: #999;
    text-align: left;
    float: left;
}

.s-foor .bd .shop-info .num {
    color: #999;
    margin-top: 10px;
}

.s-foor .bd .shop-info .num span i {
    font-style: normal;
    color: #f50;
}

.s-foor .bd .shop-info .num span em {
    font-style: normal;
    color: #666;
}

.s-foor .bd .shop-info .num .num-left {
    float: left;
}

.s-foor .bd .shop-info .num .num-rig {
    float: right;
}

.s-foor .bd .s-pro {
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    padding: 0 14px;
}

.s-foor .bd .s-pro-ova {
    overflow: hidden;
}

.s-foor .bd .s-pro-a {
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    width: 348px;
    margin-left: -6px;
}

.s-foor .bd .s-pro-a a {
    float: left;
    width: 81px;
    margin-left: 6px;
}

.s-foor .bd .s-pro-a a img {
    width: 81px;
    height: 81px;
    box-sizing: border-box;
}

.s-foor .bd .s-pro-a a:hover img {
    border: 1px solid #f50;
}

.s-foor .bd .s-pro-ahover {
    transform: translateX(-87px);
    -webkit-transform: translateX(-87px);
    -moz-transform: translateX(-87px);
}

.s-foor .bd .s-pro .next {
    position: absolute;
    top: 50%;
    right: -2px;
    width: 15px;
    height: 39px;
    margin-top: -19px;
    opacity: .8;
    background: url(../image/next-arrow.png) top center no-repeat;
    cursor: pointer;
}

.s-foor .bd li:hover .s-pro .next {
    opacity: 1;
    background: url(../image/lig-next-arrow.png) top center no-repeat;
}

.s-foor .bd .s-btns {
    border-top: 1px solid #F4F4F4;
    margin-top: 14px;
    padding: 18px 14px 22px;
}

.s-foor .bd .s-btns a {
    width: 120px;
    height: 29px;
    line-height: 28px;
    text-align: center;
    float: left;
    border: 1px solid transparent;
    font-size: 14px;
    border-radius: 2px;
}

.s-foor .bd .s-btns .s-apply {
    border-color: #2786FF;
    color: #2786FF;
}

.s-foor .bd .s-btns .s-entry {
    border-color: #F50;
    color: #F50;
    margin-left: 11px;
}

.s-foor .bd .s-btns a:hover {
    opacity: .5;
}

.s-foor .bd li .popup {
    position: absolute;
    top: 139px;
    z-index: 99;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #F0F0F0;
    display: none;
}

.s-foor .bd li .popup .arrowicon {
    position: absolute;
    top: 6px;
    width: 8px;
    height: 12px;
    background: url(../image/arrowicon.png) top center no-repeat;
}

.s-foor .bd li .popup .arroleft {
    left: -8px;
}

.s-foor .bd li .popup .arroright {
    right: -8px;
    transform: rotate(180deg);
}

.s-foor .bd li .popup .popic {
    width: 150px;
    height: 150px;
    display: block;
}

.s-foor .bd li .popup .popic img {
    width: 100%;
    height: 100%;
}

.s-foor .bd li .popup .pir {
    margin-top: 10px;
    line-height: 20px;
}

.s-foor .bd li .popup .pir span {
    float: left;
    color: #f50;
}

.s-foor .bd li .popup .pir span em {
    font-style: normal;
    font-size: 14px;
}

.s-foor .bd li .popup .pir i {
    font-style: normal;
    color: #666;
    float: right;
}

.shopleftnav {
    width: 70px;
    background-color: #fff;
    border: 1px solid #F50;
    display: block;
}

.shopleftnav {
    position: fixed;
    z-index: 19891000;
    top: 225px;
    left: 50%;
    margin-left: -774px;
}

.shopleftnav_b {
    margin-left: -698px;
    top: 225px;
}

.shopleftnav .sn-top {
    width: 70px;
    height: 30px;
    background: #F50;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #fff;
}

.shopleftnav .sn-shelf {
    padding: 9px 0 13px;
    text-align: center;
}

.shopleftnav .sn-left {
    float: left;
}

.shopleftnav .sn-rig {
    float: right;
}

.shopleftnav .sn-shelf a {
    display: inline-block;
    background-color: #F6F6F6;
    width: 64px;
    height: 24px;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-top: 4px;
}

.shopleftnav .sn-shelf a.active {
    background-color: #f50;
    color: #fff;
}

.shopleftnav .sn-shelf a:hover {
    background-color: #f50;
    color: #fff;
}

.qcc_tops {
    margin-top: 32px;
}

.qcc_tops .logo {
    width: 200px;
    height: 80px;
    float: left;
    margin-right: 70px;
}

.qcc_tops .logo img {
    max-width: 200px;
    max-height: 80px;
}

.qcc_tops .sch_box {
    float: left;
    position: relative;
}

.qcc_tops .sch_box .stab li {
    float: left;
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 2px 2px 0 0;
    color: #666;
    font-size: 12px;
    cursor: pointer;
    background-color: #F2F2F2;
}

.qcc_tops .sch_box .stab li.active {
    background-color: #F50;
    color: #fff;
    margin-right: 2px;
}

.qcc_tops .sch_box .sch_box_input #keywords {
    border: 1px solid #FA5F05;
    float: left;
    width: 512px;
    line-height: 38px;
    height: 38px;
    padding-left: 26px;
}

.qcc_tops .sch_box .sch_box_input .sch_icon {
    position: absolute;
    top: 39px;
    left: 10px;
    width: 12px;
    height: 12px;
    background: url(../image/sch_icon.png);
    background-size: 100% 100%;
}

.qcc_tops .sch_box .sch_box_input #submits {
    float: left;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #F50;
    border: 0 none;
}

.qcc_tops .sch_box .sch_box_input .sch_input_side {
    float: left;
    margin-left: 16px;
    width: 124px;
}

.qcc_tops .sch_box .sch_box_input .sch_input_side p {
    color: #999;
    line-height: 16px;
    margin-bottom: 5px;
}

.qcc_tops .sch_box .sch_box_input .sch_input_side a {
    display: block;
    font-size: 14px;
    color: #F50;
    text-decoration: underline;
}

.qcc_tops .sch_box .hot {
    margin-top: 6px;
}

.qcc_tops .sch_box .hot a {
    color: #999;
    float: left;
    margin-right: 16px;
}

.qcc_tops .mobile_web {
    float: right;
    width: 98px;
    height: 108px;
    border: 1px solid #EBEBEB;
}

.qcc_tops .mobile_web img {
    margin: 5px auto 5px;
    max-width: 80px;
    max-height: 80px;
    display: block;
}

.qcc_tops .mobile_web p {
    color: #999;
    text-align: center;
    margin: 0 5px 8px;
}

.s_navTab {
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
}

.s_navTab .s_n_fr {
    float: right;
}

.s_navTab .s_n_fr li {
    float: left;
    margin-left: 24px;
}

.s_navTab .s_n_fr li a {
    color: #666;
}

.s_navTab .s_n_fr li a:hover {
    color: #f50;
}

.s_navTab .s_n_fl {
    float: left;
    margin-left: -20px;
}

.s_navTab .s_n_fl li {
    float: left;
    font-size: 14px;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
}

.s_navTab .s_n_fl li a {
    color: #333;
    position: relative;
}

.s_navTab .s_n_fl li a .icon {
    position: absolute;
}

.s_navTab .s_n_fl li a .icon_ping {
    width: 10px;
    height: 18px;
    background: url(https://g1.17qcc.com/2018/shop//images/icon_ping.png) top center no-repeat;
    top: 0;
    right: 0;
    background-size: 100% 100%;
    top: -8px;
    right: -12px;
}

.s_navTab .s_n_fl li a .icon_hot {
    width: 15px;
    height: 18px;
    background: url(../image/shop_icon.png) 0 -21px no-repeat;
    top: -9px;
    right: -13px;
}

.s_navTab .s_n_fl li a:hover {
    color: #f50;
}

.s_navTab .s_n_fl li span {
    position: absolute;
    width: 1px;
    background-color: #ccc;
    height: 10px;
    top: 0;
    right: 0;
    margin-top: 15px;
}

.s_navTab .s_n_fl li.active a {
    color: #F50;
}

.coupon_list {
    margin: 15px 0;
    background: #efeff4;
    padding: 10px;
}

.coupon_list li {
    padding: 5px;
    float: left;
    width: 24%;
}

.coupon_list li.disabled a p {
    background-color: #BDBDBD;
}

.coupon_list li.disabled a p:after {
    content: '已领取';
}

.coupon_list li a {
    display: block;
    background-size: auto 4px;
    padding-top: 4px;
    background-image: url(../image/coupon.png);
}

.coupon_list li a div {
    background-color: #fff;
    overflow: hidden;
    text-align: center;
}

.coupon_list li a div h2 {
    font-size: 12px;
    color: #f50;
    line-height: 22px;
    margin-top: 10px;
}

.coupon_list li a div h2 strong {
    font-size: 20px;
}

.coupon_list li a div h2 span {
    color: #666;
    margin-left: 10px;
}

.coupon_list li a div h3 {
    font-size: 10px;
    color: #999;
    margin-top: 10px;
}

.coupon_list li a div p {
    margin-top: 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #f50;
    color: #fff;
    font-size: 12px;
}

.coupon_list li a div p:after {
    content: '立即领取';
}

.Image_upload {
    height: 500px;
    position: relative;
    display: none;
}

.Image_upload .im_hd {
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    color: #333;
    padding-left: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.Image_upload .im_hd span {
    display: inline-block;
    margin-right: 10px;
    background: url(../image/pic_icon.jpg) no-repeat top center;
    width: 22px;
    height: 22px;
    margin-top: 14px;
    vertical-align: top;
}

.Image_upload ul {
    padding: 0 15px;
}

.Image_upload ul li {
    height: 48px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.Image_upload ul li p {
    line-height: 48px;
    color: #333;
    padding-right: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 18px;
}

.Image_upload ul li a {
    position: absolute;
    width: 76px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #fa5f05;
    top: 8px;
    right: 0;
    border-radius: 6px;
    transition: transform .2s linear;
}

.Image_upload ul li a:hover {
    background-color: #dc5304;
}

.Image_upload ul li span {
    position: absolute;
    top: 24px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #ccc;
}

.Image_upload .closeBtn {
    font-size: 18px;
    color: #fff;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    bottom: -32px;
    left: 50%;
    margin-left: -40px;
    background-color: #fa5f05;
    border-radius: 6px;
}

#sub_join {
    margin: 10px 40px;
}

#sub_join label {
    height: 40px;
    line-height: 40px;
    width: 60px;
    float: left;
    text-align: right;
    margin-right: 10px;
}

#sub_join .txt {
    height: 40px;
    width: 178px;
    line-height: 40px;
    margin-bottom: 10px;
    border: 1px solid #d2d2d2;
    padding: 0 8px;
    border-radius: 6px;
}

#sub_join .btn {
    background-color: #f50;
    border: 1px solid #f50;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-left: 70px;
    width: 178px;
}

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

.crumb a {
    float: left;
}

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

.crumb .vbarrow i {
    height: 5px;
    overflow: hidden;
    font: 700 14px/16px simsun;
    color: #ccc;
    display: block;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: inline-block;
}

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

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

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

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

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

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

.pro_detail .pro_tab li span .ico_new {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 22px;
    height: 18px;
    background: url(../image/ico_new.png) top center no-repeat;
}

.pro_detail .pro_complaint .pro_com_b {
    padding-top: 36px;
    padding-left: 16px;
    padding-right: 30px;
}

.pro_com_b .noti {
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #fff;
    background-color: #f50;
    padding-left: 22px;
}

.pro_com_b .noti i {
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    background: url(../image/ico_noti.png) top center no-repeat;
    margin-right: 14px;
    margin-top: 6px;
}

.pro_com_b .pro_com_f {
    margin-top: 52px;
}

.pro_com_b .pro_com_f .item {
    margin-bottom: 30px;
}

.pro_com_b .pro_com_f .item .left {
    font-size: 14px;
    color: #9d9d9d;
    float: left;
    width: 100px;
    margin-right: 10px;
    text-align: right;
}

.pro_com_b .pro_com_f .item .left i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../image/ico_notir.png);
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -4px;
}

.pro_com_b .pro_com_f .item .left p {
    font-size: 12px;
    margin-right: 8px;
}

.pro_com_b .pro_com_f .item .item_ul {
    margin-left: -14px;
    float: left;
    margin-top: -2px;
    width: 846px;
}

.pro_com_b .pro_com_f .item .item_ul li {
    float: left;
    margin-left: 14px;
    min-width: 144px;
    padding: 0 2px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #d1d1d1;
    color: #666;
    text-align: center;
    margin-bottom: 14px;
}

.pro_com_b .pro_com_f .item .item_ul li a {
    display: block;
}

.pro_com_b .pro_com_f .item .item_ul li.act {
    border: 1px solid #f50;
    background: url(../image/ico_plact.png) right bottom no-repeat;
}

.pro_com_b .pro_com_f .item textarea {
    width: 500px;
    height: 250px;
    border: 1px solid #d1d1d1;
    resize: none;
    padding: 10px;
}

.pro_com_b .pro_com_f .item textarea:focus {
    outline-color: #f50;
}

.pro_com_b .pro_com_f .item .upload {
    margin-left: 110px;
}

.pro_com_b .pro_com_f .item .upload img {
    width: 126px;
    height: 92px;
}

.pro_com_b .pro_com_f .item .upload p {
    color: #9d9d9d;
    margin-top: 14px;
}

.pro_com_b .pro_com_f .item .sub {
    display: block;
    width: 144px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #f50;
    color: #fff;
    margin-left: 66px;
}

.pro_com_b .pro_com_f .item .sub:hover {
    background-color: #f77f43;
}

.cart_link .cart_item {
    background-color: #fff;
    width: 480px;
    height: 428px;
}

.cart_link .cart_item .tip {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #f4f4f4;
}

.cart_link .cart_item .tip a {
    float: left;
    margin: 11px 8px 0 11PX;
    width: 82px;
    height: 20px;
    border-radius: 2px;
    text-decoration: none;
    text-indent: -9999px;
    background: url(../image/logo_i.png) 0 0 no-repeat;
    background-size: 78px 20px;
}

.cart_link .cart_item .tip span {
    float: left;
    font-size: 16px;
    color: #666;
}

.cart_link .cart_item .tip .close {
    float: right;
    width: 16px;
    height: 16px;
    background: url(../image/lo_close.png) top center no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
    margin-top: 14px;
    cursor: pointer;
}

.cart_link .cart_item .btn_area {
    padding: 0 10px 0;
}

.cart_link .cart_item .btn_area .viewport {
    margin-top: 28px;
    margin-bottom: 40px;
    text-align: center;
}

.cart_link .cart_item .btn_area .viewport span.icon_cart_ok {
    display: inline-block;
    vertical-align: middle;
    width: 58px;
    height: 58px;
    background: url(../image/icon_cart_ok.png) top center no-repeat;
    margin-right: 18px;
}

.cart_link .cart_item .btn_area .viewport .rig {
    display: inline-block;
    vertical-align: middle;
}

.cart_link .cart_item .btn_area .viewport .rig p {
    font-size: 20px;
    color: #f50;
}

.cart_link .cart_item .btn_area .viewport .rig em {
    font-size: 14px;
    color: #666;
    display: block;
    text-align: left;
}

.cart_link .cart_item .btn_area .viewport .rig em i {
    font-style: normal;
    color: #f50;
}

.cart_link .cart_item .btn_area .btn {
    text-align: center;
    padding-bottom: 26px;
    border-bottom: 1px solid #f0f0f0;
}

.cart_link .cart_item .btn_area .btn a {
    display: inline-block;
    vertical-align: middle;
}

.cart_link .cart_item .btn_area .btn a.conpur {
    color: #fff;
    width: 112px;
    height: 26px;
    line-height: 26px;
    background-color: #f50;
}

.cart_link .cart_item .btn_area .btn a.accout {
    color: #f50;
    border: 1px solid #ffe4d6;
    background-color: #ffe4d6;
    width: 110px;
    height: 24px;
    line-height: 24px;
    margin-left: 20px;
    position: relative;
}

.cart_link .cart_item .btn_area .btn a.accout .next {
    width: 6px;
    height: 10px;
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 25px;
}

.cart_link .cart_item .btn_area .btn a.accout .next .icon_arrow_right {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 5px 0 5px 6px;
    border-style: dashed solid dashed dashed;
    border-color: transparent transparent transparent #f50;
}

.cart_link .cart_item .btn_area .btn a.accout .next span {
    position: absolute;
    top: 0;
    left: -2px;
    border-width: 5px 0 5px 6px;
    border-style: dashed solid dashed dashed;
    border-color: transparent transparent transparent #ffe4d6;
}

.cart_link .cart_item .btn_area .btn a.accout .next:hover .icon_arrow_right {
    border-color: transparent transparent transparent #f50;
}

.cart_link .cart_item .btn_area .btn a.accout .next.active .icon_arrow_left {
    border-color: transparent transparent transparent #e5e5e5;
}

.cart_link .cart_item .btn_area .btn a.accout:hover {
    border: 1px solid #f50;
}

.cart_link .cart_item .hot_inner {
    padding: 0 10px;
}

.cart_link .cart_item .hot_inner .hd {
    line-height: 22px;
    margin-top: 15px;
    margin-bottom: 12px;
}

.cart_link .cart_item .hot_inner .hd h3 {
    font-size: 14px;
    color: #666;
    float: left;
}

.cart_link .cart_item .hot_inner .hd .tryi {
    color: #999;
    float: right;
    margin-right: 73px;
}

.cart_link .cart_item .hot_inner .swiper-container {
    height: 203px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul {
    margin-left: -5px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li {
    float: left;
    margin-left: 5px;
    position: relative;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a {
    display: block;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a span.pic {
    width: 110px;
    height: 110px;
    overflow: hidden;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a span.pic img {
    width: 110px;
    height: 110px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a span.hoi {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 14px;
    color: #fff;
    background-color: #f01d25;
    line-height: 14px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a .brprice {
    font-size: 14px;
    color: #f50;
    margin-top: 6px;
    line-height: 20px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a .brprice i {
    font-size: 12px;
    font-style: normal;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a .size {
    color: #999;
}

.cart_link .cart_item .hot_inner .swiper-pagination-fraction {
    width: 30px;
    bottom: 168px;
    left: 405px;
}

.cart_link .cart_item .hot_inner .swiper-pagination-fraction .swiper-pagination-current {
    color: #f50;
}

.cart_link .cart_item .hot_inner .swiper-button-next {
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    background-position: top center;
    top: 43px;
    background-image: url(../image/Next_slide.png);
}

.cart_link .cart_item .hot_inner .swiper-button-prev {
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    background-position: top center;
    top: 43px;
    left: 392px;
    background-image: url(../image/Previous_slide.png);
}

.shop_factory {
    background-color: #F5F5F8;
}

.shop_factory .sf {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.shop_factory .sf_top {
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
    font-weight: bolder;
}

.shop_factory .sf_main {
    padding: 40px 50px;
}

.shop_factory .sf_main_pos {
    position: relative;
}

.shop_factory .basic_left {
    float: left;
    width: 438px;
    padding-right: 60px;
    color: #8c8c8c;
}

.shop_factory .basic_middle {
    border-right: 1px dashed #DBDBDB;
    position: absolute;
    height: 100%;
    left: 498px;
}

.shop_factory .basic_right {
    float: left;
    padding-left: 60px;
}

.shop_factory .basic_right p {
    margin-bottom: 20px;
}

.shop_factory .basic_right span a {
    color: #f50;
}

.shop_factory .factory_left {
    width: 498px;
    float: left;
}

.shop_factory .factory_left1 {
    margin-right: 68px;
    width: 430px;
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
}

.shop_factory .factory_left2 {
    margin-right: 68px;
    width: 430px;
    margin-bottom: 20px;
}

.shop_factory .factory_left2 img {
    display: inline-block;
    vertical-align: middle;
}

.shop_factory .factory_left2 span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    margin-right: 15px;
}

.shop_factory .factory_left2 .font_1 {
    color: #333;
    font-weight: bolder;
    font-size: 16px;
}

.shop_factory .factory_left3 {
    margin-right: 68px;
    width: 430px;
    border-bottom: 1px dashed #bbb;
    margin-bottom: 20px;
}

.shop_factory .factory_left4 {
    height: 60px;
    line-height: 20px;
    color: #373737;
}

.shop_factory .factory_left4 .font_2 {
    font-size: 14px;
}

.shop_factory .factory_right {
    width: 600px;
    float: left;
    height: 307px;
    position: relative;
}

.shop_factory .factory_right1 {
    width: 600px;
    height: 40px;
    position: absolute;
    bottom: 0;
}

.shop_factory .factory_right1 span {
    margin-right: 1px;
    float: left;
    width: 149px;
    height: 40px;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.shop_factory .factory_right1 span:nth-child(4) {
    width: 150px;
    margin-right: 0;
}

.shop_factory .factory_right1 span.active {
    background-color: #f50;
}

.shop_factory .factory_right span img {
    width: 600px;
    height: 307px;
}

.shop_factory .aptitude {
    width: 242px;
    height: 362px;
    float: left;
    text-align: center;
    font-size: 14px;
    margin-right: 40px;
}

.shop_factory .aptitude:nth-child(4n) {
    margin-right: 0;
}

.shop_factory .aptitude img {
    width: 240px;
    height: 320px;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.shop_factory .real_scene {
    width: 242px;
    height: 322px;
    float: left;
    text-align: center;
    font-size: 14px;
    margin-right: 40px;
    margin-bottom: 40px;
}

.shop_factory .real_scene:nth-child(4n) {
    margin-right: 0;
}

.shop_factory .real_scene img {
    width: 240px;
    height: 320px;
    border: 1px solid #f0f0f0;
}

.w1200.pro_nav .shcbox #keywords {
    width: 318px;
}

.sliderban {
    height: 336px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

.sliderban ul {
    font-size: 0;
    position: absolute;
    width: 100%;
}

.sliderban li {
    width: 100%;
    height: 336px;
    text-align: center;
    line-height: 336px;
    float: left;
}

.sliderban .pre i,.sliderban .next i {
    width: 8px;
    height: 13px;
    display: block;
    margin: 17px 8px;
}

.sliderban .pre i,.sliderban .next i {
    background-image: url(../image/sprites.png);
    background-repeat: no-repeat;
}

.sliderban .pre i {
    background-position: -8px -124px;
}

.sliderban .next i {
    background-position: 0 -124px;
}

.sliderban .pre,.sliderban .next {
    z-index: 99999;
    width: 24px;
    height: 48px;
    opacity: .5;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    cursor: pointer;
    background-color: rgba(0,0,0,.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000',endColorstr='#4d000000',GradientType=0);
}

.sliderban .pre {
    left: 50px;
}

.sliderban .next {
    right: 50px;
}

.sliderban .num {
    position: absolute;
    bottom: 4px;
    left: 0;
    border-radius: 0;
    padding: 0;
    font-size: 0;
    width: 100%;
    text-align: center;
    z-index: 99999;
    margin-right: -4px;
}

.sliderban .num span {
    width: 196px;
    height: 30px;
    display: inline-block;
    background-color: #fff;
    margin: 0 0 0 4px;
    cursor: pointer;
    background-color: rgba(0,0,0,0.2);
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.sliderban .num span.active {
    background-color: rgba(0,0,0,0.55);
}

.sliderban li a {
    position: relative;
    display: inherit;
    width: 100%;
    max-width: 100%;
    height: 336px;
}

.sliderban li .smallbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.sliderban li .smallbg img {
    width: 100%;
    height: 336px;
}

.sliderban .npbg {
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    min-width: 1200px;
    height: 336px;
    z-index: 9;
}

.sliderb-nav1200 {
    margin-top: 10px;
    margin-bottom: 20px;
    height: 74px;
}

.sliderb-nav1200 span {
    width: 190px;
    height: 76px;
    float: left;
    margin-left: 12px;
    background: url(../image/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(../image/slib-arrow.png) top center no-repeat;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -7px;
}

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

.market_map li {
    float: left;
    width: 285px;
    height: 140px;
    margin-left: 20px;
}

.market_map li a {
    display: block;
}

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

.market_map li a:hover img {
    opacity: .8;
}

.related_w {
    border: 1px solid #f0f0f0;
    padding: 12px 17px;
    background-color: #fff;
    font-size: 12px;
    line-height: 18px;
}

.related_w dt {
    float: left;
    color: #999;
    white-space: nowrap;
    margin-right: 25px;
}

.related_w dd {
    color: #333;
    margin-left: 61px;
}

.related_w dd a {
    float: left;
    white-space: nowrap;
    margin-right: 22px;
    padding: 2px 5px;
    margin-bottom: 0;
}

.related_w dd a.active {
    color: #fff;
    background-color: #f60;
}

.sort_row {
    border: 1px solid #f0f0f0;
    background-color: #fff;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.sort_row a {
    float: left;
    padding: 11px 16px;
    text-align: center;
}

.sort_row a.active {
    background-color: #f60;
    color: #fff;
}

.sort_row a .low {
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px;
    background: url(../image/sort_arrow.png) no-repeat;
    background-position: 0 0;
    width: 5px;
    height: 12px;
    margin-top: -2px;
}

.sort_row a.active .low {
    background-position: 0 -13px;
}

.listBox .s_item {
    position: relative;
}

.listBox .s_item .looktop {
    position: absolute;
    left: 0;
    top: 0;
    width: 68px;
    text-align: right;
}

.listBox .s_item .looktop span {
    margin-right: 10px;
    color: #fff;
    font-size: 18px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
}

.listBox .s_item .ltop_1 {
    height: 25px;
    background: url(../image/ltop_1.png) top center no-repeat;
}

.listBox .s_item .ltop_2 {
    height: 25px;
    background: url(../image/ltop_2.png) top center no-repeat;
}

.listBox .s_item .ltop_3 {
    height: 25px;
    background: url(../image/ltop_3.png) top center no-repeat;
}

.listBox .s_item .ltop_4 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_5 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_6 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_7 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_8 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_9 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_10 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_10 span {
    margin-right: 5px;
}

.pro_guess .hothd {
    height: 26px;
    border-bottom: 2px solid #ccc;
    line-height: 26px;
}

.pro_guess .hothd span {
    font-size: 18px;
    color: #333;
    float: left;
}

.pro_guess .hothd .floor-tab-li {
    float: left;
    margin-left: 16px;
}

.pro_guess .hothd .floor-tab-li span {
    height: 26px;
    line-height: 26px;
    padding: 0 13px;
    float: left;
}

.pro_guess .hothd .floor-tab-li span a {
    display: block;
    font-size: 14px;
    color: #666;
}

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

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

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

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

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

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

.pro_guess .active {
    visibility: visible;
}

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

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

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

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

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

.pro_guess ul li a span.pic img {
    width: 218px;
    height: 220px;
}

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

.pro_guess ul li span.icon_1 {
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-top: -4px;
    background: url(../image/icobuy.png) top center no-repeat;
    background-position: 0 0;
    position: absolute;
    right: 6px;
    bottom: 6px;
}

.pro_guess ul li span.s916bs {
    width: 67px;
    height: 68px;
    position: absolute;
    top: 0;
    left: 3px;
    background: url(../image/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(../image/cart-icons.png) 0 -41px no-repeat;
}

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

.pro_guess ul li .desc .padd .ricon img {
    max-width: 20px;
    max-height: 20px;
    display: inline-block;
}

.pro_guess ul li .desc .padd .ricon a {
    display: inline-block;
}

.pro_guess ul li span.realtime {
    width: 48px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f50;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    border-bottom-right-radius: 8px;
    color: #fff;
}

.pro_guess ul li span.new_identity {
    width: 48px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff2020;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    border-bottom-right-radius: 8px;
    color: #fff;
}

.skuinfo {
    position: relative;
}

.pro_color ul {
    width: 458px;
    float: left;
    margin-left: 0;
}

.skuinfo .phoneprice:hover .link-qrcode {
    color: #f50;
    background-position: 0 -43px;
}

.skuinfo .phoneprice {
    position: absolute;
    top: 18px;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

.skuinfo .phoneprice .link-qrcode {
    width: auto;
    height: auto;
    border: 0;
    padding: 10px 0 0 28px;
    background: url(../image/apperweima2.png) no-repeat 0 12px;
    margin-left: 0;
}

.skuinfo .phoneprice .qrcode-detail {
    top: 30px;
    position: absolute;
    right: 0;
    bottom: inherit;
    z-index: 11;
    width: 348px;
    border: 1px solid #ddd;
    background-color: #fff;
    zoom: 1;
    display: none;
}

.skuinfo .phoneprice .qrcode-guide {
    width: 173px;
    padding-top: 162px;
    background: url(../image/guide.jpg) no-repeat top center;
    float: left;
}

.skuinfo .phoneprice .qrcode-guide p {
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #000;
}

.skuinfo .phoneprice .qrcode-scan {
    width: 174px;
    border-left: 1px solid #ddd;
    float: left;
}

.skuinfo .phoneprice .qrcode-scan img {
    display: block;
    overflow: hidden;
    padding: 12px 12px 0;
    max-width: 150px;
    max-height: 150px;
}

.skuinfo .phoneprice .qrcode-scan p {
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #000;
}

.sale_item a {
    float: left;
    width: 285px;
    height: 140px;
    margin-right: 20px;
}

.sale_item a.last {
    margin-right: 0;
}

.sale_item a img {
    width: 100%;
    height: 100%;
}

.sale_item a:hover img {
    opacity: .8;
}

.pro_bargain {
    padding: 30px 15px;
}

.pro_bargain table {
    width: 100%;
    border-spacing: 0;
}

.pro_bargain table thead {
    background: #f7f7f7;
    width: 100%;
}

.pro_bargain table thead tr th {
    border: 0;
    border-bottom: 2px solid #f50;
    height: 30px;
    line-height: 30px;
    color: #f50;
    font-size: 14px;
    text-align: left;
    padding-left: 23px;
}

.pro_bargain table tbody tr.odd td {
    background: #fff;
}

.pro_bargain table tbody tr.even td {
    background: #f7f7f7;
}

.pro_bargain table tbody tr td {
    padding: 30px 0 30px 23px;
}

.pro_bargain table tbody tr td.buyer-sku span {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 30px;
    margin-right: 10px;
    background: #dcdcdc;
    line-height: 56px;
    text-align: center;
    float: left;
}

.pro_bargain table tbody tr td.buyer-sku span img {
    max-width: 60px;
    max-height: 60px;
    width: unset;
}

.pro_bargain table tbody tr td.buyer-sku .t {
    float: left;
    margin-top: 12px;
}

.pro_bargain table tbody tr td.buyer-sku .t .sku {
    color: #f50;
}

.pro_bargain table tbody tr td.trade-sku .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 26px;
}

.pro_bargain table tbody tr td.trade-sku .item span {
    flex: 1;
}

.pro_bargain table tbody tr td.trade-sku .item span:first-child {
    flex: 1.5;
}

.pro_detail .pro_tab li em {
    position: absolute;
    background: #f50;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    color: #fff;
    line-height: 30px;
    top: -15px;
    right: -15px;
    text-align: center;
}

.fctips {
    padding: 23px 26px 0;
}

.fct-l-icon span {
    float: left;
    background: url(../image/full-cart.png) top center no-repeat;
    width: 45px;
    height: 45px;
    margin-right: 20px;
    margin-top: 4px;
}

.fct-l-icon .p1 {
    font-size: 22px;
    color: #f50;
}

.fct-l-icon .p2 {
    font-size: 18px;
    color: #999;
}

.fctips .fct-btns {
    margin-top: 24px;
}

.fctips .fct-btns a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    border-radius: 3px;
}

.fctips .fct-btns .gocart {
    width: 128px;
    height: 44px;
    line-height: 42px;
    border: 1px solid #999;
    color: #666;
    margin-left: 64px;
}

.fctips .fct-btns .goacc {
    width: 130px;
    height: 46px;
    line-height: 44px;
    background-color: #f50;
    color: #fff;
    margin-left: 16px;
}

.fctips .fct-btns .gocart:hover {
    background-color: #fdf7f4;
    border: 1px solid #c63;
    color: #f50;
}

.item_info .rankbox .tab-bar {
    float: left;
}

.item_info .rankbox .tab-bar li {
    float: left;
    width: 82px;
    text-align: left;
    margin-right: 16px;
    cursor: pointer;
    position: relative;
    height: 24px;
}

.item_info .rankbox .tab-bar li {
    color: #666;
}

.item_info .rankbox .tab-bar li em {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -18px;
    width: 36px;
    height: 1px;
    background-color: #F50;
    display: none;
}

.item_info .rankbox .tab-bar li.active {
    color: #F00;
}

.item_info .rankbox .tab-bar li.active em {
    display: block;
}

.item_info .rankbox .slike {
    float: right;
}

.item_info .rankbox .slike a {
    float: left;
    color: #666;
}

.item_info .rankbox .slike a span {
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 4px;
}

.item_info .rankbox .slike .soutc {
    margin-right: 20px;
}

.item_info .rankbox .slike .soutc span {
    background: url(../image/psl_soutc.png) top center no-repeat;
}

.item_info .rankbox .slike .scproduct span {
    background: url(../image/pslcoll_shop.png) top center no-repeat;
}

.item_info .rankbox .slike a:hover {
    color: #f50;
}

.item_info .rankcont {
    display: none;
    position: relative;
}

.item_info .rankcont .hovs1 {
    position: absolute;
    top: -20px;
    left: 0;
    width: 80px;
    height: 24px;
    cursor: pointer;
}

.item_info .rankcont .hovs2 {
    position: absolute;
    top: -20px;
    left: 98px;
    width: 80px;
    height: 24px;
    cursor: pointer;
}

.item_info .rankcont.active {
    display: block;
}

.item_info .rankcont .top {
    padding: 10px 0;
    text-align: center;
    color: #666;
}

.item_info .rankcont .top i {
    font-style: normal;
}

.item_info .rankcont .top .ratetype {
    margin-left: 20px;
}

.item_info .rankcont .top .ratetype i {
    color: #f50;
}

.item_info .rankcont .chart {
    width: 385px;
    height: 125px;
}

.pro_btn .toolkit {
    float: left;
    position: relative;
}

.pro_btn .toolkit .toola {
    width: 120px;
    height: 38px;
    border: 1px solid #f50;
    background-color: #fff6f2;
    color: #F50;
    font-size: 16px;
    line-height: 38px;
    position: relative;
    z-index: 2;
}

.pro_btn .toolkit .toola em {
    display: inline-block;
    background: url(../image/tooldetail.png) top center no-repeat;
    width: 17px;
    height: 18px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}

.pro_btn .toolkit .toola span {
    display: inline-block;
    background: url(../image/toold_up_icon.png) top center no-repeat;
    width: 13px;
    height: 9px;
    vertical-align: middle;
    margin-left: 4px;
    margin-top: -2px;
    transition: all .1s ease-in;
}

.pro_btn .toolkit .toola i {
    border-radius: 0 0 8px 8px;
    position: absolute;
    width: 16px;
    height: 10px;
    background: url(../image/toold_down_icon.png) center no-repeat #fff6f2;
    background-size: auto 6px;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    display: none;
    z-index: 2;
    transform: rotate(180deg);
}

.pro_btn .toolkit .tooltop {
    display: none;
    width: 120px;
    position: absolute;
    bottom: 39px;
    left: 20px;
    background-color: #fff;
    border: 1px solid #f50;
    z-index: 1;
    padding: 12px 0 0;
    margin-left: 0;
    margin-top: 0;
}

.pro_btn .toolkit .tooltop a {
    width: 92px;
    font-size: 12px;
    padding: 0 5px;
    background-color: #FFFDFC;
    border-radius: 2px;
    border: 0;
    text-align: center;
    height: 36px;
    line-height: 36px;
    float: none;
    display: block;
    margin: 0 auto 12px;
}

.pro_btn .toolkit .tooltop a span {
    width: 16px;
    width: 16px;
    margin-left: 5px;
    margin-top: 0;
}

.pro_btn .toolkit .tooltop a.dohdg span {
    width: 16px;
    height: 16px;
    display: inline-table;
    vertical-align: middle;
    background: url(../image/dcomdetail.png) no-repeat top center;
    margin-top: -4px;
    margin-right: 7px;
}

.pro_btn .toolkit .tooltop a.downimg span {
    background: url(../image/dupbag.png) no-repeat top center;
}

.pro_btn .toolkit .tooltop a.downimg em {
    height: auto;
    width: auto;
    margin-right: 0;
    background: 0;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    line-height: normal;
}

.pro_btn .toolkit .tooltop a.dowxpic span {
    background: url(../image/dowxpic.png) top center no-repeat;
}

.pro_btn .toolkit .tooltop a.dshare span {
    background: url(../image/dshare.png) top center no-repeat;
}

.pro_btn .toolkit .tooltop a.dquick span {
    background: url(../image/dquick.png) top center no-repeat;
}

.pro_btn .toolkit .tooltop a:hover {
    background-color: #FFF6F6;
}

.pro_btn .toolkit .tooltop a:hover em {
    color: #f50;
}

.pro_btn .toolkit:hover .toola {
    border-top: 1px solid transparent;
}

.pro_btn .toolkit:hover .toola span {
    transform: rotate(180deg);
}

.pro_btn .toolkit:hover .tooltop {
    display: block;
}

.pro_recon ul li a {
    position: relative;
}

.pro_recon ul li a .tuijian {
    position: absolute;
    top: 0;
    left: -5px;
    width: 33px;
    height: 24px;
    background: url(../image/protuijian.png) top center no-repeat;
}

.pro_btn .order_action_no:hover {
    border: 0;
    background-color: #C9C9C9;
}

@media screen and (max-width:1410px) {
    .w1400 {
        width: 1210px;
    }
}

@media screen and (max-width:1229px) {
    .w1400 {
        width: 1050px;
    }

    .pro_nav .nav_title {
        margin-left: 8px;
    }

    .w1200 {
        width: 1050px;
    }

    .sho_nav .shcbox #keywords {
        width: 171px;
    }

    .item_info .picsize {
        width: 890px;
    }

    .item_info .picsize .pcs_r {
        width: 505px;
        margin-left: 8px;
    }

    .pro_color ul {
        width: 340px;
    }

    .pro_size .pro_size_item {
        margin-left: 0;
    }

    .item_info .sidebar {
        margin-left: 10px;
    }

    .pro_btn {
        margin-left: 0;
    }

    .pro_btn a {
        margin-left: 6px;
    }

    .pro_btn .order_action {
        width: 114px;
    }

    .pro_btn .cross {
        width: 114px;
    }

    .pro_btn .downimg {
        width: 114px;
    }

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

    .pro_recon ul li {
        width: 167px;
        margin-right: 7px;
    }

    .pro_recon ul li a {
        margin: 5px;
    }

    .pro_recon ul li a .pic {
        width: 157px;
    }

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

    .segmentbox .pro_detail {
        width: 850px;
    }

    .pro_detail .pro_att_img img {
        max-width: 100%;
    }

    .pro_detail .pro_att_img a[target="_blank"] {
        width: 100%;
        background-size: 100% 100%;
    }

    .pro_batch_desc .details_explain .pfsm_con img {
        max-width: 100%;
    }

    .pro_batch_desc .details_explain .pfsm_con video {
        width: 100%;
    }

    .pro_com_b .pro_com_f .item .item_ul {
        width: 708px;
    }

    .w1200.pro_nav .shcbox #keywords {
        width: 255px;
    }

    .fixedtool {
        right: 46px!important;
    }

    .sliderb-nav1200 {
        height: 68px;
    }

    .sliderb-nav1200 span {
        margin-left: 5px;
        width: 170px;
        height: 68px;
        background-size: 100% 100%;
    }

    .sliderb-nav1200 span img {
        max-width: 100%;
        max-height: 100%;
    }

    .s_item .shopins {
        width: 178px;
    }

    .s_item .shoppic {
        margin-left: 10px;
    }

    .s_item .shopins .detail_btn a {
        width: 80px;
        margin-right: 7px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.qcc_mini .w1400 {
    width: 1200px;
}

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

.shop_nav ul {
    overflow: hidden;
}

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

.sho_nav {
    margin: 0 auto!important;
}

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

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

.sho_nav .login-left a {
    
}

.sho_nav .login-left a {
    
}

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

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

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

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

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

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

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

.sho_nav .sho_sellerinfo .shop-info p a .qqIcon {
    font-size: 18px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px;
}

.sho_nav .sho_sellerinfo .shop-info p span.qq {
    background: url(../image/fzzf.png) top center no-repeat;
    width: 16px;
    height: 18px;
    display: inline-block;
    padding: 0;
    margin: 0;
    background-position: -431px -91px;
}

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

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

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

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

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

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

.sho_nav .sho_sellerinfo .shop-bsr .desc .desc_value span.upIcon {
    background: url(../image/fzzf.png) top center no-repeat;
    width: 6px;
    height: 11px;
    display: inline-block;
    background-position: -620px -91px;
    margin-top: -2px;
    vertical-align: middle;
}

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

.sho_nav .sho_sellerinfo .shop-bsr .desc .desc_value img .sho_nav .sho_sellerinfo a.more {
    width: 23px;
    height: 6px;
    margin-top: 32px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    float: left;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -416px -114px;
}

.sho_nav .sho_sellerinfo .shop-bsr .desc .desc_value .b_qccIcons {
    color: #f50;
    font-size: 12px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
}

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

.sho_nav .sho_sellerinfo:hover a.more {
    background-position: -416px -126px;
}

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

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

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

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

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

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

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

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

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

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

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

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p span.shop_t_qiye {
    background: url(../image/qual_1.png) top center no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_left p span.shop_t_geren {
    background: url(../image/qual_4.png) top center no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

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

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

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

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

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

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

.sho_nav .sho_sellerinfo .seller-info .shopdetail_u .shopdetail_u_right p span.ratestars {
    width: 60px;
    background: url(../image/ratestars.png) no-repeat;
    height: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sho_nav .seller-info .realm_btn .collt_btn {
    display: flex;
    align-items: center;
}

.sho_nav .seller-info .realm_btn .nocollt em {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -417px -137px;
}

.sho_nav .seller-info .realm_btn .collt_btn .cotIcon {
    margin-right: 3px;
    margin-left: 3px;
    font-size: 20px;
}

.sho_nav .seller-info .realm_btn .colltBtn {
    margin-left: 5px;
    width: 82px;
    height: 26px;
    border: 1px solid #F50;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    color: #f50;
}

.sho_nav .seller-info .realm_btn .colltBtn .cotIcon {
    font-size: 18px;
    margin-right: 5px;
}

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

.sho_nav .seller-info .realm_btn .yescollt em {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -417px -255px;
}

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

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

.sho_nav .shop-qrcode .noyuan {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -454px -91px;
    width: 54px;
    height: 54px;
    display: block;
    margin-top: 3px;
    margin-left: 3px;
}

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

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

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

.sho_nav .shop-qrcode:hover .noyuan {
    background-position: -454px -148px;
}

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

.htonbtns {
    display: inline-flex;
    margin-top: 14px;
    height: 40px;
    align-items: center;
}

.qcordBtn {
    margin-left: 20px;
    width: 84px;
    height: 30px;
    border: 1px solid #F50;
    opacity: 1;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #f50;
    position: relative;
    cursor: pointer;
}

.qcordBtn .qcordIcon {
    font-size: 14px;
    margin-right: 5px;
}

.qcordBtn .dropCord {
    display: none;
    position: absolute;
    width: 140px;
    padding-top: 12px;
    top: 31px;
    left: -9px;
}

.qcordBtn .dropCord .arr {
    width: 14px;
    height: 13px;
    background: url(../image/droparr.png) top center no-repeat;
    position: absolute;
    top: 0;
    left: 38px;
    z-index: 2;
}

.qcordBtn .dcon {
    width: 140px;
    height: 215px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,0.16);
    border-radius: 4px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    z-index: 3;
}

.qcordBtn .wxcord {
    width: 120px;
    height: 28px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0 5px;
    border: 1px solid #e5e5e5;
}

.qcordBtn .appcord {
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
    height: 28px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
}

.qcordBtn .onCord {
    background: #f50;
    color: #fff;
    border: 1px solid #f50;
}

.qcordBtn .spanbox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 110px;
    overflow: hidden;
}

.qcordBtn .dcon span {
    opacity: 0;
    height: 0;
    pointer-events: none;
    transition: all .1s ease-in-out;
}

.qcordBtn .dcon .onpic {
    opacity: 1;
    height: auto;
    pointer-events: auto;
}

.qcordBtn span img {
    max-width: 110px;
    max-height: 110px;
}

.qcordBtn:hover .dropCord {
    display: block;
}

.htonbtns .colltBtn {
    margin-left: 5px;
    width: 84px;
    height: 30px;
    border: 1px solid #F50;
    opacity: 1;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #f50;
}

.htonbtns .colltBtn .cotIcon {
    font-size: 14px;
    margin-right: 5px;
}

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

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

.sho_nav .shop-collt.nocollt em {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -417px -137px;
}

.sho_nav .shop-collt.yescollt em {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -415px -156px;
}

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

.sho_nav .seller-info #shopapp em {
    float: left;
    width: 16px;
    height: 16px;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -643px -304px;
    margin-top: 10px;
    margin-left: 3px;
    margin-top: 4px;
    margin-left: 6px;
    margin-right: -4px;
}

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

.sho_nav .seller-info .realm_btn .iphoeu .ncord {
    float: left;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -643px -280px;
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-left: 6px;
    margin-right: 3px;
}

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

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

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

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

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

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

.sho_nav .seller-info .realm_btn a.download em {
    float: left;
    width: 14px;
    height: 12px;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -672px -281px;
    margin-top: 8px;
    margin-left: 15px;
}

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

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

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

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

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

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

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

.sho_nav .seller-info .sop-u .line .b1-icon {
    width: 12px;
    height: 12px;
    background: url(../image/b1-icon.png) top center no-repeat;
    margin-top: 2px;
}

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

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

.sho_nav .seller-info .sop-u .line .qual_box i {
    width: 16px;
    height: 16px;
    float: left;
    background: url(../image/fzzf.png) top center no-repeat;
    margin-right: 3px;
    margin-top: 3px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.sho_nav .seller-info .sop-u .line .qual_box i.factory2 {
    background-position: -232px 0;
    width: 70px;
    height: 16px;
}

.sho_nav .seller-info .sop-u .line .b2-iocn {
    width: 12px;
    height: 12px;
    background: url(../image/b2-iocn.png) top center no-repeat;
    margin-top: 2px;
}

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

.sho_nav .seller-info .sop-u .line .ct span.qq {
    background: url(../image/fzzf.png) top center no-repeat;
    width: 16px;
    height: 18px;
    display: inline-block;
    margin-top: -6px;
    background-position: -431px -91px;
}

.sho_nav .seller-info .sop-u .line .b3-iocn {
    width: 12px;
    height: 12px;
    background: url(../image/b3-iocn.png) top center no-repeat;
    margin-top: 2px;
}

.sho_nav .seller-info .sop-u .line .b4-iocn {
    width: 12px;
    height: 12px;
    background: url(../image/b4-iocn.png) top center no-repeat;
    margin-top: 2px;
}

.sho_nav .seller-info .sop-u .line .b5-iocn {
    width: 12px;
    height: 12px;
    background: url(../image/b5-iocn.png) top center no-repeat;
    margin-top: 2px;
}

.sho_nav .seller-info .sop-u .line .b1-icon,.sho_nav .seller-info .sop-u .line .b2-iocn,.sho_nav .seller-info .sop-u .line .b3-iocn,.sho_nav .seller-info .sop-u .line .b4-iocn,.sho_nav .seller-info .sop-u .line .b5-iocn {
    background: url(../image/fzzf.png) top center no-repeat;
}

.sho_nav .seller-info .sop-u .line .b1-icon {
    background-position: -419px 0;
}

.sho_nav .seller-info .sop-u .line .b2-iocn {
    background-position: -419px -17px;
}

.sho_nav .seller-info .sop-u .line .b3-iocn {
    background-position: -419px -34px;
}

.sho_nav .seller-info .sop-u .line .b4-iocn {
    background-position: -419px -52px;
}

.sho_nav .seller-info .sop-u .line .b5-iocn {
    background-position: -418px -69px;
}

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

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

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

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

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

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

.sho_nav .seller-info .sop-d .line .ratestars {
    width: 60px;
    background: url(../image/fzzf.png) no-repeat;
    height: 10px;
}

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

.sho_nav .seller-info .sop-d .line .ratestars_1_1 {
    background-position: -110px -13px;
}

.sho_nav .seller-info .sop-d .line .ratestars_2 {
    background-position: -110px -26px;
}

.sho_nav .seller-info .sop-d .line .ratestars_2_1 {
    background-position: -110px -39px;
}

.sho_nav .seller-info .sop-d .line .ratestars_3 {
    background-position: -110px -52px;
}

.sho_nav .seller-info .sop-d .line .ratestars_3_1 {
    background-position: -110px -65px;
}

.sho_nav .seller-info .sop-d .line .ratestars_4 {
    background-position: -110px -78px;
}

.sho_nav .seller-info .sop-d .line .ratestars_4_1 {
    background-position: -110px -91px;
}

.sho_nav .seller-info .sop-d .line .ratestars_5 {
    background-position: -110px -104px;
}

.sho_nav .seller-info .sop-d .d-bsr .desc {
    float: left;
    width: 33.33%;
}

.sho_nav .seller-info .sop-d .d-bsr .desc .desc_word {
    color: #666;
    margin-bottom: 5px;
}

.sho_nav .seller-info .sop-d .d-bsr .desc .desc_word span {
    color: #f50;
}

.sho_nav .seller-info .sop-d .d-bsr .desc .desc_value {
    color: #666;
}

.sho_nav .seller-info .sop-d .d-bsr .desc .desc_value span {
    color: #ff4800;
}

.sho_nav .seller-info .sop-d .d-bsr .desc .desc_value span.upIcon {
    background: url(../image/fzzf.png) top center no-repeat;
    width: 6px;
    height: 11px;
    display: inline-block;
    background-position: -609px -90px;
    margin-top: -2px;
    vertical-align: middle;
}

.sho_nav .seller-info .sop-d .d-bsr .desc .desc_value img {
    margin-top: 5px;
    vertical-align: top;
    margin-left: 4px;
}

.sho_nav .seller-info .sop-d .d-bsr .new {
    text-align: left;
}

.sho_nav .seller-info .sop-d .d-bsr .rate {
    text-align: right;
}

.shop-notices .hd {
    font-size: 20px;
    color: #fff;
    height: 42px;
    background: linear-gradient(163deg,rgba(255,171,0,1) 0,rgba(255,85,0,1) 45%,rgba(255,147,0,1) 100%);
    line-height: 42px;
    text-align: center;
}

.shop-notices .bd {
    font-size: 14px;
    color: #fff;
}

.shop-notices {
    margin-top: 18px;
}

.shop-notices .panel {
    padding: 20px;
    background-color: #fff;
}

.shop-notices .panel p {
    color: #666;
    line-height: 22px;
    text-indent: 2em;
}

.sp-goods .w1200 {
    background-color: #fff;
}

.sp-goods .hd {
    padding-left: 30px;
    line-height: 48px;
}

.sp-goods .hd .pt-tit {
    line-height: normal;
    padding: 20px 0 0;
}

.sp-goods .hd .pt-tit h3 {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    color: #333;
}

.sp-goods .hd .pt-tit h3 span {
    float: left;
    height: 25px;
    width: 26px;
    margin-right: 8px;
    background: url(../image/sp-g1.png) center no-repeat;
}

.sp-goods .hd .pt-tit .small {
    color: #999;
    margin-top: 9px;
    float: left;
}

.sp-goods .hd .more {
    margin-right: 35px;
    line-height: normal;
    color: #999;
    padding-bottom: 2px;
    margin-top: 30px;
}

.sp-goods .hd .more i {
    float: right;
    width: 7px;
    height: 10px;
    background: url(../image/marw-icon.jpg) top center no-repeat;
    background-size: 100% 100%;
    margin-left: 3px;
    margin-top: 3px;
}

.sp-goods .hd .more:hover {
    color: #f50;
}

.spg-list .bd {
    padding: 0 30px 20px;
}

.spg-list .bd .porlist {
    margin-left: -10px;
}

.spg-list .bd .porlist li {
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    display: block;
    border: 1px solid #EDEDED;
    width: 218px;
}

.spg-list .bd .porlist li .pic {
    width: 218px;
    height: 220px;
    overflow: hidden;
    display: block;
    position: relative;
}

.spg-list .bd .porlist li .pic img {
    height: 220px;
    margin-left: -1px;
}

.spg-list .bd .porlist li .pic .playVideoBtn1 {
    position: absolute;
    top: 78px;
    left: 78px;
    width: 53px;
    height: 53px;
    background: url(../image/listPlayVideo1.png) no-repeat;
}

.spg-list .bd .porlist li .icon_trn {
    position: absolute;
    top: 0;
    left: -5px;
}

.spg-list .bd .porlist li .icon_tfhours_goods {
    background: url(../image/icon_tfhours_goods1909.png) top center no-repeat;
    width: 35px;
    height: 20px;
    display: block;
}

.spg-list .bd .porlist li .icon_new {
    background: url(../image/icon_new.png) top center no-repeat;
    width: 35px;
    height: 24px;
    display: block;
}

.spg-list .bd .porlist li p {
    height: 16px;
}

.spg-list .bd .porlist li .pt-cont-tit {
    height: 24px;
    margin: 0 10px;
}

.spg-list .bd .porlist li .pt-cont-tit a {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.spg-list .bd .porlist li .pt-size {
    color: #999;
    margin-top: 0;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}

.spg-list .bd .porlist li .price-con {
    text-align: center;
    margin-top: 8px;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
}

.spg-list .bd .porlist li .price {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #F50;
}

.spg-list .bd .porlist li .olds {
    float: right;
    color: #999;
}

.spg-list .bd .porlist li .sale {
    color: #999;
    float: right;
}

.spg-list .bd .porlist li .price em {
    width: 9px;
    font-size: 14px;
    line-height: 19px;
    margin-right: 2px;
}

.spg-list .bd .porlist li .shop-na {
    margin-top: 6px;
}

.spg-list .bd .porlist li .shop-na a {
    color: #5CA1E6;
}

.spg-list .bd .porlist li .shop-na a:hover {
    text-decoration: underline;
}

.spg-list .bd .porlist li .qual_box {
    height: 24px;
    padding: 4px 10px;
}

.spg-list .bd .porlist li .qual_box img {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.spg-list .bd .porlist li {
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    transition: border .3s ease;
    position: relative;
}

.spg-list .bd .porlist li:hover {
    border-color: #F50;
}

.spg-list .bd .porlist li:hover .pic img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.spg-list .bd .porlist li:hover .pt-cont-tit a {
    color: #f50;
}

.spg-list .bd .porlist li:hover .shopa {
    color: #f50;
}

.spg-list .bd .porlist li .desc {
    height: auto;
}

.spg-list .bd .porlist li .quickgngb {
    position: relative;
}

.spg-list .bd .porlist li .quickgn {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    line-height: 24px;
    text-align: center;
    color: #fff;
    width: 100%;
    background-color: rgba(255,124,59,0.9);
    opacity: 0;
    transition: all .1s ease-in;
    z-index: 11;
}

.spg-list .bd .porlist li .quickgn .quic_s {
    float: left;
    width: 70px;
    color: #fff;
    cursor: pointer;
}

.spg-list .bd .porlist li .quickgn .cross {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.spg-list .bd .porlist li .quickgn .cross em.crosstips {
    width: 31px;
    height: 6px;
    background: url(../image/crosstips.png) top center no-repeat;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -15px;
    display: none;
    z-index: 6;
}

.spg-list .bd .porlist li .quickgn .cross dl {
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    background-color: #fff;
    width: 100%;
    padding-top: 6px;
    height: 72px;
    z-index: 2;
}

.spg-list .bd .porlist li .quickgn .cross dl dd {
    text-align: left;
    line-height: 22px;
    height: 22px;
    margin-left: 5px;
    width: 64px;
    cursor: pointer;
    background-color: #FFFAF7;
    border: 1px solid #FFFAF7;
    float: left;
    margin-bottom: 3px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd em {
    color: #666;
}

.spg-list .bd .porlist li .quickgn .cross dl dd img {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    margin-right: 5px;
}

.spg-list .bd .porlist li .quickgn .cross dl dd:hover {
    border: 1px solid #FF5600;
    color: #FF4200;
    background-color: #fff;
}

.spg-list .bd .porlist li .quickgn .cross:hover {
    background-color: #F50;
}

.spg-list .bd .porlist li .quickgn .cross:hover .crosstips {
    display: block;
}

.spg-list .bd .porlist li .quickgn .cross:hover dl {
    display: block;
}

.spg-list .bd .porlist li .datagn {
    display: none;
    background-color: #fff;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 78px;
}

.spg-list .bd .porlist li .datagn .ms {
    color: #999;
    font-size: 12px;
    line-height: 26px;
    padding: 0 10px;
    height: 26px;
    display: block;
}

.spg-list .bd .porlist li .datagn .rate {
    line-height: 24px;
    height: 26px;
    color: #666;
    font-size: 12px;
    padding: 0 10px;
    display: block;
}

.spg-list .bd .porlist li .datagn .rate .rate_d {
    float: left;
}

.spg-list .bd .porlist li .datagn .rate .rate_d em {
    font-style: normal;
    color: #F50;
}

.spg-list .bd .porlist li .datagn .rate .rate_x {
    float: right;
}

.spg-list .bd .porlist li .datagn .rate .rate_x em {
    font-style: normal;
    color: #F50;
}

.spg-list .bd .porlist li .datagn .ap {
    padding: 5px 10px 10px;
    display: none;
}

.spg-list .bd .porlist li .datagn .ap .shopa {
    float: left;
    color: #999;
}

.spg-list .bd .porlist li .datagn .ap .shopa em {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px;
    background: url(../image/icon_shop_sg.png) top center no-repeat;
}

.spg-list .bd .porlist li .datagn .ap .shopa i {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    color: #333;
}

.spg-list .bd .porlist li .datagn .ap .ages {
    width: 38px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #fff;
    color: #f50;
    text-align: center;
    margin-left: 8px;
    vertical-align: middle;
}

.spg-list .bd .porlist li .datagn .ap .ages i {
    font-style: normal;
    background-color: #f50;
    color: #fff;
    float: left;
}

.spg-list .bd .porlist li .datagn .ap .ar {
    float: right;
    width: 7px;
    height: 12px;
    background: url(../image/apar-icon.jpg) top center no-repeat;
    margin-top: 5px;
}

.spg-list .bd .porlist li .datagn .ap:hover .shopa em {
    background: url(../image/icon_shop.png) top center no-repeat;
}

.spg-list .bd .porlist li .datagn .ap:hover .shopa i {
    color: #f50;
}

.spg-list .bd .porlist li:hover .quickgn {
    height: 24px;
    opacity: 1;
}

.spg-list .bd .porlist li:hover .datagn {
    display: block;
}

.sp-jpg .w1200 {
    background-color: #fff;
}

.sp-jpg .hd {
    padding-left: 30px;
    line-height: 48px;
}

.sp-jpg .hd .pt-tit {
    line-height: normal;
    padding: 20px 0 0;
}

.sp-jpg .hd .pt-tit h3 {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    color: #333;
}

.sp-jpg .hd .pt-tit h3 span {
    float: left;
    height: 25px;
    width: 26px;
    margin-right: 8px;
    background: url(../image/sp-g2.png) center no-repeat;
}

.sp-jpg .hd .pt-tit .small {
    color: #999;
    margin-top: 9px;
    float: left;
}

.sp-jpg .hd .more {
    margin-right: 35px;
    line-height: normal;
    color: #999;
    padding-bottom: 2px;
    margin-top: 30px;
}

.sp-jpg .hd .more i {
    float: right;
    width: 7px;
    height: 10px;
    background: url(../image/marw-icon.jpg) top center no-repeat;
    background-size: 100% 100%;
    margin-left: 3px;
    margin-top: 3px;
}

.sp-jpg .hd .more:hover {
    color: #f50;
}

.sp-hot .w1200 {
    background-color: #fff;
}

.sp-hot .hd {
    padding-left: 30px;
    line-height: 48px;
}

.sp-hot .hd .pt-tit {
    line-height: normal;
    padding: 20px 0 0;
}

.sp-hot .hd .pt-tit h3 {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    color: #333;
}

.sp-hot .hd .pt-tit h3 span {
    float: left;
    height: 25px;
    width: 26px;
    margin-right: 8px;
    background: url(../image/sp-g3.png) center no-repeat;
}

.sp-hot .hd .pt-tit .small {
    color: #999;
    margin-top: 9px;
    float: left;
}

.sp-hot .hd .more {
    margin-right: 35px;
    line-height: normal;
    color: #999;
    padding-bottom: 2px;
    margin-top: 30px;
}

.sp-hot .hd .more i {
    float: right;
    width: 7px;
    height: 10px;
    background: url(../image/marw-icon.jpg) top center no-repeat;
    background-size: 100% 100%;
    margin-left: 3px;
    margin-top: 3px;
}

.sp-hot .hd .more:hover {
    color: #f50;
}

.sp-v {
    background-color: #fff;
    padding: 6px 0;
    text-align: center;
    font-size: 14px;
    color: #777;
}

.sp-v a {
    color: #777;
}

.sp-v a i {
    display: inline-block;
    vertical-align: middle;
    background: url(../image/sp-p4.png) 2px 3px no-repeat;
    width: 20px;
    height: 21px;
    background-size: 11px auto;
}

.sp-v a:hover {
    color: #f50;
}

.sho_nav .shcbox {
    float: right;
    margin-top: 15px;
    position: relative;
}

.sho_nav .shcbox #keywords {
    float: left;
    width: 170px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #bbb;
    padding-left: 26px;
    font-size: 12px;
    color: #666;
}

.sho_nav .shcbox .sch_icon {
    position: absolute;
    top: 14px;
    left: 10px;
    width: 12px;
    height: 12px;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -419px -180px;
}

.sho_nav .shcbox #product_seach {
    float: left;
    width: 96px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #F50;
    border: 0 none;
    cursor: pointer;
}

.sho_nav .shcbox #product_seachall {
    float: left;
    margin-left: 10px;
    width: 80px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #F50;
    background-color: #fff;
    font-size: 14px;
    color: #f50;
    cursor: pointer;
    text-align: center;
}

.srForm {
    display: inline-block;
    vertical-align: 2px;
}

.srbox {
    display: inline-flex;
    align-content: center;
    justify-content: flex-end;
    padding: 4px 4px;
    height: 34px;
    width: 384px;
    border: 1px solid #F50;
    border-radius: 22px;
    align-items: center;
    margin-left: 28px;
}

.srbox {
    width: 324px;
}

.srbox .inkey {
    height: 24px;
    border: 0;
    padding-left: 10px;
    font-size: 12px;
    color: #666;
    flex: 1;
    display: flex;
    align-content: center;
    justify-content: flex-start;
}

.srbox .sallb {
    width: 100px;
    height: 34px;
    background: #D9D9D9;
    border-radius: 17px;
    outline: 0;
    border: 0;
    text-align: left;
    font-size: 14px;
    text-indent: 15px;
    color: #333;
    cursor: pointer;
}

.srbox .currShopBtn {
    width: 90px;
    height: 34px;
    background: #f50;
    border-radius: 17px;
    outline: 0;
    border: 0;
    text-align: center;
    font-size: 14px;
    text-indent: 0;
    color: #fff;
    margin-left: -25px;
    display: inline-flex;
    cursor: pointer;
    justify-content: center;
}

.shopban {
    max-width: 100%;
    overflow: hidden;
    text-align: center;
}

.shopban table {
    margin: 0 auto;
}

.shopban img {
    max-width: 100%;
    overflow: hidden;
}

.qcc_mini .shopban table {
    width: 1200px;
}

.shopnot {
    margin-top: 18px;
    border: 1px solid #F0F0F0;
    padding: 20px 40px 10px 40px;
}

.shopnot .hd {
    text-align: center;
    color: #666;
}

.shopnot .panel {
    margin-top: 10px;
}

.shopnot .panel p {
    color: #666;
    line-height: 22px;
    text-indent: 2em;
}

.shopnot .panel p.guys {
    text-indent: 0;
}

.hotcategor .hd {
    margin-top: 28px;
    margin-bottom: 5px;
    text-align: center;
}

.hotcategor .hd span {
    display: inline-block;
    color: #333;
    font-size: 18px;
}

.hotcategor .hd span em.hot_icon {
    float: left;
    width: 16px;
    height: 18px;
    background-position: 0 -22px;
    margin-top: 4px;
    margin-right: 4px;
}

.categorlist ul {
    margin-left: -15px;
}

.categorlist ul li {
    float: left;
    width: 226px;
    margin-left: 15px;
    margin-top: 15px;
    border: 1px solid #F0F0F0;
}

.padd span.radd i,.padd .ricon em.star,.padd .ricon em.trade,.padd .ricon em.gongchang,.padd .ricon a.ww {
    background: url(../image/cart-icons.png) top center no-repeat;
}

.categorlist ul li {
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    transition: border .3s ease;
    position: relative;
}

.categorlist ul li:hover {
    border-color: #f60;
}

.categorlist ul li a {
    display: block;
}

.categorlist ul li span.pic {
    display: block;
    width: 226px;
    height: 226px;
    overflow: hidden;
}

.categorlist ul li span.pic img {
    width: 226px;
    height: 226px;
}

.categorlist ul li:hover span.pic img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.categorlist ul li a {
    position: relative;
}

.categorlist ul li a span.icon_1 {
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-top: -4px;
    background: url(../image/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(../image/special_sing.png) top center no-repeat;
    background-size: 100% 100%;
}

.categorlist ul li span.icon_tfhours_goods {
    position: absolute;
    background: url(../image/icon_tfhours_goods1909.png) top center no-repeat;
    top: 0;
    left: -5px;
    width: 35px;
    height: 24px;
}

.categorlist ul li .desc {
    padding: 14px 10px 0;
}

.categorlist ul li p.brprice {
    height: 25px;
    line-height: 24px;
}

.categorlist ul li p.brprice span {
    font-size: 18px;
    color: #f50;
}

.categorlist ul li p.brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.categorlist ul li p.brprice em.viewpay {
    color: #999;
    font-size: 12px;
    float: right;
}

.categorlist ul li p.rowtitle {
    margin-top: 3px;
    height: 17px;
    line-height: 16px;
}

.categorlist ul li p.rowtitle a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.categorlist ul li p.size {
    color: #999;
    margin-top: 6px;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.categorlist ul li p.shop a {
    color: #999;
}

.categorlist ul li .padd {
    height: 32px;
    border-top: 1px solid #f0f0f0;
    padding: 0 18px;
    margin-top: 12px;
    margin-left: -10px;
    margin-right: -10px;
    line-height: 32px;
}

.categorlist ul li .padd span.radd {
    color: #999;
    float: left;
}

.categorlist ul li .padd span.radd i {
    float: left;
    width: 10px;
    height: 13px;
    margin-right: 5px;
    background-position: 0 -41px;
    margin-top: 8px;
}

.categorlist ul li .padd .ricon {
    float: right;
}

.categorlist ul li .padd .ricon em {
    float: left;
    margin-right: 4px;
    width: 12px;
    height: 15px;
    margin-top: 8px;
}

.categorlist ul li .padd .ricon em.star {
    background-position: -32px -41px;
}

.categorlist ul li .padd .ricon em.trade {
    background-position: -47px -41px;
}

.categorlist ul li .padd .ricon em.gongchang {
    background-position: -61px -41px;
}

.categorlist ul li .padd .ricon a.ww {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    width: 13px;
    height: 14px;
    background-position: -87px -41px;
}

.categorlist ul li .desc .qual_box {
    padding-bottom: 8px;
}

.categorlist ul li .desc .qual_box img {
    display: inline-block;
    vertical-align: middle;
}

.qcc_mini .w1400 .categorlist ul {
    margin-left: -15px;
}

.qcc_mini .w1400 .categorlist li {
    width: 226px;
    margin-left: 15px;
}

.qcc_mini .w1400 .categorlist li span.pic {
    width: 226px;
    height: 226px;
    overflow: hidden;
}

.qcc_mini .w1400 .categorlist li span.pic img {
    width: 226px;
    height: 226px;
    line-height: 226px;
}

.lowerlist ul {
    margin-left: -16px;
}

.lowerlist ul li {
    float: left;
    width: 217px;
    margin-left: 16px;
    margin-top: 15px;
    border: 1px solid #F0F0F0;
}

.padd span.radd i,.padd .ricon em.star,.padd .ricon em.trade,.padd .ricon em.gongchang,.padd .ricon a.ww {
    background: url(../image/cart-icons.png) top center no-repeat;
}

.lowerlist ul li {
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    transition: border .3s ease;
    position: relative;
}

.lowerlist ul li:hover {
    border-color: #f60;
}

.lowerlist ul li a {
    display: block;
}

.lowerlist ul li span.pic {
    display: block;
    width: 100%;
    height: 219px;
    overflow: hidden;
}

.lowerlist ul li span.pic img {
    width: 100%;
    height: 219px;
}

.lowerlist ul li:hover span.pic img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.lowerlist ul li .desc {
    padding: 14px 10px 0;
}

.lowerlist ul li p.brprice {
    height: 25px;
    line-height: 24px;
    text-indent: 0;
}

.lowerlist ul li p.brprice span {
    font-size: 18px;
    color: #f50;
}

.lowerlist ul li p.brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.lowerlist ul li p.brprice em.viewpay {
    color: #999;
    font-size: 12px;
    float: right;
}

.lowerlist ul li p.rowtitle {
    margin-top: 3px;
    height: 17px;
    line-height: 16px;
    text-indent: 0;
}

.lowerlist ul li p.rowtitle a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lowerlist ul li p.size {
    color: #999;
    margin-top: 6px;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 0;
}

.lowerlist ul li p.shop {
    text-indent: 0;
}

.lowerlist ul li p.shop a {
    color: #999;
}

.lowerlist ul li .padd {
    height: 32px;
    border-top: 1px solid #f0f0f0;
    padding: 0 18px;
    margin-top: 12px;
    margin-left: -10px;
    margin-right: -10px;
    line-height: 32px;
}

.lowerlist ul li .padd span.radd {
    color: #999;
    float: left;
}

.lowerlist ul li .padd span.radd i {
    float: left;
    width: 10px;
    height: 13px;
    margin-right: 5px;
    background-position: 0 -41px;
    margin-top: 8px;
}

.lowerlist ul li .padd .ricon {
    float: right;
}

.lowerlist ul li .padd .ricon em {
    float: left;
    margin-right: 4px;
    width: 12px;
    height: 15px;
    margin-top: 8px;
}

.lowerlist ul li .padd .ricon em.star {
    background-position: -32px -41px;
}

.lowerlist ul li .padd .ricon em.trade {
    background-position: -47px -41px;
}

.lowerlist ul li .padd .ricon em.gongchang {
    background-position: -61px -41px;
}

.lowerlist ul li .padd .ricon a.ww {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    width: 13px;
    height: 14px;
    background-position: -87px -41px;
}

.qcc_mini .w1400 .lowerlist ul {
    margin-left: -15px;
}

.qcc_mini .w1400 .lowerlist li {
    width: 226px;
    margin-left: 15px;
}

.qcc_mini .w1400 .lowerlist li span.pic {
    width: 226px;
    height: 226px;
    overflow: hidden;
}

.qcc_mini .w1400 .lowerlist li span.pic img {
    width: 226px;
    height: 226px;
    line-height: 226px;
}

.listmore {
    text-align: center;
    margin-top: 40px;
}

.listmore a {
    display: inline-block;
    width: 160px;
    height: 40px;
    background-color: #F50;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
}

.listmore a:hover {
    background-color: #ff8649;
}

.beingq p {
    margin-top: 10px;
    color: #666;
    margin-bottom: 10px;
}

.beingq p span {
    color: #F50;
}

.loading_move {
    text-align: center;
    padding: 40px 0;
}

.loading_move .loading {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-position: -161px -16px;
}

.shocatel {
    position: fixed;
    top: 203px;
    right: 50%;
    margin-right: 612px;
    border: 1px solid #F0F0F0;
    width: 113px;
    z-index: 20180702;
    background-color: #fff;
}

.shocatel .catehd {
    color: #999;
    border-bottom: 1px solid #f0f0f0;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    display: block;
    background-color: #FAFAFA;
}

.shocatel ul li {
    height: 48px;
    border-top: 1px dashed #bbb;
    line-height: 48px;
    position: relative;
}

.shocatel ul li span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 0 12px;
}

.shocatel ul li.first {
    border-top: 0;
}

.shocatel ul li span a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 77px;
}

.shocatel ul li span i {
    position: absolute;
    right: 9px;
    top: 23px;
    height: 5px;
    overflow: hidden;
    font: 700 16px/16px simsun;
    color: #999;
    display: block;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
}

.shocatel ul li span i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.shocatel ul li.active a {
    color: #f50;
}

.shocatel ul li.active span i {
    color: #f50;
}

.shocatel ul li span:hover {
    color: #f50;
}

.shocatel ul li span:hover i {
    color: #f50;
}

.shocatel ul li .menubar {
    position: absolute;
    top: 0;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-left: 0;
    width: 243px;
    right: -245px;
    padding-bottom: 16px;
    display: none;
}

.shocatel ul li .menubar p {
    margin-left: 14px;
    line-height: normal;
}

.shocatel ul li .menubar p.title {
    margin-bottom: 4px;
    margin-top: 16px;
}

.shocatel ul li .menubar p.title em {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 5px 4px 0;
    border-style: solid;
    border-color: #bbb transparent transparent;
    vertical-align: middle;
    margin-right: 4px;
}

.shocatel ul li .menubar p a {
    float: left;
    margin-right: 16px;
    margin-top: 6px;
    color: #666;
}

.shocatel ul li .menubar p a:hover {
    color: #f50;
}

.shocatel ul li .menubar p a.active {
    color: #f50;
}

.shocatel ul li:hover .menubar {
    display: block;
}

.qcc_mini .shocatel {
    margin-right: 552px;
    top: 198px;
}

.hotwrap {
    float: left;
    width: 190px;
}

.hotwrap .hd {
    margin: 10px 0;
}

.hotwrap .hd span {
    display: inline-block;
    color: #333;
    font-size: 18px;
}

.hotwrap .hd span em.hot_icon {
    float: left;
    width: 16px;
    height: 18px;
    background-position: 0 -22px;
    margin-top: 4px;
    margin-right: 4px;
}

.hotwrap ul li {
    width: 188px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    margin-bottom: 10px;
}

.hotwrap ul li a {
    display: block;
    margin: 10px 10px 13px 10px;
}

.hotwrap ul li a .pic {
    display: block;
}

.hotwrap ul li a .pic img {
    width: 172px;
    height: 172px;
}

.hotwrap ul li a .desc {
    margin-top: 12px;
}

.hotwrap ul li a .desc .brprice {
    height: 25px;
    line-height: 24px;
}

.hotwrap ul li a .desc .brprice span {
    font-size: 18px;
    color: #f50;
}

.hotwrap ul li a .desc .brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.hotwrap ul li a .desc .brprice em.size {
    color: #999;
    float: right;
}

.hotwrap ul li a .desc .viewpay {
    margin-top: 2px;
}

.hotwrap ul li a .desc .viewpay em {
    color: #f50;
}

.colname {
    float: right;
    width: 990px;
    margin-top: 10px;
}

.colname .hd {
    height: 40px;
    line-height: 40px;
    background-color: #f50;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding-left: 20px;
}

.colname .panel {
    padding: 20px 44px 20px 20px;
    border: 1px solid #f0f0f0;
}

.colname .panel p {
    color: #666;
    line-height: 22px;
    text-indent: 2em;
}

.colname .panel p.guys {
    text-indent: 0;
}

.pinfo p.toptitle {
    height: 25px;
    line-height: 24px;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.pinfo p.toptitle .special_sing {
    display: inline-block;
    vertical-align: middle;
    max-width: 88px;
    max-height: 20px;
    margin-right: 6px;
    margin-top: 0;
}

.pinfo p.toptitle span.icon_fhour {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 20px;
    background: url(../image/icon_fhour_tit.png) top center no-repeat;
    margin-right: 12px;
    margin-top: -2px;
}

.pinfo p.toptitle .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: 7px;
    color: #5D4ED3;
    font-size: 12px;
}

.pinfo p.toptitle .tagselfcang {
    background: #FA5F05;
    border: 1px solid #FA5F05;
    color: #fff;
}

.pinfo p.toptitle .taglight {
    border: 1px solid #ac2dc5;
    color: #ac2dc5;
}

.pinfo p.toptitle .tagcloud {
    border: 1px solid #0057ff;
    color: #0057ff;
}

.pinfo p.toptitle .tagfactory {
    border: 1px solid #b26f1f;
    color: #b26f1f;
}

.item_info .picsize {
    float: left;
    width: 1020px;
    min-height: 590px;
}

.item_info .picsize .pcs_l {
    float: left;
    width: 377px;
}

.picsize .pcs_l .pro_img {
    width: 377px;
    height: 377px;
    position: relative;
    text-align: center;
}

.picsize .pcs_l .pro_img img.special_sing {
    width: 67px;
    height: 68px;
    position: absolute;
    top: 0;
    left: 7px;
}

.picsize .pcs_l .pro_img img {
    max-width: 377px;
    max-height: 377px;
}

.picsize .pcs_l .pro_img .viewer {
    width: 400px;
    height: 400px;
    position: absolute;
    left: 378px;
    top: 0;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    display: none;
    z-index: 3;
}

.pinfo .pro_img .viewer div {
    position: absolute;
    border: 0 dashed #dcdcdc;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.picsize .pcs_l .pro_img .viewer img {
    max-width: none;
    max-height: none;
}

.item_info .picsize .pcs_r {
    float: left;
    margin-left: 20px;
    width: 623px;
}

.picsize .pcs_l .pro_img .video {
    position: absolute;
    width: 377px;
    height: 377px;
    top: 0;
    z-index: 1;
    background: #000;
}

.picsize .pcs_l .pro_img .video video {
    width: 377px;
    height: 377px;
    position: absolute;
    top: 0;
    left: 0;
}

.picsize .pcs_l .pro_img .video_begin {
    width: 68px;
    height: 68px;
    position: absolute;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -512px -91px;
    top: 154px;
    left: 154px;
}

.picsize .pcs_l .pro_img .video_begin:hover {
    cursor: pointer;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -512px -172px;
}

.picsize .pcs_l .pro_img .video_close {
    width: 36px;
    height: 36px;
    position: absolute;
    background-image: url(../image/video_close.png);
    right: 10px;
    top: 10px;
    z-index: 2;
}

.thumb_con {
    margin-top: 33px;
    margin-bottom: 40px;
    width: 377px;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.thumb_con {
    margin-bottom: 20px;
}

.thumb_con .ul_box {
    width: 348px;
    overflow: hidden;
    margin: 0 auto;
}

.thumb_con .thumb_box {
    position: relative;
}

.thumb_con .thumb_box li {
    float: left;
    margin-right: -12px;
}

.thumb_con .thumb_box li dl {
    overflow: hidden;
}

.thumb_con .thumb_box li dl dd {
    float: left;
    margin-right: 12px;
}

.thumb_con .thumb_box li dl dd a {
    display: block;
    width: 56px;
    height: 56px;
    text-align: center;
    border: 2px solid #fff;
}

.thumb_con .thumb_box li dl dd a.active {
    border-color: #f50;
}

.thumb_con .thumb_box li dl dd a:hover {
    border-color: #f50;
}

.thumb_con .thumb_box li dl dd img {
    max-width: 56px;
    max-height: 56px;
    line-height: 56px;
}

.thumb_con .pre {
    width: 6px;
    height: 10px;
    position: absolute;
    margin-top: 25px;
    cursor: pointer;
    top: 0;
    left: 0;
}

.thumb_con .pre .icon_arrow_left {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 5px 6px 5px 0;
    border-style: dashed solid dashed dashed;
    border-color: transparent #999 transparent transparent;
}

.thumb_con .pre span {
    position: absolute;
    top: 0;
    left: 2px;
    border-width: 5px 6px 5px 0;
    border-style: dashed solid dashed dashed;
    border-color: transparent #fff transparent transparent;
}

.thumb_con .pre:hover .icon_arrow_left {
    border-color: transparent #f50 transparent transparent;
}

.thumb_con .pre.active .icon_arrow_left {
    border-color: transparent #888 transparent transparent;
}

.thumb_con .next {
    width: 6px;
    height: 10px;
    position: absolute;
    margin-top: 25px;
    cursor: pointer;
    top: 0;
    right: 0;
}

.thumb_con .next .icon_arrow_right {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 5px 0 5px 6px;
    border-style: dashed solid dashed dashed;
    border-color: transparent transparent transparent #888;
}

.thumb_con .next span {
    position: absolute;
    top: 0;
    left: -2px;
    border-width: 5px 0 5px 6px;
    border-style: dashed solid dashed dashed;
    border-color: transparent transparent transparent #fff;
}

.thumb_con .next:hover .icon_arrow_right {
    border-color: transparent transparent transparent #f50;
}

.thumb_con .next.active .icon_arrow_left {
    border-color: transparent transparent transparent #e5e5e5;
}

.pro_like {
    margin-top: 40px;
    margin-left: -49px;
}

.pro_like a {
    float: left;
    margin-left: 31px;
}

.pro_like a em {
    color: #666;
}

.pro_like a span {
    width: 18px;
    height: 15px;
    display: inline-table;
    vertical-align: middle;
    background: url(../image/comdetail.png) no-repeat top center;
    margin-top: -4px;
    margin-right: 7px;
}

.pro_like a.dohdg span {
    background-position: 0 0;
}

.pro_like a.downimg span {
    background-position: -41px 0;
}

.pro_like a.wxfenx span {
    background-position: -77px -2px;
}

.pro_like a.scproduct span {
    background: url(../image/coll_shop.png) top center no-repeat;
    background-size: contain;
    width: 16px;
    height: 15px;
    vertical-align: middle;
    margin-top: -5px;
}

.pro_like a:hover em {
    color: #f50;
}

.pro_like .soutc span {
    background: url(../image/soutc-icon.png) no-repeat top center;
    background-size: 12px;
}

.price_detail {
    background-color: #FAF2EB;
    border-top: 1px solid #F50;
}

.price_detail .dttitle {
    float: left;
}

.price_detail .dttitle dt {
    color: #666;
    padding-left: 20px;
    padding-top: 22px;
    padding-bottom: 20px;
    width: 64px;
}

.price_detail .dttitle dt.first {
    padding-bottom: 0;
}

.price_detail .pri_de {
    float: left;
}

.price_detail .pri_de dd {
    float: left;
    position: relative;
}

.price_detail .pri_de dd .pri_de_price {
    padding-left: 17px;
	font-size: 34px;
    color: #f50;
}

.price_detail .pri_de dd .pri_de_price span {
    font-size: 18px;
    color: #F50;
}

.price_detail .pri_de dd .pri_de_price em {
    font-size: 34px;
    color: #F50;
}

.price_detail .pri_de dd span.price916 {
    width: 50px;
    height: 28px;
    position: absolute;
    top: 12px;
    right: -28px;
    background-size: 100% 100%;
}

.price_detail .pri_de dd span.price916 img {
    width: 100%;
    height: 100%;
}

.price_detail .pri_de dd .pri_de_num {
    float: left;
    padding-left: 17px;
    width: 153px;
    padding-top: 11px;
    padding-bottom: 20px;
}

.price_detail .prm {
    margin-top: 10px;
    padding-right: 30px;
}

.price_detail .prm span {
    float: left;
    width: 83px;
    height: 28px;
    background: url(../image/prmg.png) top center no-repeat;
    line-height: 28px;
    color: #fff;
    text-align: center;
    margin-left: -2px;
}

.price_detail .prm a {
    float: right;
    width: 70px;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    text-align: center;
    background-color: #F50;
    color: #fff;
}

.custom {
    padding: 0 0 10px 22px;
    border-bottom: 1px dashed #d0d0d0;
	float: left;
}

.custom .custom_s {
    margin-top: 10px;
}

.custom .custom_s .title {
    float: left;
    width: 48px;
    color: #666;
    text-align: left;
    margin-right: 38px;
}

.custom .custom_s .addrs {
    margin-left: 18px;
}

.custom .custom_s span.icon_1 {
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-top: -4px;
    background: url(../image/icobuy.png) top center no-repeat;
    background-position: 0 0;
}

.custom .custom_s .custom_dec {
    float: left;
}

.custom .custom_s .custom_dec span {
    margin-left: 18px;
    float: left;
}

.custom .custom_s .custom_dec span.size {
    margin-left: 0;
}

.custom .custom_s .custom_dec span.volu em {
    color: #f50;
    margin-right: 2px;
    margin-left: 2px;
}

.custom .custom_s .custom_dec span.jud em {
    color: #f50;
    margin-right: 2px;
    margin-left: 2px;
}

.custom .custom_s .custom_dec span.pview em {
    color: #666;
    margin-left: 17px;
}

.custom .custom_s .curstom_box {
    float: left;
    width: 515px;
}

.custom .custom_s span.subcou {
    color: #f50;
    float: left;
    padding: 0 8px;
    border: 1px solid #FF7029;
    margin-top: -1px;
    line-height: 18px;
    border-left: 0;
    border-right: 0;
    position: relative;
    margin-right: 3px;
    margin-bottom: 3px;
}

.custom .custom_s span.subcou i {
    background: url(../image/cart-icons.png) no-repeat top center;
    width: 2px;
    height: 19px;
    position: absolute;
    top: 0;
}

.custom .custom_s span.subcou i.bdl {
    background-position: -62px 0;
    left: 0;
}

.custom .custom_s span.subcou i.bdr {
    background-position: -66px 0;
    right: 0;
}

.custom .custom_s .subtime i {
    background: url(../image/fzzf.png) top center no-repeat;
    background-position: -606px -172px;
    width: 19px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.custom .custom_s .subtime em {
    color: #f50;
    margin-right: 2px;
}

.custom .custom_s .subtime .subjh {
    display: flex;
    margin-right: 10px;
}

.custom .custom_s .subtime .subjh em {
    color: #f50;
    margin-right: 0;
    margin-left: 3px;
}

.pro_color {
    padding-left: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #d0d0d0;
}

.pro_color .title {
    float: left;
    width: 48px;
    text-align: left;
    color: #666;
    margin-right: 16px;
    margin-top: 7px;
}

.pro_color ul {
    margin-left: 64px;
}

.pro_color a {
    float: left;
    margin-left: 20px;
    border: 1px solid #BBB;
    min-width: 30px;
    height: 30px;
    text-align: center;
    line-height: 27px;
    position: relative;
    margin-bottom: 5px;
}

.pro_color a1 {
    float: left;
    margin-left: 20px;
    border: 2px solid #f60;
    min-width: 30px;
    height: 30px;
    text-align: center;
    line-height: 27px;
    position: relative;
    margin-bottom: 5px;
}













.pro_color a em {
    display: block;
    padding: 0 4px;
    text-align: center;
    min-width: 40px;
    line-height: 32px;
}

.pro_color a span {
    display: none;
    line-height: normal;
    position: absolute;
    bottom: -28px;
    left: 0;
    padding: 2px 3px;
    color: #575757;
    border: 1px solid #767676;
    background-color: #f9f9fb;
    border-radius: 4px;
    min-width: 46px;
    z-index: 9;
    white-space: nowrap;
}

.pro_color a:hover span {
    display: block;
}

.pro_color a img {
    max-width: 30px;
    max-height: 30px;
}

.pro_color li.J_clr a {
    border: 2px solid #F50;
    margin-bottom: 4px;
    margin-top: -1px;
    margin-left: 18px;
}

.pro_size {
    padding-left: 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
}

.pro_size .title {
    color: #666;
    padding-top: 10px;
    float: left;
    width: 48px;
    margin-right: 16px;
}

.pro_size_box {
    position: relative;
}

.pro_size_box .obj_expand {
    display: block;
    position: absolute;
    bottom: -15px;
    left: 98px;
}

.pro_size_box .obj_expand a {
    display: block;
    width: 30px;
    height: 14px;
    line-height: 200;
    overflow: hidden;
    border: 1px solid #bbb;
    border-top-color: #fff;
    border-radius: 0 0 2px 2px;
}

.pro_size_box .obj_expand a i {
    top: 4px;
    right: 8px;
    height: 5px;
    overflow: hidden;
    font: 700 14px/16px simsun;
    color: #666;
    transition: transform .1s ease-in 0s;
    -webkit-transition: -webkit-transform .1s ease-in 0s;
    display: block;
    position: absolute;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
}

.pro_size_box .obj_expand a i s {
    position: relative;
    top: -9px;
    text-decoration: none;
}

.pro_size .pro_size_item {
    margin-left: 82px;
    width: 513px;
    
    overflow: hidden;
}

.pro_size .pro_size_item li {
    margin-top: 10px;
    float: left;
    min-height: 24px;
    line-height: 24px;
    max-width: 500px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ececec;
    min-width: 408px;
}

.pro_size .pro_size_item li:last-child {
    border: 0;
}

.pro_size .pro_size_item li span {
    float: left;
}

.pro_size .pro_size_item li .size_name {
    width: 80px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    margin-right: 20px;
}

.pro_size .pro_size_item li .size_name img {
    width: 30px;
    height: 30px;
}

.pro_size .pro_size_item li .size_price {
    width: 100px;
}

.pro_size .pro_size_item li .size_sale {
    width: 118px;
}

.pro_size .pro_size_item li .size_num {
    float: left;
}

.pro_size .pro_size_item li .size_num .btn {
    background-color: #F5F5F5;
    width: 22px;
    height: 22px;
    border: 1px solid #DBDBDB;
    text-align: center;
    cursor: pointer;
    line-height: 22px;
    color: #999;
}

.pro_size .pro_size_item li .size_num .btn:hover {
    color: #333;
}

.pro_size .pro_size_item li .size_num .size_input {
    position: relative;
    z-index: 0;
    width: 42px;
    height: 22px;
    border: 1px solid #DBDBDB;
    border-left: 0;
    border-right: 0;
    vertical-align: top;
    text-align: center;
    line-height: 22px;
}

.pro_size .pro_size_item li .size_num:hover .btn {
    border-color: #f50;
}

.pro_size .pro_size_item li .size_num:hover .size_input {
    border-color: #f50;
}

.proself {
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.proself p {
    position: relative;
    margin-right: 56px;
    height: 22px;
    background: #FFF6F2;
    display: flex;
    border-radius: 4px;
    color: #333;
    align-items: center;
    justify-content: center;
    padding: 0 12px 0 9px;
}

.proself p span {
    display: inline-flex;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f50;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}

.proself .triggle {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #FFF6F2;
    position: absolute;
    bottom: -5px;
    left: 30px;
}

.pro_sub {
    margin-left: 102px;
    margin-top: 16px;
    position: relative;
}

.pro_sub span {
    display: inline-block;
    margin-right: 20px;
}

.pro_sub span em {
    color: #f50;
}

.pro_sub span.total em {
    font-size: 18px;
}

.pro_sub a {
    display: inline-block;
    color: #666;
}

.pro_sub a span {
    margin-right: 6px;
}

.pro_sub a em {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #BBB;
    display: inline-block;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transition: transform .1s ease-in 0s;
    -webkit-transition: -webkit-transform .1s ease-in 0s;
}

.pro_sub_expand a em {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.pro_sub a:hover {
    color: #f50;
}

.pro_sub a:hover em {
    border-left-color: #f50;
}

.pro_sub .list-info .table-list {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.pro_sub .list-info {
    width: 621px;
    display: none;
    max-height: 330px;
    position: absolute;
    z-index: 100;
    bottom: 26px;
    right: 0;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-bottom: 0;
    background-color: #fff;
    color: #6C5858;
}

.pro_sub .list-info .table-list {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.pro_sub .list-info td {
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.pro_sub .list-info .prop {
    width: 74px;
    padding: 17px 10px;
    font-weight: 700;
}

.pro_sub .list-info .amount {
    width: 80px;
    padding: 17px 10px;
}

.pro_sub .list-info .desc {
    padding: 12px 10px;
    border-right: 0 none;
    text-align: left;
}

.pro_sub .list-info .desc li {
    float: left;
    line-height: 28px;
}

.pro_sub .list-info .desc span {
    margin-right: 6px;
    float: left;
}

.pro_sub_expand .list-info {
    display: block;
}

.pro_btn {
    margin-top: 23px;
    margin-left: 26px;
}

.pro_btn a {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 20px;
    font-size: 16px;
}

.pro_btn .order_action {
    width: 124px;
    background-color: #f50;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: 1px solid #f50;
    cursor: pointer;
}

.pro_btn .order_action:hover {
    background-color: #ff742f;
}

.pro_btn .order_action_no {
    border: 0;
}

.pro_btn .docart {
    width: 133px;
    height: 38px;
    border: 1px solid #f50;
    background-color: #fff6f2;
    color: #f50;
    border-radius: 2px;
}

.pro_btn .docart .addcart_icon {
    display: inline-block;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -534px -301px;
    width: 14px;
    height: 19px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 9px;
}

.pro_btn .cross {
    width: 120px;
    height: 38px;
    border: 1px solid #f50;
    background-color: #fff6f2;
    color: #F50;
    font-size: 16px;
    line-height: 38px;
}

.pro_btn .cross em {
    display: inline-block;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -575px -305px;
    width: 18px;
    height: 14px;
    vertical-align: middle;
    margin-right: 9px;
    margin-top: -2px;
}

.pro_btn .downimg {
    width: 120px;
    height: 38px;
    border: 1px solid #f50;
    background-color: #fff6f2;
    color: #F50;
    font-size: 16px;
    line-height: 38px;
}

.pro_btn .downimg em {
    display: inline-block;
    background: url(../image/comdetail.png) -41px 0 no-repeat;
    width: 18px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}

.pro_btn .notopen_btn {
    width: 164px;
    height: 40px;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    background-color: #ececec;
    font-size: 16px;
    color: #333;
    margin-left: -6px;
    float: left;
    line-height: 40px;
    text-align: center;
    cursor: no-drop;
}

.pro_btn .notopen_btn .icon_notrad {
    display: inline-block;
    background: url(../image/notrading.png) top center no-repeat;
    width: 19px;
    height: 18px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}

.pro_btn .order_action_no {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 20px;
    background-color: #C9C9C9;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    width: 124px;
}

.pro_btn .docart_no {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 20px;
    background-color: #C9C9C9;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    width: 124px;
}

.pro_btn .docart_no .addcart_icon {
    display: inline-block;
    background: url(../image/comdetail_cno.png) no-repeat top center;
    width: 14px;
    height: 19px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 9px;
}

.okupload {
    display: none;
}

.okupload ul {
    margin-top: 40px;
    margin-left: 4px;
}

.okupload ul li {
    margin-left: 40px;
    float: left;
    width: 73px;
    text-align: center;
}

.okupload ul li span {
    color: #333;
    font-size: 12px;
    display: block;
}

.okupload ul li i {
    display: block;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    background-image: url(../image/sharePlatSprite.png);
    background-repeat: no-repeat;
    margin-top: 6px;
    margin-bottom: 10px;
}

.okupload ul li .taobao {
    background-position: 0 0;
}

.okupload ul li .ali {
    background-position: -87px 0;
}

.okupload ul li .jd {
    background-position: 0 -89px;
}

.okupload ul li .pdd {
    background-position: -87px -89px;
}

.okupload ul li .shopee {
    background-position: -175px 0;
}

.okupload ul li .dy {
    background-position: -175px -89px;
}

.okupload ul li .ks {
    background-position: -263px 0;
}

.item_info .sidebar {
    float: right;
    margin-left: 30px;
}

.item_info .sidebar ul li {
    width: 148px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    margin-bottom: 5px;
}

.item_info .sidebar ul li a {
    display: block;
    margin: 8px 10px 8px 8px;
}

.item_info .sidebar ul li a .pic {
    display: block;
    text-align: center;
    width: 134px;
    margin: 0 auto;
}

.item_info .sidebar ul li a .pic img {
    width: 134px;
    height: 134px;
    line-height: 134px;
}

.item_info .sidebar ul li a:hover .pic img {
    opacity: .8;
    -webkit-transition: opacity ease .2s;
    -o-transition: opacity ease .2s;
    -moz-transition: opacity ease .2s;
    transition: opacity ease .2s;
}

.item_info .sidebar ul li a .desc {
    margin-top: 3px;
}

.item_info .sidebar ul li a .desc .brprice {
    height: 25px;
    line-height: 24px;
}

.item_info .sidebar ul li a .desc .brprice span {
    font-size: 18px;
    color: #f50;
}

.item_info .sidebar ul li a .desc .brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.item_info .sidebar ul li a .desc .brprice em.size {
    color: #999;
    float: right;
}

.item_info .sidebar ul li a .desc .viewpay {
    margin-top: 2px;
    color: #999;
}

.item_info .sidebar ul li a .desc .viewpay em {
    color: #f50;
}

.pro_recon p.title {
    font-size: 18px;
    line-height: 25px;
}

.pro_recon ul {
    margin-right: -12px;
}

.pro_recon ul li {
    width: 190px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
}

.pro_recon ul li a {
    display: block;
    margin: 10px;
}

.pro_recon ul li a .pic {
    display: block;
    text-align: center;
    width: 172px;
}

.pro_recon ul li a .pic img {
    width: 172px;
    height: 172px;
    line-height: 172px;
}

.pro_recon ul li a:hover .pic img {
    opacity: .8;
    -webkit-transition: opacity ease .2s;
    -o-transition: opacity ease .2s;
    -moz-transition: opacity ease .2s;
    transition: opacity ease .2s;
}

.pro_recon ul li a .desc {
    margin-top: 15px;
}

.pro_recon ul li a .desc .brprice {
    height: 25px;
    line-height: 24px;
}

.pro_recon ul li a .desc .brprice span {
    font-size: 18px;
    color: #f50;
}

.pro_recon ul li a .desc .brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.pro_recon ul li a .desc .brprice em.size {
    color: #999;
    float: right;
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_recon ul li a .desc .viewpay {
    margin-top: 2px;
    color: #999;
}

.pro_recon ul li a .desc .viewpay em {
    color: #f50;
}

.segmentbox .title {
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.segmentbox .pro_sort {
    float: left;
    width: 192px;
}

.pro_sort .pro_rank ul li {
    width: 190px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    border-top: 0;
}

.pro_sort .pro_rank ul li a {
    display: block;
    padding: 10px;
}

.pro_sort .pro_rank ul li a .pic {
    display: block;
    text-align: center;
    width: 172px;
}

.pro_sort .pro_rank ul li a .pic img {
    width: 172px;
    height: 172px;
    line-height: 172px;
}

.pro_sort .pro_rank ul li a:hover .pic img {
    opacity: .8;
    -webkit-transition: opacity ease .2s;
    -o-transition: opacity ease .2s;
    -moz-transition: opacity ease .2s;
    transition: opacity ease .2s;
}

.pro_sort .pro_rank ul li a .desc {
    margin-top: 16px;
}

.pro_sort .pro_rank ul li a .desc .brprice {
    height: 25px;
    line-height: 24px;
}

.pro_sort .pro_rank ul li a .desc .brprice .prr_score {
    color: #333;
    float: left;
}

.pro_sort .pro_rank ul li a .desc .brprice .prr_score i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #f50;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    text-align: center;
    line-height: 18px;
    margin-top: -4px;
    margin-right: 3px;
}

.pro_sort .pro_rank ul li a .desc .brprice span {
    font-size: 18px;
    color: #f50;
    float: right;
}

.pro_sort .pro_rank ul li a .desc .brprice span i {
    font-size: 14px;
    font-style: normal;
    margin-right: 2px;
}

.pro_sort .pro_rank ul li a .desc .viewpay {
    margin-top: 2px;
    color: #a6a6a6;
}

.pro_busipush {
    margin-bottom: 30px;
}

.pro_busipush p.title {
    font-size: 18px;
    line-height: 25px;
}

.pro_busipush ul {
    margin-left: -12px;
    margin-top: 10px;
}

.pro_busipush ul li {
    float: left;
    margin-left: 12px;
    border: 1px solid transparent;
    width: 390px;
    height: 196px;
    transition: all .5s ease-in-out;
}

.pro_busipush ul li a {
    display: block;
    position: relative;
}

.pro_busipush ul li .scrpage img {
    width: 392px;
    height: 198px;
    position: absolute;
    top: 0;
    left: 0;
}

.pro_busipush ul li:hover {
    border: 1px solid #f50;
}

.pro_busipush ul li:hover .scrpage {
    display: none;
}

.pro_busipush ul li:hover dl {
    display: block;
    margin: 6px 6px 6px 3px;
}

.pro_busipush ul li dl {
    display: none;
}

.pro_busipush ul li dl dd {
    float: left;
    margin-left: 3px;
}

.pro_busipush ul li dl dd a {
    width: 124px;
    height: 184px;
    overflow: hidden;
}

.pro_busipush ul li dl dd a img {
    width: auto;
    max-height: 184px;
    margin-left: -25%;
}

.pro_busipush ul li dl dd a span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 18px;
    background-color: #fff;
    border-top-right-radius: 6px;
    padding: 0 3px;
    min-width: 43px;
    color: #f50;
}

.segmentbox .pro_detail {
    float: right;
    width: 988px;
}

.segmentbox .pro_detail .pro_tab {
    border-bottom: 1px solid #F0F0F0;
}

.pro_detail .pro_tab li {
    float: left;
    border: 1px solid #F0F0F0;
    border-left: 0;
    border-bottom: 0;
    width: 135px;
    position: relative;
    height: 39px;
}

.pro_detail .pro_tab li.first {
    border-left: 1px solid #F0F0F0;
}

.pro_detail .pro_tab li.active {
    border-top: 2px solid #F50;
}

.pro_detail .pro_tab li span {
    display: block;
    text-align: center;
    line-height: 40px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 135px;
    cursor: pointer;
}

.pro_detail .pro_tab li.active span {
    top: 1px;
}

.pro_detail .pro_item {
    display: none;
}

.pro_detail .pro_att_img {
    display: block;
    padding: 16px;
}

.pro_detail .pro_att_img a[target="_blank"] {
    display: block;
    width: 956px;
    height: auto;
    margin-top: 10px;
}

.pro_detail .pro_att_img #marketbanner a[target="_blank"] {
    display: block;
    margin-top: 10px;
    width: 956px;
    height: auto;
}

.pro_att_img .pro_att {
    margin-bottom: 10px;
	padding-bottom: 130px;
}

.pro_att_img .pro_att li {
    width: 235px;
    float: left;
    padding: 4px 4px 4px 0;
    word-break: break-all;
    word-wrap: break-word;
}

.pro_att_img .pro_img {
    margin-top: 14px;
    text-align: center;
}

.pro_att_img .pro_img img {
    max-width: 954px;
    display: block;
    margin: 0 auto;
}

.pro_att_img .pro_img br {
    display: none;
}

.pro_att_img .pro_tipbf {
    margin: 10px 0;
}

.pro_att_img .pro_tipbf dt {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    background: #3bac20;
}

.pro_att_img .pro_tipbf dt strong {
    margin-left: 5px;
}

.pro_att_img .pro_tipbf dt strong span {
    font-weight: bold;
    margin-left: 25px;
}

.pro_att_img .pro_tipbf dd {
    display: block;
    padding: 10px 25px 30px;
    line-height: 25px;
    font-size: 15px;
}

.pro_att_img .pro_tipbf dd p {
    line-height: 30px;
}

.pro_att_img .pro_tipbf dd span {
    margin-left: 10px;
}

.pro_att_img .pro_tipbf .ciricon {
    display: inline-block;
    background-size: contain;
    width: 5px;
    height: 5px;
    margin-left: 10px;
    margin-bottom: 2px;
    background-color: #fff;
    border-radius: 50%;
}

.pro_att_img .pro_tipbf dd p a {
    font-weight: bold;
    color: #c21608;
}

.pro_detail .pro_batch_desc {
    padding: 16px;
}

.pro_batch_desc .details_explain .qc_title {
    height: 28px;
    line-height: 28px;
    border-bottom: solid 1px #e5e5e5;
}

.pro_batch_desc .details_explain .qc_title h3 {
    color: #c00;
    font-size: 16px;
    padding-left: 16px;
    font-weight: bold;
}

.pro_batch_desc .details_explain .qc_con {
    clear: both;
    overflow: hidden;
    padding: 15px 16px;
}

.pro_batch_desc .details_explain .qc_con p {
    font-size: 12px;
    line-height: 20px;
}

.pro_batch_desc .details_explain .qc_con .b {
    font-weight: bold;
    line-height: 30px;
}

.pro_batch_desc .qc_con ul li {
    width: 190px;
    float: left;
    padding: 10px 10px;
    text-align: center;
}

.pro_batch_desc .qc_con ul li span {
    display: block;
    width: 150px;
    height: 80px;
    background-image: url(../image/fzzf.png);
    margin: 0 auto;
    background-repeat: no-repeat;
}

.pro_batch_desc .qc_con ul li span.zfb {
    width: 64px;
    height: 64px;
    background-position: -644px -9px;
    margin: 0 auto 16px;
}

.pro_batch_desc .qc_con ul li span.wx {
    width: 64px;
    height: 65px;
    background-position: -644px -108px;
    margin: 0 auto 15px;
}

.pro_batch_desc .qc_con ul li span.bank {
    width: 74px;
    height: 47px;
    background-position: -638px -218px;
    margin: 17px auto 16px;
}

.pro_batch_desc .qc_con ul li span.xyk {
    width: 82px;
    height: 52px;
    background-position: -464px -14px;
    margin: 12px auto 16px;
}

.pro_batch_desc .qc_con ul li strong {
    display: block;
    font-size: 13px;
    text-align: center;
    line-height: 26px;
}

.pro_batch_desc .table_bdo {
    color: #FFF;
    width: 122px;
    height: 38px;
    display: block;
    font-size: 14px;
    padding-left: 5px;
    font-weight: bold;
    line-height: 38px;
    background-color: #d48e48;
}

.pro_batch_desc .qc_con table tr td p {
    padding-left: 20px;
}

.pro_batch_desc .details_explain .pfsm_title {
    height: 28px;
    line-height: 28px;
    border-bottom: solid 2px #e5e5e5;
    position: relative;
}

.pro_batch_desc .details_explain .pfsm_title::before {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 16px;
    background-color: #F50;
    top: 7px;
}

.pro_batch_desc .details_explain .pfsm_title h3 {
    color: #F50;
    font-size: 16px;
    padding-left: 16px;
    font-weight: bold;
}

.pro_batch_desc .details_explain .pfsm_con {
    padding: 0;
    margin: 40px auto;
}

.pro_batch_desc .details_explain .pfsm_con .qual {
    width: 30px;
    height: 30px;
    background-image: url(../image/fzzf.png);
    background-repeat: no-repeat;
    display: block;
}

.pro_batch_desc .details_explain .pfsm_con .qu1 {
    background-position: 0 0;
}

.pro_batch_desc .details_explain .pfsm_con .qu2 {
    background-position: 0 -50px;
}

.pro_batch_desc .details_explain .pfsm_con .qu3 {
    background-position: 0 -100px;
}

.pro_batch_desc .details_explain .pfsm_con .qu4 {
    background-position: 0 -150px;
}

.pro_batch_desc .details_explain .pfsm_con .qu5 {
    background-position: 0 -200px;
}

.pro_batch_desc .details_explain .pfsm_con .qu6 {
    background-position: 0 -250px;
}

.pro_batch_desc .details_explain .pfsm_con .qu7 {
    background-position: -50px 0;
}

.pro_batch_desc .details_explain .pfsm_con .qu8 {
    background-position: -50px -50px;
}

.pro_batch_desc .details_explain .pfsm_con .qu9 {
    background-position: -50px -100px;
}

.pro_batch_desc .details_explain .pfsm_con .qu10 {
    background-position: -50px -150px;
}

.pro_batch_desc .details_explain .pfsm_con .qu11 {
    background-position: -50px -200px;
}

.pro_batch_desc .details_explain .pfsm_con .qu12 {
    background-position: -50px -250px;
}

.pro_batch_desc .details_explain>div:nth-child(6) {
    padding-left: 40px;
    margin: 40px auto;
}

.pro_batch_desc .details_explain .pfsm_con table td {
    padding: 0 24px 18px 12px;
}

.pro_batch_desc .details_explain .pfsm_con video {
    width: 876px;
}

.segmentbox {
    margin-top: 50px;
}

.pro_sort .pro_sho_sinfo {
    border: 1px solid #f4f4f4;
    margin-bottom: 10px;
}

.pro_sho_sinfo .pss_info {
    border-bottom: 1px solid #f4f4f4;
    padding: 12px 12px 10px 12px;
    margin-bottom: 10px;
}

.pro_sho_sinfo .pss_info p {
    font-size: 16px;
    color: #333;
}

.pro_sho_sinfo .pss_info p em {
    display: inline-block;
    max-width: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.pro_sho_sinfo .pss_info p span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    background-color: #ff4800;
    margin-left: 6px;
    padding: 0 6px;
    margin-right: 8px;
    line-height: 16px;
    height: 18px;
}

.pro_sho_sinfo .pss_info .qual_box {
    margin-top: 10px;
}

.pro_sho_sinfo .pss_info .qq {
    line-height: 20px;
}

.pro_sho_sinfo .pss_info .qq span {
    color: #999;
}

.pro_sho_sinfo .pss_info .qq span.qq {
    background: url(../image/fzzf.png) top center no-repeat;
    width: 16px;
    height: 18px;
    display: inline-block;
    margin-top: 0;
    background-position: -431px -91px;
    vertical-align: top;
}

.pro_sho_sinfo .pss_info .qq img {
    margin-left: 10px;
    margin-top: -4px;
}

.pro_sho_sinfo .pss_info .more-w {
    width: 134px;
    padding: 6px 9px;
    line-height: 18px;
    color: #ff4800;
    border: 1px solid #ff4b05;
    margin-top: 11px;
    position: relative;
}

.pro_sho_sinfo .pss_info .more-w .up-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #ff4b05;
    position: absolute;
    top: -6px;
    left: 0;
}

.pro_sho_sinfo .pss_type {
    padding-top: 6px;
    border-bottom: 1px solid #f4f4f4;
    padding: 12px 12px 10px 12px;
}

.pro_sho_sinfo .pss_type p span {
    color: #999;
    display: inline-block;
    text-align: left;
}

.pro_sho_sinfo .pss_type p span.shop_t_qiye {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -470px -273px;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.pro_sho_sinfo .pss_type p {
    color: #333;
    line-height: 26px;
}

.pro_sho_sinfo .pss_type p span.ratestars {
    width: 60px;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -512px -91px;
}

.pro_sho_sinfo .pss_type p span.ratestars_1 {
    background-position: -110px 0;
}

.pro_sho_sinfo .pss_type p span.ratestars_1_1 {
    background-position: -110px -14px;
}

.pro_sho_sinfo .pss_type p span.ratestars_2 {
    background-position: -110px -26px;
}

.pro_sho_sinfo .pss_type p span.ratestars_2_1 {
    background-position: -110px -39px;
}

.pro_sho_sinfo .pss_type p span.ratestars_3 {
    background-position: -110px -52px;
}

.pro_sho_sinfo .pss_type p span.ratestars_3_1 {
    background-position: -110px -65px;
}

.pro_sho_sinfo .pss_type p span.ratestars_4 {
    background-position: -110px -78px;
}

.pro_sho_sinfo .pss_type p span.ratestars_4_1 {
    background-position: -110px -91px;
}

.pro_sho_sinfo .pss_type p span.ratestars_5 {
    background-position: -110px -104px;
}

.pro_sho_sinfo .pss_type p span.shop_t_bond {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ff5f0f;
    height: 16px;
    line-height: 16px;
    width: auto;
    margin-top: 1px;
}

.pro_sho_sinfo .pss_type p span.shop_t_bond em.bz {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -470px -303px;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.pro_sho_sinfo .pss_type p span.shop_t_bond img {
    vertical-align: top;
}

.pro_sho_sinfo .pss_type p span.shop_t_bond i {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    margin-right: 2px;
    color: #fe5600;
}

.pro_sho_sinfo .pss_bsr {
    border-bottom: 1px solid #f4f4f4;
    padding: 6px 12px 10px 12px;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc {
    float: left;
    margin-left: 14px;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .cowry {
    margin-left: 0;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc .desc_word {
    color: #333;
    margin-bottom: 5px;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc .desc_value {
    color: #959595;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc .desc_value i.upIcon {
    background: url(../image/fzzf.png) top center no-repeat;
    width: 6px;
    height: 11px;
    display: inline-block;
    background-position: -620px -91px;
    vertical-align: middle;
    margin-top: -3px;
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc .desc_value i.downIcon {
    background: url(../image/fzzf.png) top center no-repeat;
    width: 6px;
    height: 11px;
    display: inline-block;
    background-position: -609px -91px;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 2px;
    transform: rotate(180deg);
}

.pro_sho_sinfo .pss_bsr .shop_bsr .desc .desc_value span {
    color: #ff4800;
}

.pro_sho_sinfo .pss_bsr .realm_btn {
    margin-top: 10px;
}

.pro_sho_sinfo .pss_bsr .realm_btn .collt_btn {
    width: 76px;
    height: 24px;
    border: 1px solid #f50;
    float: right;
    text-align: center;
    line-height: 24px;
    color: #f50;
}

.pro_sho_sinfo .pss_bsr .realm_btn .collt_btn em {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 3px;
}

.pro_sho_sinfo .pss_bsr .realm_btn .nocollt {
    color: #f50;
    background-color: #fff;
}

.pro_sho_sinfo .pss_bsr .realm_btn .nocollt em {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -417px -137px;
}

.pro_sho_sinfo .pss_bsr .realm_btn .yescollt {
    background-color: #f50;
    color: #fff;
}

.pro_sho_sinfo .pss_bsr .realm_btn .yescollt em {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -415px -156px;
}

.pro_sho_sinfo .pss_bsr .realm_btn .shoplink {
    width: 76px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #f50;
    border: 1px solid #f50;
    margin-right: 10px;
    float: left;
}

.pro_sho_sinfo .pss_bsr .realm_btn .shoplink:hover {
    background-color: #f50;
    color: #fff;
}

.pro_sho_sinfo .pss_btn {
    padding: 12px 12px 10px 12px;
}

.pro_sho_sinfo .pss_btn a {
    width: 96px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background-color: #f50;
    margin: 0 auto;
    display: block;
}

.pro_sort .pro_skin {
    border: 1px solid #f1f1f1;
    margin-bottom: 10px;
}

.pro_sort .pro_skin .tit {
    padding: 9px 12px;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #666;
}

.pro_sort .pro_skin dl dt {
    border-top: 1px solid #f1f1f1;
    background-color: #f7f7f7;
    height: 28px;
    line-height: 28px;
    color: #666;
    font-size: 14px;
    padding-left: 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_sort .pro_skin dl dt .prs_ico_add {
    display: inline-block;
    vertical-align: middle;
    background: url(../image/prs_ico_add.jpg) top center no-repeat;
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: 10px;
}

.pro_sort .pro_skin dl a:hover {
    color: #f50;
}

.pro_sort .pro_skin dl.act dt {
    color: #666;
}

.pro_sort .pro_skin dl.act dt a {
    color: #666;
}

.pro_sort .pro_skin dl.act dt a:hover {
    color: #f50;
}

.pro_sort .pro_skin dl.act dt .prs_ico_add {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -454px -197px;
}

.pro_sort .pro_skin dl dd {
    display: none;
    background-color: #fff;
}

.pro_sort .pro_skin dl dd a {
    display: block;
    color: #666;
    font-size: 14px;
    padding: 6px 3px 6px 34px;
}

.pro_sort .pro_skin dl dd a:hover {
    background-color: #ff753e;
    color: #fff;
}

.pro_sort .pro_skin dl.act dd {
    display: block;
}

.pro_sort .pro_rank .tit {
    padding: 9px 12px;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #666;
    border: 1px solid #f1f1f1;
}

.error {
    color: red;
}

.ipt {
    border: solid 1px #d2d2d2;
    border-left-color: #ccc;
    border-top-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 #f8f8f8;
    background-color: #fff;
    padding: 4px 6px;
    line-height: 21px;
    color: #555;
    width: 180px;
    vertical-align: baseline;
}

.ipt-mini {
    width: 140px;
    padding: 1px 3px;
}

.ipt:focus {
    border-color: #95C8F1;
    box-shadow: 0 0 4px #95C8F1;
}

.theme-popover .btn {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    min-width: 52px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #ddd;
    color: #666;
    background-color: #f5f5f5;
    background: -webkit-linear-gradient(top,#F5F5F5,#F1F1F1);
    background: -moz-linear-gradient(top,#F5F5F5,#F1F1F1);
    background: linear-gradient(top,#F5F5F5,#F1F1F1);
}

.theme-popover input.btn {
    height: 29px;
}

.theme-popover .btn:hover {
    border-color: #c6c6c6;
    color: #333;
    background-color: #f8f8f8;
    background: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background: linear-gradient(top,#f8f8f8,#f1f1f1);
    box-shadow: #ddd 0 1px 1px 0;
}

.theme-popover .btn:active,.btn.btn-active {
    box-shadow: #ddd 0 1px 2px 0 inset;
    border-color: #c6c6c6;
}

.theme-popover .btn:focus {
    border-color: #4d90fe;
    outline: 0;
}

.theme-popover .btn-primary {
    border-color: #3079ED;
    color: #F3F7FC;
    background-color: #4D90FE;
    background: -webkit-linear-gradient(top,#4D90FE,#4787ED);
    background: -moz-linear-gradient(top,#4D90FE,#4787ED);
    background: linear-gradient(top,#4D90FE,#4787ED);
}

.theme-popover .btn-primary:hover {
    border-color: #2F5BB7;
    color: #fff;
    background-color: #4D90FE;
    background: -webkit-linear-gradient(top,#4D90FE,#357AE8);
    background: -moz-linear-gradient(top,#4D90FE,#357AE8);
    background: linear-gradient(top,#4D90FE,#357AE8);
}

.theme-popover .btn-primary:active,.btn-primary.btn-active {
    box-shadow: #2176D3 0 1px 2px 0 inset;
    border-color: #3079ED;
}

.theme-popover .btn-primary:focus {
    border-color: #4d90fe;
    outline: 0;
}

.theme-buy {
    margin-top: 10%;
    text-align: center;
}

.theme-gobuy,.theme-signin {
    font-size: 15px;
}

.theme-price {
    position: relative;
    bottom: -6px;
    font-family: microsoft yahei,Arial,Helvetica,sans-serif;
    margin-right: 20px;
    font-weight: bold;
    color: #f60;
    line-height: 32px;
    font-size: 24px;
    display: inline-block;
}

.theme-price dfn {
    font-style: normal;
    font-size: 18px;
    margin-right: 2px;
}

.theme-desc {
    padding: 30px;
}

.theme-version {
    padding: 30px;
}

.theme-popover-mask {
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40);
    display: none;
}

.theme-popover {
    z-index: 9999;
    position: fixed;
    left: 50%;
    width: 660px;
    height: 550px;
    margin: 0 0 0 -330px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 10px #666;
}

.theme-poptit {
    border-bottom: 1px solid #ddd;
    padding: 12px;
    position: relative;
}

.theme-popbod {
    padding: 60px 15px;
    color: #444;
    height: 148px;
}

.theme-popbom {
    padding: 15px;
    background-color: #f6f6f6;
    border-top: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    color: #666;
}

.theme-popbom a {
    margin-left: 8px;
}

.theme-poptit .close {
    float: right;
    color: #999;
    padding: 5px;
    margin: -2px -5px -5px;
    font: bold 14px/14px simsun;
    text-shadow: 0 1px 0 #ddd;
}

.theme-poptit .close:hover {
    color: #444;
}

.theme-popover .btn.theme-reg {
    position: absolute;
    top: 8px;
    left: 43%;
    display: none;
}

.inp-gray,.feed-mail-inp {
    border: 1px solid #ccc;
    background-color: #fdfdfd;
    width: 220px;
    height: 16px;
    padding: 4px;
    color: #444;
    margin-right: 6px;
}

.dform {
    padding: 80px 60px 40px;
    text-align: center;
}

.dform .ipt_error {
    background-color: #FFC;
    border-color: #FC6;
}

.dform-tip {
    display: none;
    background-color: #080;
    color: #fff;
    line-height: 42px;
    margin-top: 10px;
    font-size: 14px;
}

.dform-tip-errer {
    background-color: #CF301A;
}

.dform-tip a {
    display: inline-block;
    padding: 0 20px;
    margin-left: 10px;
    background-color: #FFE924;
    color: #CF301A;
}

.dform-login {
    padding: 0;
    height: 270px;
    overflow: hidden;
}

.dform-login iframe {
    height: 470px;
    margin-top: -180px;
}

.theme-signin {
    margin: -50px -20px -50px 0;
    text-align: left;
    font-size: 14px;
}

.theme-signin h4 {
    color: #999;
    font-weight: 100;
    margin-bottom: 20px;
    font-size: 12px;
}

.theme-signin li {
    padding-left: 80px;
    margin-bottom: 15px;
}

.theme-signin li strong {
    float: left;
    margin-left: -80px;
    width: 80px;
    text-align: right;
    line-height: 32px;
}

.theme-signin .btn {
    margin-bottom: 10px;
}

.theme-signin p {
    font-size: 12px;
    color: #999;
}

.theme-desc,.theme-version {
    padding-top: 0;
}

.shopad {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.shopad ul {
    position: absolute;
}

.shopad ul li {
    float: left;
}

.shopad ul li a {
    display: block;
    height: 300px;
}

.shopad ul li a img {
    width: 1200px;
    height: 300px;
}

.shopad .num {
    position: absolute;
    bottom: 6px;
    right: 0;
    text-align: center;
    width: 100%;
}

.shopad .num span {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: transparent;
    border: 1px solid #fff;
    margin-left: 6px;
    cursor: pointer;
    border-radius: 50%;
}

.shopad .num span.active {
    background-color: #fff;
}

.shopad .pre,.shopad .next {
    width: 24px;
    height: 48px;
    position: absolute;
    top: 126px;
    cursor: pointer;
}

.shopad .pre {
    left: 0;
    background: url(../image/prev.png) no-repeat top center;
}

.shopad .next {
    right: 0;
    background: url(../image/next.png) no-repeat top center;
}

.shopleftnav_1 {
    position: fixed;
    z-index: 19891000;
    width: 70px;
    top: 225px;
    left: 50%;
    margin-left: -774px;
    border: 1px solid #e8e8e8;
    border-right-width: 2px;
}

.shopleftnav_1 {
    -moz-box-shadow: 0 4px 14px #e8e8e8;
    -webkit-box-shadow: 0 4px 14px #e8e8e8;
    box-shadow: 0 4px 14px #e8e8e8;
}

.shopleftnav_1 .ti {
    width: 58px;
    line-height: 40px;
    text-align: center;
    color: #666;
    padding: 0 6px;
    font-weight: bold;
    background-color: #FAFAFA;
    border-bottom: 1px solid #e8e8e8;
}

.shopleftnav_1 .shop_a {
    background-color: #fff;
}

.shopleftnav_1 .shop_a a {
    text-align: center;
    line-height: 20px;
    padding: 10px 5px;
    display: block;
    color: #666;
}

.shopleftnav_1 .shop_a a span {
    width: 60px;
    height: 20px;
}

.shopleftnav_1 .shop_a a.active span {
    display: block;
}

.shopleftnav_1 .shop_a a.active span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
}

.shopleftnav_1 .shop_a a:hover span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
    display: block;
}

.shopleftnav_2 {
    position: fixed;
    z-index: 19891000;
    width: 69px;
    top: 225px;
    left: 50%;
    margin-left: -702px;
    border: 1px solid #e8e8e8;
    border-left-width: 2px;
}

.shopleftnav_2 {
    -moz-box-shadow: 0 4px 14px #e8e8e8;
    -webkit-box-shadow: 0 4px 14px #e8e8e8;
    box-shadow: 0 4px 14px #e8e8e8;
}

.shopleftnav_2 .ti {
    width: 57px;
    line-height: 40px;
    text-align: center;
    color: #666;
    font-weight: bold;
    background-color: #FAFAFA;
    padding: 0 6px;
    border-bottom: 1px solid #e8e8e8;
}

.shopleftnav_2 .shop_b {
    background-color: #fff;
}

.shopleftnav_2 .shop_b a {
    text-align: center;
    line-height: 20px;
    padding: 10px 5px;
    display: block;
    color: #666;
}

.shopleftnav_2 .shop_b a span {
    width: 59px;
    height: 20px;
}

.shopleftnav_2 .shop_b a.active span {
    display: block;
}

.shopleftnav_2 .shop_b a.active span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
}

.shopleftnav_2 .shop_b a:hover span {
    background-color: #F50;
    border-radius: 10px;
    color: #fff;
    display: block;
}

@media screen and (max-width:1500px) {
    .shopleftnav_1,.shopleftnav {
        margin-left: -662px;
    }

    .shopleftnav_2,.shopleftnav_b {
        margin-left: -591px;
    }
}

@media screen and (min-width:1500px) and (max-width:1575px) {
    .shopleftnav_1,.shopleftnav {
        margin-left: -746px;
    }

    .shopleftnav_2,.shopleftnav_b {
        margin-left: -675px;
    }
}

.sale_nav {
    margin-top: 25px;
}

.sale_nav a {
    float: left;
    width: 276px;
    margin-right: 32px;
    position: relative;
}

.sale_nav a.last {
    margin-right: 0;
}

.sale_nav a .pic {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    position: relative;
    top: 0;
    left: 0;
}

.sale_nav a:hover .pic {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sale_nav a .pic img {
    width: 276px;
    height: 176px;
}

.sale_nav a .keypic {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sale_nav a .keypic p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
}

.sale_nav a:hover .keypic {
    display: block;
    opacity: 1;
    position: relative;
}

.shopfloor .hd {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #f50;
    margin-top: 30px;
    border-bottom: 0;
}

.shopfloor .hd span {
    width: 41px;
    height: 29px;
    float: left;
    margin-right: 14px;
}

.shopfloor .hd .sha_icon {
    background: url(../image/aqu.png) no-repeat top center;
}

.shopfloor .hd .shb_icon {
    background: url(../image/bqu.png) no-repeat top center;
}

.shopfloor .bd {
    background-color: #f5f5f5;
    padding-bottom: 12px;
    margin-top: 14px;
}

.shopfloor .bd a {
    float: left;
    width: 286px;
    height: 304px;
    margin-top: 12px;
    margin-left: 11px;
    background-color: #fff;
}

.shopfloor .bd a .pic {
    width: 286px;
    overflow: hidden;
}

.shopfloor .bd a .pic img {
    width: 380px;
    height: 140px;
}

.shopfloor .bd a:hover .pic img {
    transform: translateX(-74px);
    -webkit-transform: translateX(-74px);
    -moz-transform: translateX(-74px);
}

.shopfloor .bd a .shop_name {
    margin-top: 12px;
    padding: 0 9px;
    line-height: 24px;
}

.shopfloor .bd a .shop_name span {
    float: left;
    font-size: 16px;
    color: #28272b;
    max-width: 128px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.shopfloor .bd a .shop_name .addr {
    height: 12px;
    padding: 0 7px;
    margin-left: 8px;
    line-height: 12px;
    color: #ff5602;
    display: inline-block;
}

.shopfloor .bd a .shop_name .age {
    width: 38px;
    height: 12px;
    line-height: 12px;
    color: #ff5602;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #ff5602;
    color: #fff;
    text-align: center;
    margin-left: -4px;
}

.shopfloor .bd a .qual_box {
    margin-top: 6px;
    padding: 0 9px;
    height: 20px;
    position: relative;
}

.shopfloor .bd a .qual_box img {
    display: inline-block;
}

.shopfloor .bd a .qual_box span {
    position: absolute;
    top: -4px;
    right: 4px;
    background: url(../image/folno.png) center no-repeat;
    width: 16px;
    height: 16px;
    padding: 6px;
}

.shopfloor .bd a .qual_box span.folyes {
    background: url(../image/folyes.png) center no-repeat;
}

.shopfloor .bd a .info {
    margin-top: 7px;
    padding: 0 9px;
}

.shopfloor .bd a .info p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.shopfloor .bd a .info span {
    color: #b2b2b2;
    width: 70px;
    text-align: left;
    float: left;
}

.shopfloor .bd a .info p i {
    font-style: normal;
    color: #f00;
}

.shopfloor .bd a .coupon {
    margin-top: 12px;
    padding: 0 9px;
}

.shopfloor .bd a .coupon span {
    float: left;
    text-align: center;
    width: 129px;
    line-height: 20px;
    height: 20px;
    color: #fff;
    border-left: 0;
}

.shopfloor .bd a .coupon span.brn {
    margin-right: 9px;
}

.shopfloor .bd a .coupon span {
    background: url(../image/coupon_s_bg.png) top center no-repeat;
}

.qcc-market-bg {
    background-color: #F6F6F6;
}

.shop-ports {
    margin-top: 38px;
}

.shop-ports .pit {
    width: 80px;
    height: 28px;
    font-size: 20px;
    font-weight: 800;
    color: rgba(51,51,51,1);
    line-height: 28px;
    margin-bottom: 19px;
}

.shop-ports ul {
    margin-left: -20px;
}

.shop-ports ul li {
    margin-left: 20px;
    position: relative;
    width: 285px;
    float: left;
}

.shop-ports ul li a {
    display: block;
}

.shop-ports ul li .pic {
    position: relative;
    width: 285px;
    height: 264px;
    display: block;
}

.shop-ports ul li .pic img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.shop-ports ul li .sideBox {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
    height: 65px;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(0,0,0,0.68) 45%,rgba(255,255,255,0) 100%);
    text-align: center;
    opacity: 1;
}

.shop-ports ul li .sideBox h3 {
    font-size: 22px;
    line-height: 36px;
    color: #fff;
    letter-spacing: 3px;
}

.shop-ports ul li .sideBox p {
    line-height: 20px;
    font-size: 14px;
    color: #fff;
}

.shop-ports ul li .desc {
    background: #FFF;
    border: 1px solid #EDEDED;
    border-top: none 0;
    padding: 13px 10px 0;
    display: none;
}

.shop-ports ul li .desc .shop_name {
    line-height: 24px;
}

.shop-ports ul li .desc .shop_name .shop-t {
    float: left;
    font-size: 16px;
    color: #28272b;
    max-width: 128px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.shop-ports ul li .desc .shop_name .age {
    width: 38px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #fff;
    color: #f50;
    text-align: center;
    margin-left: 16px;
}

.shop-ports ul li .desc .shop_name .age i {
    font-style: normal;
    background-color: #f50;
    color: #fff;
    float: left;
}

.shop-ports ul li .desc .shop_name .fol {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
}

.shop-ports ul li .desc .shop_name .folno {
    background: url(../image/folno.png) center no-repeat;
}

.shop-ports ul li .desc .shop_name .folyes {
    background: url(../image/folyes.png) center no-repeat;
}

.shop-ports ul li .desc .qual_box {
    margin-top: 6px;
    height: 20px;
    position: relative;
}

.shop-ports ul li .desc .qual_box img {
    display: inline-block;
}

.shop-ports ul li .tips {
    width: 60px;
    height: 24px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    top: 5px;
    right: -2px;
}

.shop-ports ul li .tips_d {
    background: url(../image/tips_d.png) top center no-repeat;
}

.shop-ports ul li .tips_g {
    background: url(../image/tips_g.png) top center no-repeat;
}

.shop-ports ul li .desc .camp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    margin-top: 12px;
}

.shop-ports ul li .desc .camp span {
    color: #999;
    text-align: left;
    float: left;
}

.shop-ports ul li .desc .padd {
    height: 32px;
    border-top: 1px solid #f0f0f0;
    margin-top: 6px;
    line-height: 32px;
}

.shop-ports ul li .desc .padd span.radd {
    color: #999;
    float: left;
}

.shop-ports ul li .desc .padd span.radd {
    width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop-ports ul li .desc .padd span.radd i {
    float: left;
    width: 10px;
    height: 13px;
    margin-right: 5px;
    margin-top: 9px;
    background: url(../image/shop-addr.png) top center no-repeat;
}

.shop-ports ul li .desc .padd .num {
    float: right;
    color: #999;
}

.shop-ports ul li .desc .padd .num i {
    font-style: normal;
    color: #F50;
    margin: 0 2px;
}

.shop-ports ul li .desc .padd .num em {
    font-style: normal;
    color: #666;
}

.shop-ports ul li:hover {
    box-shadow: 0 2px 5px rgb(255,85,0,.35);
    -webkit-transition: all ease 150ms;
    transition: all ease 150ms;
}

.shop-ports ul li:hover .pic img {
    border: 1px solid #F50;
}

.shop-ports ul li:hover .desc {
    border: 1px solid #F50;
    border-top: none 0;
    transition: transform .2s linear;
}

.shop-ports ul li:hover .sideBox {
    opacity: 1;
    transition: all .2s ease;
}

.caterow {
    background-color: #FFF;
    border: 1px solid #F0F0F0;
    margin-top: 30px;
}

.caterow .c-tabs {
    background-color: #F0F0F0;
    height: 46px;
    text-align: center;
}

.caterow .c-tabs li {
    width: 149px;
    line-height: 46px;
    color: #666;
    float: left;
    cursor: pointer;
}

.caterow .c-tabs li a {
    color: #666;
    display: block;
}

.caterow .c-tabs li:hover a {
    color: #f50;
}

.caterow .c-tabs li.active {
    color: #F50;
    background-color: #FFF;
}

.caterow .c-tabs li.active a {
    color: #f50;
}

.caterow .c-tabs li.rig-tips {
    width: 72px;
    float: right;
    margin-top: -6px;
}

.caterow .c-tabs li.rig-tips a {
    display: block;
    background: url(../image/gsmr.png) top center no-repeat;
    height: 36px;
}

.c-filter {
    padding: 0 20px;
}

.c-filter .row-left {
    line-height: 46px;
    width: 40px;
    color: #999;
    float: left;
    text-align: left;
}

.c-filter .group-row {
    border-top: 1px solid #F0F0F0;
    line-height: 46px;
}

.c-filter .group-row ul {
    float: left;
    width: 1080px;
}

.c-filter .group-row li {
    float: left;
    margin-right: 15px;
}

.c-filter .group-row li a {
    display: inline-block;
    min-width: 34px;
    color: #666;
    line-height: 20px;
    height: 20px;
    text-align: center;
    padding: 0 8px;
}

.c-filter .group-row li a i {
    font-style: normal;
    display: none;
    color: transparent;
    background: url(../image/delx-icons.png) center no-repeat;
}

.c-filter .group-row li a:hover {
    background-color: #F50;
    color: #fff;
}

.c-filter .group-row li.active a {
    background-color: #F50;
    color: #fff;
}

.c-filter .group-row li.active a i {
    display: inline-block;
    margin-left: 6px;
}

.c-filter .group-row:first-child {
    border-top: 0;
}

.c-filter .group-row .morew {
    border-color: #e8e8e8;
    color: #888;
    width: 48px;
    height: 12px;
    padding: 5px 0;
    overflow: hidden;
    border: solid 1px #e8e8e8;
    text-align: center;
    float: right;
    line-height: 11px;
    margin-top: 11px;
    margin-right: -10px;
}

.c-filter .group-row .morew .sarrow-b {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    margin-top: -2px;
    margin-left: 2px;
    vertical-align: middle;
    display: inline-block;
    width: 12px;
    height: 6px;
    overflow: hidden;
}

.c-filter .group-row .morew .sarrow-b i {
    float: left;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 6px transparent;
    border-top-color: #aaa;
}

.c-filter .group-row .morew .sarrow-b em {
    float: left;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 6px transparent;
    margin-top: -13px;
    border-top-color: #fff;
}

.c-filter .group-row .morew:hover span {
    color: #f50;
}

.c-filter .group-row .morew:hover .sarrow-b i {
    border-top-color: #f50;
}

.c-filter .group-row .featuresFour {
    background: #f5f5f5;
}

.c-filter .group-row .featuresFour .sarrow-b {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.s-sort {
    margin-top: 8px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    margin-bottom: 30px;
}

.s-sort dl {
    float: left;
}

.s-sort dl dd {
    float: left;
    width: 85px;
}

.s-sort dl dd a {
    color: #666;
    text-align: center;
    display: block;
}

.s-sort dl dd a em {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    width: 11px;
    height: 13px;
}

.s-sort dl dd.up a em {
    background: url(../image/up-arrow1.png) top center no-repeat;
    margin-top: -3px;
}

.s-sort dl dd.down a em {
    background: url(../image/down-arrow1.png) top center no-repeat;
}

.s-sort dl dd.active {
    background-color: #F50;
}

.s-sort dl dd.active a {
    color: #fff;
}

.s-sort dl dd.active.up a em {
    background: url(../image/up-arrow2.png) top center no-repeat;
}

.s-sort dl dd.active.down a em {
    background: url(../image/down-arrow2.png) top center no-repeat;
}

.s-sort ul {
    float: left;
    border-left: 1px solid #F0F0F0;
}

.s-sort ul li {
    float: left;
    margin-left: 36px;
    cursor: pointer;
}

.s-sort ul li a {
    display: block;
}

.s-sort ul li .check_box {
    display: none;
    vertical-align: middle;
    width: 12px;
    height: 10px;
    background: url(../image/s_check_box.png) top center no-repeat;
    margin-right: 3px;
}

.s-sort ul li .spq_icon {
    display: inline-block;
    color: #666;
    vertical-align: middle;
}

.s-sort ul li .spq_icon img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -3px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.s-sort ul li.active .check_box {
    display: inline-block;
}

.s-sort ul li.active .spq_icon {
    color: #F50;
}

.s-sort ul li.active .spq_icon img {
    -webkit-filter: inherit;
    -moz-filter: inherit;
    -ms-filter: inherit;
    -o-filter: inherit;
    filter: inherit;
    filter: inherit;
}

.s-foor .hd {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #f50;
    margin-bottom: 24px;
}

.s-foor .hd span {
    width: 41px;
    height: 29px;
    float: left;
    margin-right: 14px;
}

.s-foor .hd .sha_icon {
    background: url(../image/aqu.png) no-repeat top center;
}

.s-foor .hd .shb_icon {
    background: url(../image/bqu.png) no-repeat top center;
}

.s-foor .bd {
    margin-left: -20px;
}

.s-foor .bd li {
    float: left;
    background-color: #fff;
    border: 1px solid #F0F0F0;
    margin-left: 20px;
    width: 283px;
    margin-bottom: 20px;
    position: relative;
}

.s-foor .bd li:hover {
    border: 1px solid #F50;
    box-shadow: 0 2px 5px rgb(255,85,0,.35);
    -webkit-transition: all ease 150ms;
    transition: all ease 150ms;
}

.s-foor .bd .shop-info {
    display: block;
    border-bottom: 1px solid #F4F4F4;
    padding: 0 14px 9px;
}

.s-foor .bd .shop-info .shop_name {
    line-height: 24px;
    margin-top: 15px;
}

.s-foor .bd .shop-info .shop_name .shop-t {
    float: left;
    font-size: 16px;
    color: #28272b;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.s-foor .bd .shop-info .shop_name .age {
    width: 38px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #ff5602;
    display: inline-block;
    background-color: #fff;
    color: #f50;
    text-align: center;
    margin-left: 8px;
    vertical-align: middle;
}

.s-foor .bd .shop-info .shop_name .age i {
    font-style: normal;
    background-color: #f50;
    color: #fff;
    float: left;
}

.s-foor .bd .shop-info .shop_name .addr {
    height: 12px;
    margin-left: 7px;
    line-height: 12px;
    color: #ff5602;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    max-width: 82px;
}

.s-foor .bd .fol {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
    position: absolute;
    top: 15px;
    right: 9px;
    cursor: pointer;
}

.s-foor .bd .folno {
    background: url(../image/folno.png) center no-repeat;
}

.s-foor .bd .folyes {
    background: url(../image/folyes.png) center no-repeat;
}

.s-foor .bd .shop-info .qual_box {
    margin-top: 6px;
    height: 22px;
    position: relative;
}

.s-foor .bd .shop-info .qual_box img {
    display: inline-block;
}

.s-foor .bd .shop-info .qual_box .tips {
    width: 60px;
    height: 24px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    line-height: 28px;
    position: absolute;
    top: -2px;
    right: -18px;
}

.s-foor .bd .shop-info .qual_box .tips_d {
    background: url(../image/tips_d.png) top center no-repeat;
}

.s-foor .bd .shop-info .qual_box .tips_g {
    background: url(../image/tips_g.png) top center no-repeat;
}

.s-foor .bd .shop-info .camp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    margin-top: 10px;
}

.s-foor .bd .shop-info .camp span {
    color: #999;
    text-align: left;
    float: left;
}

.s-foor .bd .shop-info .num {
    color: #999;
    margin-top: 10px;
}

.s-foor .bd .shop-info .num span i {
    font-style: normal;
    color: #f50;
}

.s-foor .bd .shop-info .num span em {
    font-style: normal;
    color: #666;
}

.s-foor .bd .shop-info .num .num-left {
    float: left;
}

.s-foor .bd .shop-info .num .num-rig {
    float: right;
}

.s-foor .bd .s-pro {
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    padding: 0 14px;
}

.s-foor .bd .s-pro-ova {
    overflow: hidden;
}

.s-foor .bd .s-pro-a {
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    width: 348px;
    margin-left: -6px;
}

.s-foor .bd .s-pro-a a {
    float: left;
    width: 81px;
    margin-left: 6px;
}

.s-foor .bd .s-pro-a a img {
    width: 81px;
    height: 81px;
    box-sizing: border-box;
}

.s-foor .bd .s-pro-a a:hover img {
    border: 1px solid #f50;
}

.s-foor .bd .s-pro-ahover {
    transform: translateX(-87px);
    -webkit-transform: translateX(-87px);
    -moz-transform: translateX(-87px);
}

.s-foor .bd .s-pro .next {
    position: absolute;
    top: 50%;
    right: -2px;
    width: 15px;
    height: 39px;
    margin-top: -19px;
    opacity: .8;
    background: url(../image/next-arrow.png) top center no-repeat;
    cursor: pointer;
}

.s-foor .bd li:hover .s-pro .next {
    opacity: 1;
    background: url(../image/lig-next-arrow.png) top center no-repeat;
}

.s-foor .bd .s-btns {
    border-top: 1px solid #F4F4F4;
    margin-top: 14px;
    padding: 18px 14px 22px;
}

.s-foor .bd .s-btns a {
    width: 120px;
    height: 29px;
    line-height: 28px;
    text-align: center;
    float: left;
    border: 1px solid transparent;
    font-size: 14px;
    border-radius: 2px;
}

.s-foor .bd .s-btns .s-apply {
    border-color: #2786FF;
    color: #2786FF;
}

.s-foor .bd .s-btns .s-entry {
    border-color: #F50;
    color: #F50;
    margin-left: 11px;
}

.s-foor .bd .s-btns a:hover {
    opacity: .5;
}

.s-foor .bd li .popup {
    position: absolute;
    top: 139px;
    z-index: 99;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #F0F0F0;
    display: none;
}

.s-foor .bd li .popup .arrowicon {
    position: absolute;
    top: 6px;
    width: 8px;
    height: 12px;
    background: url(../image/arrowicon.png) top center no-repeat;
}

.s-foor .bd li .popup .arroleft {
    left: -8px;
}

.s-foor .bd li .popup .arroright {
    right: -8px;
    transform: rotate(180deg);
}

.s-foor .bd li .popup .popic {
    width: 150px;
    height: 150px;
    display: block;
}

.s-foor .bd li .popup .popic img {
    width: 100%;
    height: 100%;
}

.s-foor .bd li .popup .pir {
    margin-top: 10px;
    line-height: 20px;
}

.s-foor .bd li .popup .pir span {
    float: left;
    color: #f50;
}

.s-foor .bd li .popup .pir span em {
    font-style: normal;
    font-size: 14px;
}

.s-foor .bd li .popup .pir i {
    font-style: normal;
    color: #666;
    float: right;
}

.shopleftnav {
    width: 70px;
    background-color: #fff;
    border: 1px solid #F50;
    display: block;
}

.shopleftnav {
    position: fixed;
    z-index: 19891000;
    top: 225px;
    left: 50%;
    margin-left: -774px;
}

.shopleftnav_b {
    margin-left: -698px;
    top: 225px;
}

.shopleftnav .sn-top {
    width: 70px;
    height: 30px;
    background: #F50;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #fff;
}

.shopleftnav .sn-shelf {
    padding: 9px 0 13px;
    text-align: center;
}

.shopleftnav .sn-left {
    float: left;
}

.shopleftnav .sn-rig {
    float: right;
}

.shopleftnav .sn-shelf a {
    display: inline-block;
    background-color: #F6F6F6;
    width: 64px;
    height: 24px;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-top: 4px;
}

.shopleftnav .sn-shelf a.active {
    background-color: #f50;
    color: #fff;
}

.shopleftnav .sn-shelf a:hover {
    background-color: #f50;
    color: #fff;
}

.qcc_tops {
    margin-top: 32px;
}

.qcc_tops .logo {
    width: 200px;
    height: 80px;
    float: left;
    margin-right: 70px;
}

.qcc_tops .logo img {
    max-width: 200px;
    max-height: 80px;
}

.qcc_tops .sch_box {
    float: left;
    position: relative;
}

.qcc_tops .sch_box .stab li {
    float: left;
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 2px 2px 0 0;
    color: #666;
    font-size: 12px;
    cursor: pointer;
    background-color: #F2F2F2;
}

.qcc_tops .sch_box .stab li.active {
    background-color: #F50;
    color: #fff;
    margin-right: 2px;
}

.qcc_tops .sch_box .sch_box_input #keywords {
    border: 1px solid #FA5F05;
    float: left;
    width: 512px;
    line-height: 38px;
    height: 38px;
    padding-left: 26px;
}

.qcc_tops .sch_box .sch_box_input .sch_icon {
    position: absolute;
    top: 39px;
    left: 10px;
    width: 12px;
    height: 12px;
    background: url(../image/sch_icon.png);
    background-size: 100% 100%;
}

.qcc_tops .sch_box .sch_box_input #submits {
    float: left;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #F50;
    border: 0 none;
}

.qcc_tops .sch_box .sch_box_input .sch_input_side {
    float: left;
    margin-left: 16px;
    width: 124px;
}

.qcc_tops .sch_box .sch_box_input .sch_input_side p {
    color: #999;
    line-height: 16px;
    margin-bottom: 5px;
}

.qcc_tops .sch_box .sch_box_input .sch_input_side a {
    display: block;
    font-size: 14px;
    color: #F50;
    text-decoration: underline;
}

.qcc_tops .sch_box .hot {
    margin-top: 6px;
}

.qcc_tops .sch_box .hot a {
    color: #999;
    float: left;
    margin-right: 16px;
}

.qcc_tops .mobile_web {
    float: right;
    width: 98px;
    height: 108px;
    border: 1px solid #EBEBEB;
}

.qcc_tops .mobile_web img {
    margin: 5px auto 5px;
    max-width: 80px;
    max-height: 80px;
    display: block;
}

.qcc_tops .mobile_web p {
    color: #999;
    text-align: center;
    margin: 0 5px 8px;
}

.s_navTab {
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
}

.s_navTab .s_n_fr {
    float: right;
}

.s_navTab .s_n_fr li {
    float: left;
    margin-left: 24px;
}

.s_navTab .s_n_fr li a {
    color: #666;
}

.s_navTab .s_n_fr li a:hover {
    color: #f50;
}

.s_navTab .s_n_fl {
    float: left;
    margin-left: -20px;
}

.s_navTab .s_n_fl li {
    float: left;
    font-size: 14px;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
}

.s_navTab .s_n_fl li a {
    color: #333;
    position: relative;
}

.s_navTab .s_n_fl li a .icon {
    position: absolute;
}

.s_navTab .s_n_fl li a .icon_ping {
    width: 10px;
    height: 18px;
    background: url(https://g1.17qcc.com/2018/shop//images/icon_ping.png) top center no-repeat;
    top: 0;
    right: 0;
    background-size: 100% 100%;
    top: -8px;
    right: -12px;
}

.s_navTab .s_n_fl li a .icon_hot {
    width: 15px;
    height: 18px;
    background: url(../image/shop_icon.png) 0 -21px no-repeat;
    top: -9px;
    right: -13px;
}

.s_navTab .s_n_fl li a:hover {
    color: #f50;
}

.s_navTab .s_n_fl li span {
    position: absolute;
    width: 1px;
    background-color: #ccc;
    height: 10px;
    top: 0;
    right: 0;
    margin-top: 15px;
}

.s_navTab .s_n_fl li.active a {
    color: #F50;
}

.coupon_list {
    margin: 15px 0;
    background: #efeff4;
    padding: 10px;
}

.coupon_list li {
    padding: 5px;
    float: left;
    width: 24%;
}

.coupon_list li.disabled a p {
    background-color: #BDBDBD;
}

.coupon_list li.disabled a p:after {
    content: '已领取';
}

.coupon_list li a {
    display: block;
    background-size: auto 4px;
    padding-top: 4px;
    background-image: url(../image/coupon.png);
}

.coupon_list li a div {
    background-color: #fff;
    overflow: hidden;
    text-align: center;
}

.coupon_list li a div h2 {
    font-size: 12px;
    color: #f50;
    line-height: 22px;
    margin-top: 10px;
}

.coupon_list li a div h2 strong {
    font-size: 20px;
}

.coupon_list li a div h2 span {
    color: #666;
    margin-left: 10px;
}

.coupon_list li a div h3 {
    font-size: 10px;
    color: #999;
    margin-top: 10px;
}

.coupon_list li a div p {
    margin-top: 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #f50;
    color: #fff;
    font-size: 12px;
}

.coupon_list li a div p:after {
    content: '立即领取';
}

.Image_upload {
    height: 500px;
    position: relative;
    display: none;
}

.Image_upload .im_hd {
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    color: #333;
    padding-left: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.Image_upload .im_hd span {
    display: inline-block;
    margin-right: 10px;
    background: url(../image/pic_icon.jpg) no-repeat top center;
    width: 22px;
    height: 22px;
    margin-top: 14px;
    vertical-align: top;
}

.Image_upload ul {
    padding: 0 15px;
}

.Image_upload ul li {
    height: 48px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.Image_upload ul li p {
    line-height: 48px;
    color: #333;
    padding-right: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 18px;
}

.Image_upload ul li a {
    position: absolute;
    width: 76px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #fa5f05;
    top: 8px;
    right: 0;
    border-radius: 6px;
    transition: transform .2s linear;
}

.Image_upload ul li a:hover {
    background-color: #dc5304;
}

.Image_upload ul li span {
    position: absolute;
    top: 24px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #ccc;
}

.Image_upload .closeBtn {
    font-size: 18px;
    color: #fff;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    bottom: -32px;
    left: 50%;
    margin-left: -40px;
    background-color: #fa5f05;
    border-radius: 6px;
}

#sub_join {
    margin: 10px 40px;
}

#sub_join label {
    height: 40px;
    line-height: 40px;
    width: 60px;
    float: left;
    text-align: right;
    margin-right: 10px;
}

#sub_join .txt {
    height: 40px;
    width: 178px;
    line-height: 40px;
    margin-bottom: 10px;
    border: 1px solid #d2d2d2;
    padding: 0 8px;
    border-radius: 6px;
}

#sub_join .btn {
    background-color: #f50;
    border: 1px solid #f50;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-left: 70px;
    width: 178px;
}

.crumb {
    padding-top: 20px;
    line-height: 22px;
}

.crumb a {
    float: left;
}

.crumb .vbarrow {
    float: left;
    margin-right: 3px;
    margin-left: 3px;
}

.crumb .vbarrow i {
    height: 5px;
    overflow: hidden;
    font: 700 14px/16px simsun;
    color: #ccc;
    display: block;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: inline-block;
}

.crumb .cattext {
    float: left;
    margin-right: 3px;
}

.crumb a.icon_tag {
    min-width: 87px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #bbb;
    text-align: center;
    margin-left: 10px;
    padding-left: 6px;
    background-color: #fff;
}

.crumb a.icon_tag:hover {
    border-color: #f50;
}

.crumb a.icon_tag:hover i {
    background-color: #F50;
    color: #fff;
}

.crumb a.icon_tag span {
    color: #999;
    padding-right: 6px;
}

.crumb a.icon_tag i {
    font-style: normal;
    color: #bbb;
    float: right;
    top: -1px;
    height: 22px;
    width: 22px;
    line-height: 20px;
    font-size: 16px;
}

.pro_detail .pro_tab li span .ico_new {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 22px;
    height: 18px;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -454px -225px;
}

.pro_detail .pro_complaint .pro_com_b {
    padding-top: 36px;
    padding-left: 16px;
    padding-right: 30px;
}

.pro_com_b .noti {
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #fff;
    background-color: #f50;
    padding-left: 22px;
}

.pro_com_b .noti i {
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    background: url(../image/ico_noti.png) top center no-repeat;
    margin-right: 14px;
    margin-top: 6px;
}

.pro_com_b .pro_com_f {
    margin-top: 52px;
}

.pro_com_b .pro_com_f .item {
    margin-bottom: 30px;
}

.pro_com_b .pro_com_f .item .left {
    font-size: 14px;
    color: #9d9d9d;
    float: left;
    width: 100px;
    margin-right: 10px;
    text-align: right;
}

.pro_com_b .pro_com_f .item .left i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../image/ico_notir.png);
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -4px;
}

.pro_com_b .pro_com_f .item .left p {
    font-size: 12px;
    margin-right: 8px;
}

.pro_com_b .pro_com_f .item .item_ul {
    margin-left: -14px;
    float: left;
    margin-top: -2px;
    width: 846px;
}

.pro_com_b .pro_com_f .item .item_ul li {
    float: left;
    margin-left: 14px;
    min-width: 144px;
    padding: 0 2px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #d1d1d1;
    color: #666;
    text-align: center;
    margin-bottom: 14px;
}

.pro_com_b .pro_com_f .item .item_ul li a {
    display: block;
}

.pro_com_b .pro_com_f .item .item_ul li.act {
    border: 1px solid #f50;
    background: url(../image/ico_plact.png) right bottom no-repeat;
}

.pro_com_b .pro_com_f .item textarea {
    width: 500px;
    height: 250px;
    border: 1px solid #d1d1d1;
    resize: none;
    padding: 10px;
}

.pro_com_b .pro_com_f .item textarea:focus {
    outline-color: #f50;
}

.pro_com_b .pro_com_f .item .upload {
    margin-left: 110px;
}

.pro_com_b .pro_com_f .item .upload img {
    width: 126px;
    height: 92px;
}

.pro_com_b .pro_com_f .item .upload p {
    color: #9d9d9d;
    margin-top: 14px;
}

.pro_com_b .pro_com_f .item .sub {
    display: block;
    width: 144px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #f50;
    color: #fff;
    margin-left: 66px;
}

.pro_com_b .pro_com_f .item .sub:hover {
    background-color: #f77f43;
}

.cart_link .cart_item {
    background-color: #fff;
    width: 480px;
    height: 428px;
}

.cart_link .cart_item .tip {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #f4f4f4;
}

.cart_link .cart_item .tip a {
    float: left;
    margin: 11px 8px 0 11PX;
    width: 82px;
    height: 20px;
    border-radius: 2px;
    text-decoration: none;
    text-indent: -9999px;
    background: url(../image/logo_i.png) 0 0 no-repeat;
    background-size: 78px 20px;
}

.cart_link .cart_item .tip span {
    float: left;
    font-size: 16px;
    color: #666;
}

.cart_link .cart_item .tip .close {
    float: right;
    width: 16px;
    height: 16px;
    background: url(../image/lo_close.png) top center no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
    margin-top: 14px;
    cursor: pointer;
}

.cart_link .cart_item .btn_area {
    padding: 0 10px 0;
}

.cart_link .cart_item .btn_area .viewport {
    margin-top: 28px;
    margin-bottom: 40px;
    text-align: center;
}

.cart_link .cart_item .btn_area .viewport span.icon_cart_ok {
    display: inline-block;
    vertical-align: middle;
    width: 58px;
    height: 58px;
    background: url(../image/icon_cart_ok.png) top center no-repeat;
    margin-right: 18px;
}

.cart_link .cart_item .btn_area .viewport .rig {
    display: inline-block;
    vertical-align: middle;
}

.cart_link .cart_item .btn_area .viewport .rig p {
    font-size: 20px;
    color: #f50;
}

.cart_link .cart_item .btn_area .viewport .rig em {
    font-size: 14px;
    color: #666;
    display: block;
    text-align: left;
}

.cart_link .cart_item .btn_area .viewport .rig em i {
    font-style: normal;
    color: #f50;
}

.cart_link .cart_item .btn_area .btn {
    text-align: center;
    padding-bottom: 26px;
    border-bottom: 1px solid #f0f0f0;
}

.cart_link .cart_item .btn_area .btn a {
    display: inline-block;
    vertical-align: middle;
}

.cart_link .cart_item .btn_area .btn a.conpur {
    color: #fff;
    width: 112px;
    height: 26px;
    line-height: 26px;
    background-color: #f50;
}

.cart_link .cart_item .btn_area .btn a.accout {
    color: #f50;
    border: 1px solid #ffe4d6;
    background-color: #ffe4d6;
    width: 110px;
    height: 24px;
    line-height: 24px;
    margin-left: 20px;
    position: relative;
}

.cart_link .cart_item .btn_area .btn a.accout .next {
    width: 6px;
    height: 10px;
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 25px;
}

.cart_link .cart_item .btn_area .btn a.accout .next .icon_arrow_right {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 5px 0 5px 6px;
    border-style: dashed solid dashed dashed;
    border-color: transparent transparent transparent #f50;
}

.cart_link .cart_item .btn_area .btn a.accout .next span {
    position: absolute;
    top: 0;
    left: -2px;
    border-width: 5px 0 5px 6px;
    border-style: dashed solid dashed dashed;
    border-color: transparent transparent transparent #ffe4d6;
}

.cart_link .cart_item .btn_area .btn a.accout .next:hover .icon_arrow_right {
    border-color: transparent transparent transparent #f50;
}

.cart_link .cart_item .btn_area .btn a.accout .next.active .icon_arrow_left {
    border-color: transparent transparent transparent #e5e5e5;
}

.cart_link .cart_item .btn_area .btn a.accout:hover {
    border: 1px solid #f50;
}

.cart_link .cart_item .hot_inner {
    padding: 0 10px;
}

.cart_link .cart_item .hot_inner .hd {
    line-height: 22px;
    margin-top: 15px;
    margin-bottom: 12px;
}

.cart_link .cart_item .hot_inner .hd h3 {
    font-size: 14px;
    color: #666;
    float: left;
}

.cart_link .cart_item .hot_inner .hd .tryi {
    color: #999;
    float: right;
    margin-right: 73px;
}

.cart_link .cart_item .hot_inner .swiper-container {
    height: 203px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul {
    margin-left: -5px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li {
    float: left;
    margin-left: 5px;
    position: relative;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a {
    display: block;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a span.pic {
    width: 110px;
    height: 110px;
    overflow: hidden;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a span.pic img {
    width: 110px;
    height: 110px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a span.hoi {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 14px;
    color: #fff;
    background-color: #f01d25;
    line-height: 14px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a .brprice {
    font-size: 14px;
    color: #f50;
    margin-top: 6px;
    line-height: 20px;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a .brprice i {
    font-size: 12px;
    font-style: normal;
}

.cart_link .cart_item .hot_inner .swiper-slide ul li a .size {
    color: #999;
}

.cart_link .cart_item .hot_inner .swiper-pagination-fraction {
    width: 30px;
    bottom: 168px;
    left: 405px;
}

.cart_link .cart_item .hot_inner .swiper-pagination-fraction .swiper-pagination-current {
    color: #f50;
}

.cart_link .cart_item .hot_inner .swiper-button-next {
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    background-position: top center;
    top: 43px;
    background-image: url(../image/Next_slide.png);
}

.cart_link .cart_item .hot_inner .swiper-button-prev {
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    background-position: top center;
    top: 43px;
    left: 392px;
    background-image: url(../image/Previous_slide.png);
}

.shop_factory {
    background-color: #F5F5F8;
}

.shop_factory .sf {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.shop_factory .sf_top {
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
    font-weight: bolder;
}

.shop_factory .sf_main {
    padding: 40px 50px;
}

.shop_factory .sf_main_pos {
    position: relative;
}

.shop_factory .basic_left {
    float: left;
    width: 438px;
    padding-right: 60px;
    color: #8c8c8c;
}

.shop_factory .basic_middle {
    border-right: 1px dashed #DBDBDB;
    position: absolute;
    height: 100%;
    left: 498px;
}

.shop_factory .basic_right {
    float: left;
    padding-left: 60px;
}

.shop_factory .basic_right p {
    margin-bottom: 20px;
}

.shop_factory .basic_right span a {
    color: #f50;
}

.shop_factory .factory_left {
    width: 498px;
    float: left;
}

.shop_factory .factory_left1 {
    margin-right: 68px;
    width: 430px;
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
}

.shop_factory .factory_left2 {
    margin-right: 68px;
    width: 430px;
    margin-bottom: 20px;
}

.shop_factory .factory_left2 img {
    display: inline-block;
    vertical-align: middle;
}

.shop_factory .factory_left2 span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    margin-right: 15px;
}

.shop_factory .factory_left2 .font_1 {
    color: #333;
    font-weight: bolder;
    font-size: 16px;
}

.shop_factory .factory_left3 {
    margin-right: 68px;
    width: 430px;
    border-bottom: 1px dashed #bbb;
    margin-bottom: 20px;
}

.shop_factory .factory_left4 {
    height: 60px;
    line-height: 20px;
    color: #373737;
}

.shop_factory .factory_left4 .font_2 {
    font-size: 14px;
}

.shop_factory .factory_right {
    width: 600px;
    float: left;
    height: 307px;
    position: relative;
}

.shop_factory .factory_right1 {
    width: 600px;
    height: 40px;
    position: absolute;
    bottom: 0;
}

.shop_factory .factory_right1 span {
    margin-right: 1px;
    float: left;
    width: 149px;
    height: 40px;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.shop_factory .factory_right1 span:nth-child(4) {
    width: 150px;
    margin-right: 0;
}

.shop_factory .factory_right1 span.active {
    background-color: #f50;
}

.shop_factory .factory_right span img {
    width: 600px;
    height: 307px;
}

.shop_factory .aptitude {
    width: 242px;
    height: 362px;
    float: left;
    text-align: center;
    font-size: 14px;
    margin-right: 40px;
}

.shop_factory .aptitude:nth-child(4n) {
    margin-right: 0;
}

.shop_factory .aptitude img {
    width: 240px;
    height: 320px;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.shop_factory .real_scene {
    width: 242px;
    height: 322px;
    float: left;
    text-align: center;
    font-size: 14px;
    margin-right: 40px;
    margin-bottom: 40px;
}

.shop_factory .real_scene:nth-child(4n) {
    margin-right: 0;
}

.shop_factory .real_scene img {
    width: 240px;
    height: 320px;
    border: 1px solid #f0f0f0;
}

.w1200.pro_nav .shcbox #keywords {
    width: 318px;
}

.sliderban {
    height: 336px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

.sliderban ul {
    font-size: 0;
    position: absolute;
    width: 100%;
}

.sliderban li {
    width: 100%;
    height: 336px;
    text-align: center;
    line-height: 336px;
    float: left;
}

.sliderban .pre i,.sliderban .next i {
    width: 8px;
    height: 13px;
    display: block;
    margin: 17px 8px;
}

.sliderban .pre i,.sliderban .next i {
    background-image: url(../image/sprites.png);
    background-repeat: no-repeat;
}

.sliderban .pre i {
    background-position: -8px -124px;
}

.sliderban .next i {
    background-position: 0 -124px;
}

.sliderban .pre,.sliderban .next {
    z-index: 99999;
    width: 24px;
    height: 48px;
    opacity: .5;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    cursor: pointer;
    background-color: rgba(0,0,0,.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000',endColorstr='#4d000000',GradientType=0);
}

.sliderban .pre {
    left: 50px;
}

.sliderban .next {
    right: 50px;
}

.sliderban .num {
    position: absolute;
    bottom: 4px;
    left: 0;
    border-radius: 0;
    padding: 0;
    font-size: 0;
    width: 100%;
    text-align: center;
    z-index: 99999;
    margin-right: -4px;
}

.sliderban .num span {
    width: 196px;
    height: 30px;
    display: inline-block;
    background-color: #fff;
    margin: 0 0 0 4px;
    cursor: pointer;
    background-color: rgba(0,0,0,0.2);
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.sliderban .num span.active {
    background-color: rgba(0,0,0,0.55);
}

.sliderban li a {
    position: relative;
    display: inherit;
    width: 100%;
    max-width: 100%;
    height: 336px;
}

.sliderban li .smallbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.sliderban li .smallbg img {
    width: 100%;
    height: 336px;
}

.sliderban .npbg {
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    min-width: 1200px;
    height: 336px;
    z-index: 9;
}

.sliderb-nav1200 {
    margin-top: 10px;
    margin-bottom: 20px;
    height: 74px;
}

.sliderb-nav1200 span {
    width: 190px;
    height: 76px;
    float: left;
    margin-left: 12px;
    background: url(../image/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(../image/slib-arrow.png) top center no-repeat;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -7px;
}

.market_map {
    margin-left: -20px;
}

.market_map li {
    float: left;
    width: 285px;
    height: 140px;
    margin-left: 20px;
}

.market_map li a {
    display: block;
}

.market_map li a img {
    width: 100%;
    height: 100%;
}

.market_map li a:hover img {
    opacity: .8;
}

.related_w {
    border: 1px solid #f0f0f0;
    padding: 12px 17px;
    background-color: #fff;
    font-size: 12px;
    line-height: 18px;
}

.related_w dt {
    float: left;
    color: #999;
    white-space: nowrap;
    margin-right: 25px;
}

.related_w dd {
    color: #333;
    margin-left: 61px;
}

.related_w dd a {
    float: left;
    white-space: nowrap;
    margin-right: 22px;
    padding: 2px 5px;
    margin-bottom: 0;
}

.related_w dd a.active {
    color: #fff;
    background-color: #f60;
}

.sort_row {
    border: 1px solid #f0f0f0;
    background-color: #fff;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.sort_row a {
    float: left;
    padding: 11px 16px;
    text-align: center;
}

.sort_row a.active {
    background-color: #f60;
    color: #fff;
}

.sort_row a .low {
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px;
    background: url(../image/sort_arrow.png) no-repeat;
    background-position: 0 0;
    width: 5px;
    height: 12px;
    margin-top: -2px;
}

.sort_row a.active .low {
    background-position: 0 -13px;
}

.listBox .s_item {
    position: relative;
}

.listBox .s_item .looktop {
    position: absolute;
    left: 0;
    top: 0;
    width: 68px;
    text-align: right;
}

.listBox .s_item .looktop span {
    margin-right: 10px;
    color: #fff;
    font-size: 18px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
}

.listBox .s_item .ltop_1 {
    height: 25px;
    background: url(../image/ltop_1.png) top center no-repeat;
}

.listBox .s_item .ltop_2 {
    height: 25px;
    background: url(../image/ltop_2.png) top center no-repeat;
}

.listBox .s_item .ltop_3 {
    height: 25px;
    background: url(../image/ltop_3.png) top center no-repeat;
}

.listBox .s_item .ltop_4 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_5 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_6 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_7 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_8 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_9 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_10 {
    height: 25px;
    background: url(../image/ltop_4.png) top center no-repeat;
}

.listBox .s_item .ltop_10 span {
    margin-right: 5px;
}

.pro_guess .hothd {
    height: 26px;
    border-bottom: 2px solid #ccc;
    line-height: 26px;
}

.pro_guess .hothd span {
    font-size: 18px;
    color: #333;
    float: left;
}

.pro_guess .hothd .floor-tab-li {
    float: left;
    margin-left: 16px;
}

.pro_guess .hothd .floor-tab-li span {
    height: 26px;
    line-height: 26px;
    padding: 0 13px;
    float: left;
}

.pro_guess .hothd .floor-tab-li span a {
    display: block;
    font-size: 14px;
    color: #666;
}

.pro_guess .hothd .floor-tab-li span:hover a {
    border-bottom: 2px solid #f50;
}

.pro_guess .hothd .floor-tab-li span:hover a {
    color: #f50;
}

.pro_guess .hothd .floor-tab-li span.active a {
    border-bottom: 2px solid #f50;
}

.pro_guess .hothd .floor-tab-li span.active a {
    color: #f50;
}

.pro_guess .floor-tab-con ul {
    display: none;
}

.pro_guess ul {
    margin-left: -25px;
    visibility: hidden;
}

.pro_guess .active {
    visibility: visible;
}

.pro_guess ul li {
    float: left;
    width: 218px;
    margin-left: 25px;
    margin-top: 15px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
}

.pro_guess ul li {
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    transition: border .3s ease;
    position: relative;
}

.pro_guess ul li:hover {
    border-color: #f60;
}

.pro_guess ul li a {
    display: block;
    position: relative;
}

.pro_guess ul li a span {
    display: block;
    width: 218px;
    height: 220px;
    overflow: hidden;
}

.pro_guess ul li a span.pic img {
    width: 218px;
    height: 220px;
}

.pro_guess ul li:hover span.pic img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.pro_guess ul li span.icon_1 {
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-top: -4px;
    background: url(../image/icobuy.png) top center no-repeat;
    background-position: 0 0;
    position: absolute;
    right: 6px;
    bottom: 6px;
}

.pro_guess ul li span.s916bs {
    width: 67px;
    height: 68px;
    position: absolute;
    top: 0;
    left: 3px;
    background: url(../image/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(../image/cart-icons.png) 0 -41px no-repeat;
}

.pro_guess ul li .desc .padd .ricon {
    float: right;
    width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_guess ul li .desc .padd .ricon img {
    max-width: 20px;
    max-height: 20px;
    display: inline-block;
}

.pro_guess ul li .desc .padd .ricon a {
    display: inline-block;
}

.pro_guess ul li span.realtime {
    width: 48px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f50;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    border-bottom-right-radius: 8px;
    color: #fff;
}

.pro_guess ul li span.new_identity {
    width: 48px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff2020;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    border-bottom-right-radius: 8px;
    color: #fff;
}

.skuinfo {
    position: relative;
}

.pro_color ul {
    width: 458px;
    float: left;
    margin-left: 0;
}

.skuinfo .phoneprice:hover .link-qrcode {
    color: #f50;
    background-position: -734px -294px;
}

.skuinfo .phoneprice {
    position: absolute;
    top: -32px;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

.skuinfo .phoneprice .link-qrcode {
    width: auto;
    height: auto;
    border: 0;
    padding: 10px 0 0 28px;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -734px -261px;
    margin-left: 0;
}

.skuinfo .phoneprice .qrcode-detail {
    top: 30px;
    position: absolute;
    right: 0;
    bottom: inherit;
    z-index: 11;
    width: 175px;
    border: 1px solid #ddd;
    background-color: #fff;
    zoom: 1;
    display: none;
}

.skuinfo .phoneprice .qrcode-guide {
    width: 173px;
    padding-top: 162px;
    background: url(../image/guide.jpg) no-repeat top center;
    float: left;
}

.skuinfo .phoneprice .qrcode-guide p {
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #000;
}

.skuinfo .phoneprice .qrcode-scan {
    width: 174px;
    border-left: 1px solid #ddd;
    float: left;
}

.skuinfo .phoneprice .qrcode-scan img {
    display: block;
    overflow: hidden;
    padding: 12px 12px 0;
    max-width: 150px;
    max-height: 150px;
}

.skuinfo .phoneprice .qrcode-scan p {
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #000;
}

.sale_item a {
    float: left;
    width: 285px;
    height: 140px;
    margin-right: 20px;
}

.sale_item a.last {
    margin-right: 0;
}

.sale_item a img {
    width: 100%;
    height: 100%;
}

.sale_item a:hover img {
    opacity: .8;
}

.pro_bargain {
    padding: 30px 15px;
}

.pro_bargain table {
    width: 100%;
    border-spacing: 0;
}

.pro_bargain table thead {
    background: #f7f7f7;
    width: 100%;
}

.pro_bargain table thead tr th {
    border: 0;
    border-bottom: 2px solid #f50;
    height: 30px;
    line-height: 30px;
    color: #f50;
    font-size: 14px;
    text-align: left;
    padding-left: 23px;
}

.pro_bargain table tbody tr.odd td {
    background: #fff;
}

.pro_bargain table tbody tr.even td {
    background: #f7f7f7;
}

.pro_bargain table tbody tr td {
    padding: 30px 0 30px 23px;
}

.pro_bargain table tbody tr td.buyer-sku span {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 30px;
    margin-right: 10px;
    background: #dcdcdc;
    line-height: 56px;
    text-align: center;
    float: left;
}

.pro_bargain table tbody tr td.buyer-sku span img {
    max-width: 60px;
    max-height: 60px;
    width: unset;
}

.pro_bargain table tbody tr td.buyer-sku .t {
    float: left;
    margin-top: 12px;
}

.pro_bargain table tbody tr td.buyer-sku .t .sku {
    color: #f50;
}

.pro_bargain table tbody tr td.trade-sku .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 26px;
}

.pro_bargain table tbody tr td.trade-sku .item span {
    flex: 1;
}

.pro_bargain table tbody tr td.trade-sku .item span:first-child {
    flex: 1.5;
}

.pro_detail .pro_tab li em {
    position: absolute;
    background: #f50;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    color: #fff;
    line-height: 30px;
    top: -15px;
    right: -15px;
    text-align: center;
}

.fctips {
    padding: 23px 26px 0;
}

.fct-l-icon span {
    float: left;
    background: url(../image/full-cart.png) top center no-repeat;
    width: 45px;
    height: 45px;
    margin-right: 20px;
    margin-top: 4px;
}

.fct-l-icon .p1 {
    font-size: 22px;
    color: #f50;
}

.fct-l-icon .p2 {
    font-size: 18px;
    color: #999;
}

.fctips .fct-btns {
    margin-top: 24px;
}

.fctips .fct-btns a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    border-radius: 3px;
}

.fctips .fct-btns .gocart {
    width: 128px;
    height: 44px;
    line-height: 42px;
    border: 1px solid #999;
    color: #666;
    margin-left: 64px;
}

.fctips .fct-btns .goacc {
    width: 130px;
    height: 46px;
    line-height: 44px;
    background-color: #f50;
    color: #fff;
    margin-left: 16px;
}

.fctips .fct-btns .gocart:hover {
    background-color: #fdf7f4;
    border: 1px solid #c63;
    color: #f50;
}

.item_info .rankbox .tab-bar {
    float: left;
}

.item_info .rankbox .tab-bar li {
    float: left;
    width: 82px;
    text-align: left;
    margin-right: 16px;
    cursor: pointer;
    position: relative;
    height: 24px;
}

.item_info .rankbox .tab-bar li {
    color: #666;
}

.item_info .rankbox .tab-bar li em {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -18px;
    width: 36px;
    height: 1px;
    background-color: #F50;
    display: none;
}

.item_info .rankbox .tab-bar li.active {
    color: #F00;
}

.item_info .rankbox .tab-bar li.active em {
    display: block;
}

.item_info .rankbox .slike {
    float: right;
}

.item_info .rankbox .slikele {
    float: left;
    margin-left: 12px;
}

.item_info .rankbox .slike a {
    float: left;
    color: #666;
}

.item_info .rankbox .slike a span {
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 4px;
}

.item_info .rankbox .slikele a {
    width: 118px;
    height: 34px;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_info .rankbox .slikele a .sxicon {
    font-size: 20px;
    margin-right: 3px;
}

.item_info .rankbox .slikele a:hover {
    border: 1px solid #F4B09B;
    background-color: #fff5f1;
    color: #f50;
}

.item_info .rankbox .slike .soutc {
    margin-right: 20px;
}

.item_info .rankbox .slike .soutc span {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -415px -197px;
}

.item_info .rankbox .slikele .soutc span {
    width: 29px;
    background-position: -721px -358px;
    height: 24px;
}

.item_info .rankbox .slike .scproduct span {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -415px -221px;
}

.item_info .rankbox .slike a:hover {
    color: #f50;
}

.item_info .rankcont {
    display: none;
    position: relative;
}

.item_info .rankcont .hovs1 {
    position: absolute;
    top: -20px;
    left: 0;
    width: 80px;
    height: 24px;
    cursor: pointer;
}

.item_info .rankcont .hovs2 {
    position: absolute;
    top: -20px;
    left: 98px;
    width: 80px;
    height: 24px;
    cursor: pointer;
}

.item_info .rankcont.active {
    display: block;
}

.item_info .rankcont .top {
    padding: 10px 0;
    text-align: center;
    color: #666;
}

.item_info .rankcont .top i {
    font-style: normal;
}

.item_info .rankcont .top .ratetype {
    margin-left: 20px;
}

.item_info .rankcont .top .ratetype i {
    color: #f50;
}

.item_info .rankcont .chart {
    width: 385px;
    height: 125px;
}

.pro_btn .toolkit {
    float: left;
    position: relative;
}

.pro_btn .toolkit .toola {
    width: 120px;
    height: 38px;
    border: 1px solid #f50;
    background-color: #fff6f2;
    color: #F50;
    font-size: 16px;
    line-height: 38px;
    position: relative;
    z-index: 2;
}

.pro_btn .toolkit .toola em {
    display: inline-block;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -608px -303px;
    width: 17px;
    height: 18px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}

.pro_btn .toolkit .toola span {
    display: inline-block;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -418px -243px;
    width: 13px;
    height: 9px;
    vertical-align: middle;
    margin-left: 4px;
    margin-top: -2px;
    transition: all .1s ease-in;
}

.pro_btn .toolkit .toola i {
    border-radius: 0 0 8px 8px;
    position: absolute;
    width: 16px;
    height: 10px;
    background: url(../image/toold_down_icon.png) center no-repeat #fff6f2;
    background-size: auto 6px;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    display: none;
    z-index: 2;
    transform: rotate(180deg);
}

.pro_btn .toolkit .tooltop {
    display: none;
    width: 120px;
    position: absolute;
    bottom: 39px;
    left: 20px;
    background-color: #fff;
    border: 1px solid #f50;
    z-index: 1;
    padding: 12px 0 0;
    margin-left: 0;
    margin-top: 0;
}

.pro_btn .toolkit .tooltop a {
    width: 92px;
    font-size: 12px;
    padding: 0 5px;
    background-color: #FFFDFC;
    border-radius: 2px;
    border: 0;
    text-align: center;
    height: 36px;
    line-height: 36px;
    float: none;
    display: block;
    margin: 0 auto 12px;
}

.pro_btn .toolkit .tooltop a span {
    width: 16px;
    width: 16px;
    margin-left: 5px;
    margin-top: 0;
}

.pro_btn .toolkit .tooltop a.dohdg span {
    width: 16px;
    height: 16px;
    display: inline-table;
    vertical-align: middle;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -505px -304px;
    margin-top: -4px;
    margin-right: 7px;
}

.pro_btn .toolkit .tooltop a.downimg span {
    background: url(../image/fzzf.png) no-repeat;
    background-position: -505px -271px;
}

.pro_btn .toolkit .tooltop a.downimg em {
    height: auto;
    width: auto;
    margin-right: 0;
    background: 0;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    line-height: normal;
}

.pro_btn .toolkit .tooltop a.dowxpic span {
    background: url(../image/dowxpic.png) top center no-repeat;
}

.pro_btn .toolkit .tooltop a.dshare span {
    background: url(../image/dshare.png) top center no-repeat;
}

.pro_btn .toolkit .tooltop a.dquick span {
    background: url(../image/dquick.png) top center no-repeat;
}

.pro_btn .toolkit .tooltop a:hover {
    background-color: #FFF6F6;
}

.pro_btn .toolkit .tooltop a:hover em {
    color: #f50;
}

.pro_btn .toolkit:hover .toola {
    border-top: 1px solid transparent;
}

.pro_btn .toolkit:hover .toola span {
    transform: rotate(180deg);
}

.pro_btn .toolkit:hover .tooltop {
    display: block;
}

.pro_recon ul li a {
    position: relative;
}

.pro_recon ul li a .tuijian {
    position: absolute;
    top: 0;
    left: -5px;
    width: 33px;
    height: 24px;
    background: url(../image/fzzf.png) no-repeat;
    background-position: -473px -197px;
}

@media screen and (max-width:1410px) {
    .w1400 {
        width: 1210px;
    }
}

@media screen and (max-width:1229px) {
    .w1400 {
        width: 1050px;
    }

    .pro_nav .nav_title {
        margin-left: 8px;
    }

    .w1200 {
        width: 1050px;
    }

    .sho_nav .shcbox #keywords {
        width: 171px;
    }

    .item_info .picsize {
        width: 890px;
    }

    .item_info .picsize .pcs_r {
        width: 505px;
        margin-left: 8px;
    }

    .pro_color ul {
        width: 340px;
    }

    .pro_size .pro_size_item {
        margin-left: 0;
    }

    .item_info .sidebar {
        margin-left: 10px;
    }

    .pro_btn {
        margin-left: 0;
    }

    .pro_btn a {
        margin-left: 6px;
    }

    .pro_btn .order_action {
        width: 114px;
    }

    .pro_btn .cross {
        width: 114px;
    }

    .pro_btn .downimg {
        width: 114px;
    }

    .pro_recon ul {
        margin-right: -7px;
    }

    .pro_recon ul li {
        width: 167px;
        margin-right: 7px;
    }

    .pro_recon ul li a {
        margin: 5px;
    }

    .pro_recon ul li a .pic {
        width: 157px;
    }

    .pro_recon ul li a .pic img {
        width: 157px;
        height: 157px;
        line-height: 157px;
    }

    .segmentbox .pro_detail {
        width: 850px;
    }

    .pro_detail .pro_att_img img {
        max-width: 100%;
    }

    .pro_detail .pro_att_img a[target="_blank"] {
        width: 100%;
        background-size: 100% 100%;
    }

    .pro_batch_desc .details_explain .pfsm_con img {
        max-width: 100%;
    }

    .pro_batch_desc .details_explain .pfsm_con video {
        width: 100%;
    }

    .pro_com_b .pro_com_f .item .item_ul {
        width: 708px;
    }

    .w1200.pro_nav .shcbox #keywords {
        width: 255px;
    }

    .fixedtool {
        right: 46px!important;
    }

    .sliderb-nav1200 {
        height: 68px;
    }

    .sliderb-nav1200 span {
        margin-left: 5px;
        width: 170px;
        height: 68px;
        background-size: 100% 100%;
    }

    .sliderb-nav1200 span img {
        max-width: 100%;
        max-height: 100%;
    }

    .s_item .shopins {
        width: 178px;
    }

    .s_item .shoppic {
        margin-left: 10px;
    }

    .s_item .shopins .detail_btn a {
        width: 80px;
        margin-right: 7px;
    }
}

.qsc_wrap {
    padding-bottom: 60px;
}

.qsc_wrap img {
    width: 100%;
    height: auto;
}

.qsc_wrap {
    background-color: #20c1f7;
    width: 100%;
    min-width: 320px;
}

.qsc_flo .hd {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    padding: 20px 0 10px;
}

.qsc_flo .hd span {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
}

.qsc_flo .hd .hd_left {
    background: url(../image/titile_left.png) no-repeat top center;
    background-size: 100% 100%;
    width: 40px;
    margin-right: 15px;
}

.qsc_flo .hd .hd_right {
    background: url(../image/titile_right.png) no-repeat top center;
    background-size: 100% 100%;
    width: 28px;
    margin-left: 10px;
}

.qsc_flo ul {
    padding: 0 6px;
}

.qsc_flo ul li {
    float: left;
    width: 32.33%;
    margin-right: 1.5%;
    margin-top: 10px;
    background: #fff;
}

.qsc_flo ul li:nth-child(3n) {
    margin-right: 0;
}

.qsc_flo ul li a {
    display: block;
}

.qsc_flo ul li a span.pic {
    width: 100%;
    position: relative;
    padding-top: 100%;
    display: block;
}

.qsc_flo ul li a span.pic img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.qsc_pro ul li a {
    padding-bottom: 6px;
    display: block;
}

.qsc_pro ul li a p.title {
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    height: 24px;
    line-height: 24px;
    text-align: left;
    padding-left: 2px;
    text-align: left;
}

.qsc_pro ul li a .price {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    padding: 0 2px;
    color: #f90f32;
}

.qsc_pro ul li a .price span {
    font-size: 12px;
    font-weight: bold;
}

.qsc_pro ul li a .buybtn {
    background: #f90f32;
    color: #fff;
    font-size: 12px;
    display: block;
    width: 95%;
    margin: 0 auto;
    text-align: center;
    margin-top: 4px;
    line-height: 18px;
}

.qsc_pro ul li a .buybtn em.buyicon {
    background: url(../image/buy_icon.png) no-repeat top center;
    height: 14px;
    width: 16px;
    background-size: contain;
    margin-top: 2px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: top;
}

.qsc_pro ul li a .buybtn em.accnext {
    background: url(../image/accnext_icon.png) no-repeat top center;
    height: 10px;
    width: 9px;
    background-size: contain;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
}

.qsc_shop ul li a .dk_mes p.title {
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    height: 24px;
    line-height: 24px;
    text-align: left;
    padding-left: 2px;
    text-align: center;
}

.qsc_shop ul li a .dk_mes {
    background: url(../image/dk_bg.jpg) top center no-repeat;
    background-size: cover;
    padding-bottom: 5px;
}

.qsc_shop ul li a .dk_mes .dec {
    font-size: 12px;
    color: #fff;
    padding-left: 2px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.qsc_shop ul li a .dk_mes p.coupon {
    font-size: 12px;
    padding-left: 2px;
    text-align: center;
}

.qsc_shop ul li a .dk_mes p.coupon em {
    display: block;
    color: #fdd306;
}

.qsc_shop ul li a .dk_mes p.coupon span {
    font-size: 12px;
    color: #fff;
    padding: 2px 9px;
    display: inline-block;
    background-color: #fdd306;
    border-radius: 16px;
    margin-top: 3px;
}

@media screen and (min-width:360px) {
    .qsc_shop ul li a .dk_mes p.title {
        font-size: 16px;
    }

    .qsc_pro ul li a p.title {
        font-size: 14px;
    }

    .qsc_pro ul li a .fesmf_price span {
        font-size: 16px;
    }
}

.mloader {
    width: 100px;
    height: 200px;
    margin: 0 auto;
}

.loadEffect {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -10px;
}

.loadEffect i {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #630606;
    position: absolute;
}

.loadEffect i.lo_1 {
    top: 25px;
    left: 0;
    -webkit-animation: loadEffect 1s ease 0s infinite;
    animation: loadEffect 1s ease 0s infinite;
}

.loadEffect i.lo_2 {
    top: 17px;
    left: 17px;
    -webkit-animation: loadEffect 1s ease -0.12s infinite;
    animation: loadEffect 1s ease -0.12s infinite;
}

.loadEffect i.lo_3 {
    top: 0;
    left: 25px;
    -webkit-animation: loadEffect 1s ease -0.24s infinite;
    animation: loadEffect 1s ease -0.24s infinite;
}

.loadEffect i.lo_4 {
    top: -17px;
    left: 17px;
    -webkit-animation: loadEffect 1s ease -0.36s infinite;
    animation: loadEffect 1s ease -0.36s infinite;
}

.loadEffect i.lo_5 {
    top: -25px;
    left: 0;
    -webkit-animation: loadEffect 1s ease -0.48s infinite;
    animation: loadEffect 1s ease -0.48s infinite;
}

.loadEffect i.lo_6 {
    top: -17px;
    left: -17px;
    -webkit-animation: loadEffect 1s ease -0.6s infinite;
    animation: loadEffect 1s ease -0.6s infinite;
}

.loadEffect i.lo_7 {
    top: 0;
    left: -25px;
    -webkit-animation: loadEffect 1s ease -0.72s infinite;
    animation: loadEffect 1s ease -0.72s infinite;
}

.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;
    }
}

.qcc-uploader {
    position: relative;
    left: -4px;
}

.qcc-uploader .uploader-list {
    width: auto;
}

.qcc-uploader .uploader-list .thumbnail {
    width: 20%;
    margin-bottom: 4px!important;
}

.qcc-uploader .uploader-list .thumbnail a {
    display: block;
    overflow: hidden;
    height: 100px;
}

.qcc-uploader .webPicPicker {
    float: left;
    position: relative;
    width: 20%;
    display: block;
    line-height: 1.4;
    background: #fff;
    border: 1px dashed #D2D1D6;
    border-radius: 2px;
    color: #ccc;
    font-size: 13px;
    text-align: center;
    margin: 4px;
    cursor: pointer;
}

.qcc-uploader .webPicPicker .icon-plus {
    width: 32px;
    height: 32px;
    display: block;
    margin: 10px auto;
}

.qcc-uploader .file-item {
    margin: 0!important;
}

.qcc-uploader .file-item .file-panel {
    top: 4px;
    right: 4px;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
}

.qcc-uploader .file-item .file-panel span {
    background: rgba(0,0,0,.5);
    border-radius: 2px;
    color: #fff;
    width: 20px!important;
    height: 20px!important;
    line-height: 20px!important;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    display: block;
}

.qcc-uploader .uploader-list .thumbnail,.qcc-uploader .webPicPicker {
    width: 100px!important;
    height: 100px!important;
}

.webuploader-container {
    position: relative;
}

.webuploader-element-invisible {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
}

.webuploader-pick {
    width: 100%;
    display: block;
    cursor: pointer;
    overflow: hidden;
    height: 100px;
}

.webuploader-pick-disable {
    opacity: .6;
    pointer-events: none;
}

.qcc-uploader .thumbnail {
    width: 33.333333%;
    min-height: 90px;
    max-width: 100px;
    overflow: hidden;
}

.qcc-uploader .thumbnail img,.uploader-list {
    width: 100px;
}

.file-item {
    float: left;
    position: relative;
    margin: 0 0 10px;
    padding: 4px;
}

.file-item .error {
    position: absolute;
    top: 4px;
    left: 4px;
    background: red;
    color: #fff;
    line-height: 22px;
}

.file-item .info {
    position: absolute;
    left: 4px;
    bottom: 4px;
    line-height: 20px;
    text-indent: 5px;
    background: rgba(0,0,0,.6);
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 10;
}

.file-item div.file-panel {
    z-index: 300;
    overflow: hidden;
    position: absolute;
    right: -5px;
    top: -5px;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
}

.file-item div.file-panel span {
    cursor: pointer;
    color: #fff;
    margin: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    display: table;
    background: #d9534f;
    border-radius: 50%;
}

.file-item div.file-panel span .fa {
    color: #fff;
}

.file-item.thumbnail {
    border: 0;
    border-radius: 0;
}

.file-item .progress {
    position: absolute;
    right: 4px;
    bottom: 4px;
    left: 4px;
    height: 4px;
    overflow: hidden;
    z-index: 15;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: 0;
}

.file-item .progress span {
    display: block;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: url() repeat-x #06BD01;
    -webit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    -o-transition: width .2s linear;
    -ms-transition: width .2s linear;
    transition: width .2s linear;
    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;
    transform: translateZ(0);
}

.file-item .error,.file-item .info {
    right: 4px;
    font-size: 12px;
    height: 20px;
    text-align: center;
}

.pullLeft {
    float: left;
    cursor: pointer;
}

.pullRight {
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

.toppic_fw {
    min-height: 70px;
    background-color: #F5F5F5;
}

.shop_nav {
    min-height: 40px;
}

.sho_nav {
    min-height: 70px;
}

.pinfo p.toptitle {
    min-height: 25px;
}

.toppic a {
    background: 0;
}

.single {
    padding: 5px 5px!important;
}

.double {
    padding: 15px 5px!important;
}

.pro_bargain table tbody tr td {
    padding: 10px 5px!important;
}

.pro_bargain table tbody tr .trade-sku .item span {
    margin: 10px 0!important;
}

#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;
}

.skuCopy {
    cursor: pointer;
    float: left;
    padding: 3px;
    font-size: 14px;
    line-height: 14px;
    width: 64px;
    text-align: center;
    margin-left: 20px;
    border: 1px solid #f50;
    background-color: #fff6f2;
    color: #f50;
    display: none;
}

textarea#link-info {
    opacity: 0;
    position: absolute;
}

.pro_size_item li {
    width: 100%;
}