@charset "UTF-8";

.mt-0,.my-0 {
    margin-top: 0!important;
}

.mb-0,.my-0 {
    margin-bottom: 0!important;
}

.pr-0,.px-0 {
    padding-right: 0!important;
}

.pl-0,.px-0 {
    padding-left: 0!important;
}

.pt-0,.py-0 {
    padding-top: 0!important;
}

.pb-0,.py-0 {
    padding-bottom: 0!important;
}

.w-100-max,.w-120-max,.w-140-max,.w-160-max,.w-180-max,.w-200-max,.w-60-max,.w-80-max {
    min-width: auto;
    *min-width: auto;
}

.h-30,.lh-30 {
    line-height: 30px;
}

.h-20,.h-24,.h-30 {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.shop-signs .shop-like,.shop-toolbar {
    -webkit-user-select: none;
    -ms-user-select: none;
}

.shop-toolbar .modal-box .item-con,.sidebar-comment-list dd p,.sidebar-comment-list dt,.sidebar-contact .panel-bd li>div,.table tbody td,.text-word-wrap {
    word-wrap: break-word;
    word-break: break-all;
}

body {
    font-size: 14px;
    background: #ffffff!important;
}

a:hover {
    color: #ff6000;
}

.hide {
    display: none;
}

.i-hide {
    display: none!important;
}

.overflow-hidden {
    overflow: hidden!important;
}

.highlight {
    color: #ff5f51!important;
}

.clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.float-left {
    float: left!important;
}

.float-right {
    float: right!important;
}

.float-none {
    float: none!important;
}

.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important;
}

.ml--1 {
    margin-left: -1px;
}

.ml-0,.mx-0 {
    margin-left: 0!important;
}

.mr--1 {
    margin-right: -1px;
}

.mr-0,.mx-0 {
    margin-right: 0!important;
}

.m-0 {
    margin: 0!important;
}

.mr-5,.mx-5 {
    margin-right: 5px!important;
}

.ml-5,.mx-5 {
    margin-left: 5px!important;
}

.mt-5,.my-5 {
    margin-top: 5px!important;
}

.mb-5,.my-5 {
    margin-bottom: 5px!important;
}

.m-5 {
    margin: 5px!important;
}

.ml-10,.mx-10 {
    margin-left: 10px!important;
}

.mr-10,.mx-10 {
    margin-right: 10px!important;
}

.mt-10,.my-10 {
    margin-top: 10px!important;
}

.mb-10,.my-10 {
    margin-bottom: 10px!important;
}

.m-10 {
    margin: 10px!important;
}

.ml-15,.mx-15 {
    margin-left: 15px!important;
}

.mr-15,.mx-15 {
    margin-right: 15px!important;
}

.mt-15,.my-15 {
    margin-top: 15px!important;
}

.mb-15,.my-15 {
    margin-bottom: 15px!important;
}

.ml-20,.mx-20 {
    margin-left: 20px!important;
}

.mr-20,.mx-20 {
    margin-right: 20px!important;
}

.mt-20,.my-20 {
    margin-top: 20px!important;
}

.mb-20,.my-20 {
    margin-bottom: 20px!important;
}

.m-20 {
    margin: 20px!important;
}

.ml-30,.mx-30 {
    margin-left: 30px!important;
}

.mr-30,.mx-30 {
    margin-right: 30px!important;
}

.mt-30,.my-30 {
    margin-top: 30px!important;
}

.mb-30,.my-30 {
    margin-bottom: 30px!important;
}

.m-30 {
    margin: 30px!important;
}

.form-column,.form-group,.tab {
    margin-bottom: 10px;
}

.p-0 {
    padding: 0!important;
}

.pr-5,.px-5 {
    padding-right: 5px!important;
}

.pl-5,.px-5 {
    padding-left: 5px!important;
}

.pt-5,.py-5 {
    padding-top: 5px!important;
}

.pb-5,.py-5 {
    padding-bottom: 5px!important;
}

.p-5 {
    padding: 5px!important;
}

.pl-10,.px-10 {
    padding-left: 10px!important;
}

.pr-10,.px-10 {
    padding-right: 10px!important;
}

.pt-10,.py-10 {
    padding-top: 10px!important;
}

.pb-10,.py-10 {
    padding-bottom: 10px!important;
}

.p-10 {
    padding: 10px!important;
}

.pl-15,.px-15 {
    padding-left: 15px!important;
}

.pr-15,.px-15 {
    padding-right: 15px!important;
}

.pt-15,.py-15 {
    padding-top: 15px!important;
}

.pb-15,.py-15 {
    padding-bottom: 15px!important;
}

.p-15 {
    padding: 15px!important;
}

.pl-20,.px-20 {
    padding-left: 20px!important;
}

.pr-20,.px-20 {
    padding-right: 20px!important;
}

.pt-20,.py-20 {
    padding-top: 20px!important;
}

.pb-20,.py-20 {
    padding-bottom: 20px!important;
}

.p-20 {
    padding: 20px!important;
}

.pl-30,.px-30 {
    padding-left: 30px!important;
}

.pr-30,.px-30 {
    padding-right: 30px!important;
}

.pt-30,.py-30 {
    padding-top: 30px!important;
}

.pb-30,.py-30 {
    padding-bottom: 30px!important;
}

.p-30 {
    padding: 30px!important;
}

.w-30 {
    width: 30px!important;
}

.w-35 {
    width: 35px!important;
}

.w-40 {
    width: 40px!important;
}

.w-45 {
    width: 45px!important;
}

.w-50 {
    width: 50px!important;
}

.w-55 {
    width: 55px!important;
}

.w-60 {
    width: 60px!important;
}

.w-65 {
    width: 65px!important;
}

.w-70 {
    width: 70px!important;
}

.w-75 {
    width: 75px!important;
}

.w-80 {
    width: 80px!important;
}

.w-85 {
    width: 85px!important;
}

.w-90 {
    width: 90px!important;
}

.w-95 {
    width: 95px!important;
}

.w-100 {
    width: 100px!important;
}

.w-110 {
    width: 110px!important;
}

.w-120 {
    width: 120px!important;
}

.w-130 {
    width: 130px!important;
}

.w-140 {
    width: 140px!important;
}

.w-150 {
    width: 150px!important;
}

.w-160 {
    width: 160px!important;
}

.w-170 {
    width: 170px!important;
}

.w-180 {
    width: 180px!important;
}

.w-190 {
    width: 190px!important;
}

.w-200 {
    width: 200px!important;
}

.w-220 {
    width: 220px!important;
}

.w-240 {
    width: 240px!important;
}

.w-280 {
    width: 280px!important;
}

.w-300 {
    width: 300px!important;
}

.w-350 {
    width: 350px!important;
}

.w-410 {
    width: 410px!important;
}

.w-500 {
    width: 500px!important;
}

.w-760 {
    width: 760px;
}

.w-790 {
    width: 790px;
}

.w-840 {
    width: 840px;
}

.w-880 {
    width: 880px;
}

.w-60-max {
    max-width: 60px;
    *width: expression(this.offsetWidth > 60 ? 'auto' : '60px');
    overflow: hidden;
}

.w-80-max {
    max-width: 80px;
    *width: expression(this.offsetWidth > 80 ? 'auto' : '80px');
    overflow: hidden;
}

.w-100-max {
    max-width: 100px;
    *width: expression(this.offsetWidth > 100 ? 'auto' : '100px');
    overflow: hidden;
}

.w-120-max {
    max-width: 120px;
    *width: expression(this.offsetWidth > 120 ? 'auto' : '120px');
    overflow: hidden;
}

.w-140-max {
    max-width: 140px;
    *width: expression(this.offsetWidth > 140 ? 'auto' : '140px');
    overflow: hidden;
}

.w-160-max {
    max-width: 160px;
    *width: expression(this.offsetWidth > 160 ? 'auto' : '160px');
    overflow: hidden;
}

.w-180-max {
    max-width: 180px;
    *width: expression(this.offsetWidth > 180 ? 'auto' : '180px');
    overflow: hidden;
}

.w-200-max {
    max-width: 200px;
    *width: expression(this.offsetWidth > 200 ? 'auto' : '200px');
    overflow: hidden;
}

.ti-half {
    text-indent: .5em;
}

.ti-1 {
    text-indent: 1em;
}

.ti-2 {
    text-indent: 2em;
}

.ti-3 {
    text-indent: 3em;
}

.ti-4 {
    text-indent: 4em;
}

.ti-5 {
    text-indent: 5em;
}

.ti-6 {
    text-indent: 6em;
}

.cursor-p {
    cursor: pointer;
}

.cursor-d {
    cursor: default;
}

.h-30 {
    height: 30px;
    overflow: hidden;
}

.h-24,.lh-24 {
    line-height: 24px;
}

.h-24 {
    height: 24px;
    overflow: hidden;
}

.lh-20 {
    line-height: 20px;
}

.btn,.h-20 {
    line-height: 30px;
}

.h-20 {
    height: 20px;
    overflow: hidden;
}

.bc-w {
    background-color: #fff;
}

.bc-tint {
    background-color: #edf4fb;
}

.bc-tint2 {
    background-color: #f5f5f5;
}

.border-0 {
    border: 0!important;
}

.border-bottom-0 {
    border-bottom: 0!important;
}

.border-top-0 {
    border-top: 0!important;
}

.border-left-0 {
    border-left: 0!important;
}

.border-right-0 {
    border-right: 0!important;
}

.border-1 {
    border: 1px solid #e8e8e8!important;
}

.border-bottom-1 {
    border-bottom: 1px solid #e8e8e8!important;
}

.border-top-1 {
    border-top: 1px solid #e8e8e8!important;
}

.border-left-1 {
    border-left: 1px solid #e8e8e8!important;
}

.border-right-1 {
    border-right: 1px solid #e8e8e8!important;
}

.border-dashed-1 {
    border: 1px dashed #e8e8e8!important;
}

.border-dashed-top-1 {
    border-top: 1px dashed #e8e8e8!important;
}

.border-dashed-bottom-1 {
    border-bottom: 1px dashed #e8e8e8!important;
}

.text-nowrap {
    white-space: nowrap!important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-word-wrap {
    white-space: normal;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.text-left {
    text-align: left!important;
}

.text-right {
    text-align: right!important;
}

.text-center {
    text-align: center!important;
}

.text-justify {
    text-align: justify;
    text-justify: inter-ideograph;
}

.vertical-top {
    vertical-align: top!important;
}

.vertical-bottom {
    vertical-align: bottom!important;
}

.vertical-middle {
    vertical-align: middle!important;
}

.vertical-sub {
    vertical-align: sub!important;
}

.d-table {
    display: table;
}

.d-table-cell {
    display: table-cell;
}

.d-ib {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.c-333,a.c-333 {
    color: #333;
}

.c-666,a.c-666 {
    color: #666;
}

.c-999,a.c-999 {
    color: #999;
}

.c-ddd,a.c-ddd {
    color: #ddd;
}

.c-h {
    color: #c00;
}

.c-link {
    color: #5babe7;
}

.c-orange {
    color: #ff6000;
}

a:hover.c-333,a:hover.c-666,a:hover.c-999,a:hover.c-ddd {
    color: #ff6000;
    text-decoration: none;
}

.fz-12 {
    font-size: 12px;
}

.fz-13 {
    font-size: 13px;
}

.fz-14 {
    font-size: 14px;
}

.fz-16 {
    font-size: 16px;
}

.fz-18 {
    font-size: 18px;
}

.fw-b {
    font-weight: 700;
}

.btn,.fw-n,.table th {
    font-weight: 400;
}

.high-layer {
    z-index: 997!important;
}

.higher-layer {
    z-index: 998!important;
}

.highest-layer {
    z-index: 999!important;
}

.btn {
    display: inline-block;
    height: 32px;
    border: 1px solid transparent;
    padding: 0 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #666;
    background: #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;
    *display: inline;
    *display: inline-block;
    margin-right: 5px;
}

a.btn {
    line-height: 32px;
}

.btn-lg {
    height: 42px;
    line-height: 40px;
    font-size: 16px;
}

.btn:focus,.btn:hover {
    text-decoration: none;
}

.btn.focus,.btn:focus {
    outline: 0;
}

.btn.disabled,.btn:disabled,.btn[disabled] {
    cursor: not-allowed;
    box-shadow: none;
    background-color: #f4f4f4!important;
    border-color: #ccc!important;
    color: #bbb!important;
}

.icon-share-lg,.icon-visit-lg,.icon-zan-lg {
    box-shadow: 1px 2px 4px #43d4c4;
    top: 0;
    left: 0;
}

.btn.active,.btn:active {
    background-image: none;
}

.disabled {
    pointer-events: none;
    filter: alpha(opacity=65);
    opacity: .65;
    color: #bbb!important;
}

.btn-outline-default {
    border-color: #ccc;
}

.btn-outline-default:hover,.btn-outline-primary {
    border-color: #3197ff;
    color: #3197ff;
}

.btn-outline-primary:hover {
    background: #3197ff;
    border-color: #3197ff;
    color: #fff;
}

.btn-outline-secondary,.btn-outline-secondary:hover {
    border-color: #c7dbe1;
    color: #666;
}

.btn-outline-secondary:hover {

    background: #c7dbe1;
}

.btn-default {
    border-color: #eee;
    background-color: #eee;
    color: #666;
}

.btn-default:hover {
    border-color: #ddd;
    background-color: #ddd;
    color: #333;
}

.btn-primary {
    background: #ffd100;
    border-color: #ffd100;
    color: #000;
}

.btn-primary:hover {
    opacity: .8;
}

.btn-secondary {
    background: #e0f0f5;
    border-color: #c7dbe1;
    color: #666;
}

.btn-secondary:hover {
    background: #c7dbe1;
    border-color: #c7dbe1;
    color: #666;
}

.btn-link {
    color: #3197ff;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.btn-group {
    display: table;
}

.form-column {
    line-height: 30px;
}

.form-column .column-l {
    float: left;
    width: 150px;
    text-align: right;
}

.form-column .column-r {
    float: left;
    max-width: 780px;
    margin-left: 5px;
    color: #333;
}

.form-column .column-r label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-right: 10px;
}

.form-column .column-r .input-text {
    width: 360px;
}

label input[type=checkbox],label input[type=radio] {
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.form-inline .input-text {
    display: inline-block;
    width: 150px;
    margin-right: 5px;
}

.form-group {
    display: table;
}

.form-inline .input-group {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 10px;
    vertical-align: middle;
}

.form-inline .input-group label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.input-text {
    width: 100%;
    height: 32px;
    line-height: 30px;
    border: 1px solid #ddd;
    padding: 0 10px;
    font-size: 13px;
    color: #666;
    background: #fff;
    vertical-align: middle;
    transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
}

.input-text:hover,.textarea:hover {
    border-color: #ccc;
}

.input-text:focus,.textarea:focus {
    color: #464a4c;
    background-color: #fff;
    border-color: #ff6000;
    outline: 0;
    position: relative;
    z-index: 1;
}

.input-text[disabled],.input-text[readonly],.textarea[disabled],.textarea[readonly] {
    background-color: #eceeef;
    opacity: 1;
}

.select,.textarea {
    color: #666;
    border: 1px solid #ddd;
    font-size: 13px;
    vertical-align: middle;
    background: #fff;
    transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
}

.input-text:disabled,.textarea:disabled {
    cursor: not-allowed;
}

.textarea {
    width: 100%;
    line-height: 1.75;
    padding: 5px 10px;
}

.select {
    height: 30px;
    padding: 5px;
    margin-right: 5px;
}

.table tbody td,.table th {
    padding: 10px;
    text-align: left;
    box-sizing: content-box;
}

.select::-ms-expand {
    background-color: transparent;
    border: 0;
}

.select:hover {
    border-color: #999;
}

.select:focus {
    color: #464a4c;
    background-color: #fff;
    border-color: #5cb3fd;
    outline: 0;
}

.table {
    table-layout: fixed;
    width: 100%;
    line-height: 1.6;
}

.table th {
    line-height: 1.154;
    color: #999;
    vertical-align: top;
    background-color: #f4f4f4;
}

.table .border-left-1 {
    border-left: 1px solid #eee;
}

.table .border-right-1 {
    border-right: 1px solid #eee;
}

.table tbody td {
    border-bottom: 1px solid #eee;
    vertical-align: top;
}

.table tbody td input[type=password],.table tbody td input[type=text] {
    padding: 0 4px;
}

.table tbody tr:hover {
    background-color: #f6f6f6;
    transition: background-color .3s;
}

.table .min-imgbox {
    width: 108px;
    height: 98px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
    border: 1px solid #ddd;
    background-color: #fff;
}

.table .min-imgbox img {
    max-width: 108px;
    max-height: 98px;
    width: 98px\9;
    height: 98px\9;
    vertical-align: middle;
}

.table a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.table.no-hover tr:hover {
    background-color: transparent!important;
}

.table-line {
    border-left: #e8e8e8 solid 1px;
    border-top: #e8e8e8 solid 1px;
}

.table-line td,.table-line th {
    border-bottom: #e8e8e8 solid 1px;
    border-right: #e8e8e8 solid 1px;
}

.table .text-oneline {
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table .text-twoline {
    height: 44px;
    overflow: hidden;
}

.tab .tab-head {
    position: relative;
    border-bottom: #eee solid 1px;
    background-color: #f4f4f4;
    height: 56px;
    line-height: 56px;
}

.tab .tab-head .j-tab-title {
    float: left;
    color: #666;
    height: 54px;
    *height: 54px;
    line-height: 54px;
    border: 1px solid #f4f4f4;
    border-top-width: 2px;
    cursor: pointer;
    font-size: 16px;
    transition: all .3s;
}

.tab .tab-head .j-tab-title a {
    color: #666;
    padding: 0 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.tab .tab-head .j-tab-title a:hover {
    text-decoration: none;
    color: #666;
}

.tab .tab-head .j-tab-title.cur {
    background-color: #fff;
    color: #333;
    border-color: #5babe7 #eee #fff;
}

.tab .tab-head .j-tab-title.cur a,.tab .tab-head .j-tab-title.cur a:hover {
    color: #333;
}

.tab .tab-con {
    padding: 15px 20px;
    background-color: #fff;
}

.icon-dot {
    color: #666;
    font-weight: 700;
    font-size: 14px;
}

.icon-ask,.icon-chaping,.icon-close,.icon-dashed-right,.icon-down-circle,.icon-down-s,.icon-edit,.icon-editbox i,.icon-error,.icon-fax-linear,.icon-haoping,.icon-hq-lg-offline,.icon-hq-lg-online,.icon-hq-offline,.icon-hq-online,.icon-hq2-offline,.icon-hq2-online,.icon-jia-circle,.icon-jia-square,.icon-jian-circle,.icon-jian-square,.icon-left-circle,.icon-left-half,.icon-left-halfbox i,.icon-left-s,.icon-location-linear,.icon-mail-linear,.icon-pdf,.icon-phone-linear,.icon-qq,.icon-qq-group,.icon-qq-lg,.icon-qq-linear,.icon-right-circle,.icon-right-half,.icon-right-halfbox i,.icon-right-s,.icon-seal-entity-prove,.icon-seal-prove,.icon-search,.icon-serve-bcp,.icon-serve-bcp-h,.icon-serve-biaowang,.icon-serve-bidding,.icon-serve-chaomai,.icon-serve-cheng,.icon-serve-cheng-h,.icon-serve-iscp,.icon-serve-iscp-h,.icon-serve-pinpai,.icon-serve-shiming-h,.icon-serve-wang,.icon-serve-wang-h,.icon-serve-xianhuo,.icon-serve-xique,.icon-serve-yanzheng,.icon-serve-yuanchang,.icon-serve-yuanzhuang,.icon-share-lg,.icon-share-s,.icon-shop-pinpai,.icon-success,.icon-tel-linear,.icon-up-circle,.icon-up-s,.icon-visit-lg,.icon-visit-s,.icon-waming,.icon-zan-lg,.icon-zan-s,.icon-zhongping {
    background: url(/res/supershop/global/img/icon.png?v=201807) no-repeat;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 5px;
}

.icon-edit,.icon-editbox {
    background-color: #ccc;
    border-radius: 50%;
    transition: background-color ease .3s;
}

.icon-closebox,.icon-downbox-s,.icon-editbox,.icon-left-halfbox,.icon-leftbox-s,.icon-rightbox-s,.icon-upbox-s {
    display: inline-block;
}

.icon-editbox {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 24px;
}

.icon-edit,.icon-editbox i {
    background-position: -80px -77px;
    width: 20px;
}

.icon-editbox i {
    height: 20px;
    margin: auto;
}

.icon-edit {
    height: 20px;
    line-height: 0;
}

.icon-edit:hover,.icon-editbox:hover {
    background-color: #5babe7;
}

.icon-pdf {
    background-position: -120px -55px;
    width: 15px;
    height: 20px;
}

.icon-ask,.icon-error,.icon-search,.icon-success,.icon-waming {
    width: 16px;
    height: 16px;
}

.icon-search {
    background-position: -140px -55px;
}

.icon-success {
    background-position: -180px -97px;
}

.icon-error {
    background-position: -160px -97px;
}

.icon-waming {
    background-position: -200px -97px;
}

.icon-ask {
    background-position: -220px -97px;
    cursor: pointer;
}

.icon-close {
    background-position: -260px -77px;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.icon-closebox {
    width: 19px;
    height: 19px;
    background-color: #999;
    vertical-align: middle;
    position: relative;
    transition: background-color ease .3s;
}

.icon-closebox:hover {
    background-color: #5babe7;
}

.icon-qq-lg {
    background-position: 0 0;
    width: 30px;
    height: 32px;
}

.icon-qq {
    background-position: 0 -35px;
    width: 15px;
    height: 20px;
}

.icon-qq-group {
    background-position: -20px -35px;
    width: 18px;
    height: 20px;
}

.icon-hq-online {
    background-position: -40px -35px;
    width: 20px;
    height: 20px;
}

.icon-hq-offline {
    background-position: -60px -35px;
    width: 20px;
    height: 20px;
}

.icon-hq-lg-online {
    background-position: -30px 0;
    width: 30px;
    height: 30px;
}

.icon-hq-lg-offline {
    background-position: -60px 0;
    width: 30px;
    height: 30px;
}

.icon-hq2-online {
    background-position: -80px -35px;
    width: 16px;
    height: 20px;
}

.icon-hq2-offline {
    background-position: -100px -35px;
    width: 16px;
    height: 20px;
}

.icon-fax-linear,.icon-location-linear,.icon-mail-linear,.icon-phone-linear,.icon-qq-linear,.icon-tel-linear {
    width: 20px;
    height: 20px;
}

.icon-tel-linear {
    background-position: 0 -55px;
}

.icon-phone-linear {
    background-position: -20px -55px;
}

.icon-qq-linear {
    background-position: -40px -55px;
}

.icon-fax-linear {
    background-position: -60px -55px;
}

.icon-mail-linear {
    background-position: -80px -55px;
}

.icon-location-linear {
    background-position: -100px -55px;
}

.icon-jia-square {
    background-position: -22px -79px;
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
}

.icon-jian-square {
    background-position: -2px -79px;
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
}

.icon-down-circle,.icon-jia-circle,.icon-jian-circle,.icon-up-circle {
    width: 20px;
    height: 20px;
    transition: background-color ease .3s;
    cursor: pointer;
}

.icon-jia-circle {
    background-position: -60px -77px;
    border-radius: 50%;
    background-color: #ccc;
}

.icon-jia-circle:hover {
    background-color: #000;
}

.icon-jian-circle {
    background-position: -40px -77px;
    border-radius: 50%;
    background-color: #ccc;
}

.icon-jian-circle:hover {
    background-color: #000;
}

.icon-up-circle {
    background-position: -120px -77px;
    border-radius: 50%;
    background-color: #ccc;
}

.icon-up-circle.cur,.icon-up-circle:hover {
    background-color: #5babe7;
}

.icon-down-circle {
    background-position: -100px -77px;
    border-radius: 50%;
    background-color: #ccc;
}

.icon-down-s,.icon-downbox-s,.icon-up-s,.icon-upbox-s {
    width: 11px;
    height: 7px;
}

.icon-down-circle.cur,.icon-down-circle:hover {
    background-color: #5babe7;
}

.icon-up-s {
    background-position: -242px -81px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.icon-upbox-s {
    background-color: #ccc;
    position: relative;
    vertical-align: middle;
}

.icon-upbox-s.bc-66 {
    background-color: #666;
}

.icon-upbox-s:hover {
    background-color: #5babe7;
}

.icon-down-s {
    background-position: -221px -81px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.icon-downbox-s {
    background-color: #ccc;
    position: relative;
    vertical-align: middle;
}

.icon-left-s,.icon-leftbox-s,.icon-right-s,.icon-rightbox-s {
    width: 7px;
    height: 11px;
}

.icon-downbox-s.bc-66 {
    background-color: #666;
}

.icon-downbox-s:hover {
    background-color: #5babe7;
}

.icon-left-s {
    background-position: -205px -79px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.icon-leftbox-s {
    background-color: #ccc;
    position: relative;
    vertical-align: middle;
}

.icon-leftbox-s.bc-66 {
    background-color: #666;
}

.icon-leftbox-s:hover {
    background-color: #5babe7;
}

.icon-right-s {
    background-position: -184px -79px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.icon-rightbox-s {
    background-color: #ccc;
    position: relative;
    vertical-align: middle;
}

.icon-left-circle,.icon-left-half,.icon-right-circle {
    height: 20px;
    cursor: pointer;
    transition: background-color ease .3s;
}

.icon-rightbox-s.bc-66 {
    background-color: #666;
}

.icon-rightbox-s:hover {
    background-color: #5babe7;
}

.icon-left-circle {
    background-position: -160px -77px;
    width: 20px;
    border-radius: 50%;
    background-color: #ccc;
}

.icon-left-circle:hover {
    background-color: #5babe7;
}

.icon-right-circle {
    background-position: -140px -77px;
    width: 20px;
    border-radius: 50%;
    background-color: #ccc;
}

.icon-right-circle:hover {
    background-color: #5babe7;
}

.icon-left-half {
    background-position: -161px -77px;
    width: 15px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #ccc;
}

.icon-left-half:hover,.icon-left-halfbox:hover {
    background-color: #5babe7;
}

.icon-left-halfbox,.icon-right-half {
    background-color: #ccc;
    cursor: pointer;
    transition: background-color ease .3s;
}

.icon-left-halfbox {
    width: 20px;
    height: 40px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
    line-height: 38px;
}

.icon-left-halfbox i {
    background-position: -160px -77px;
    width: 20px;
    height: 20px;
    margin-left: -2px;
}

.icon-right-half {
    background-position: -144px -77px;
    width: 15px;
    height: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.icon-right-half:hover,.icon-right-halfbox:hover {
    background-color: #5babe7;
}

.icon-dashed-rightbox,.icon-right-halfbox {
    background-color: #ccc;
    display: inline-block;
}

.icon-right-halfbox {
    width: 20px;
    height: 40px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    transition: background-color ease .3s;
}

.icon-right-halfbox i {
    background-position: -140px -77px;
    width: 20px;
    height: 20px;
    margin-left: 2px;
}

.icon-dashed-right {
    background-position: -291px -79px;
    width: 6px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.icon-dashed-rightbox {
    width: 6px;
    height: 10px;
    position: relative;
    vertical-align: middle;
}

.icon-chaping,.icon-haoping,.icon-zhongping {
    width: 45px;
    height: 16px;
}

.icon-dashed-rightbox:hover {
    background-color: #5babe7;
}

.icon-haoping {
    background-position: 0 -97px;
}

.icon-zhongping {
    background-position: -50px -97px;
}

.icon-chaping {
    background-position: -100px -97px;
}

.icon-seal-prove {
    background-position: 0 -440px;
    width: 82px;
    height: 52px;
}

.icon-seal-entity-prove {
    background-position: -90px -440px;
    width: 111px;
    height: 94px;
}

.icon-share-s,.icon-sharebox-s,.icon-visit-s,.icon-visitbox-s,.icon-zan-s,.icon-zanbox-s {
    width: 20px;
    height: 20px;
}

.icon-zan-s {
    background-position: -180px -55px;
    position: absolute;
    left: 0;
    top: 0;
}

.icon-zanbox-s {
    background-color: #ccc;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color ease .3s;
}

.icon-zanbox-s.cur,.icon-zanbox-s:hover {
    background-color: #72e5db;
}

.icon-share-s {
    background-position: -160px -55px;
    position: absolute;
    left: 0;
    top: 0;
}

.icon-sharebox-s {
    background-color: #ccc;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color ease .3s;
}

.popwin-inside .close,.popwin-main .tit .close {
    margin: 5px 10px 0 0;
    text-align: center;
    float: right;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.icon-sharebox-s.cur,.icon-sharebox-s:hover {
    background-color: #72e5db;
}

.icon-visit-s {
    background-position: -200px -55px;
    position: absolute;
    left: 0;
    top: 0;
}

.icon-visitbox-s {
    background-color: #ccc;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.icon-sharebox,.icon-visitbox,.icon-zanbox {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #72e5db;
    display: inline-block;
    vertical-align: middle;
}

.icon-zan-lg {
    background-position: -165px 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: absolute;
}

.icon-zanbox {
    position: relative;
}

.icon-share-lg {
    background-position: -120px 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: absolute;
}

.icon-sharebox {
    position: relative;
}

.icon-visit-lg {
    background-position: -210px 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: absolute;
}

.icon-visitbox {
    position: relative;
}

.icon-serve-pinpai {
    background-position: 0 -117px;
    width: 60px;
    height: 60px;
}

.icon-shop-pinpai {
    background-position: -244px -202px;
    width: 16px;
    height: 16px;
}

.icon-serve-biaowang {
    background-position: -60px -117px;
    width: 60px;
    height: 60px;
}

.icon-serve-xianhuo {
    background-position: 0 -180px;
    width: 30px;
    height: 20px;
}

.icon-serve-yuanzhuang {
    background-position: 0 -200px;
    width: 30px;
    height: 20px;
}

.icon-serve-yuanchang {
    background-position: 0 -220px;
    width: 40px;
    height: 20px;
}

.icon-serve-xique {
    background-position: -40px -180px;
    width: 45px;
    height: 20px;
}

.icon-serve-yanzheng {
    background-position: -40px -200px;
    width: 45px;
    height: 20px;
}

.icon-serve-bidding {
    background-position: -100px -180px;
    width: 25px;
    height: 20px;
}

.icon-serve-chaomai {
    background-position: -100px -200px;
    width: 20px;
    height: 20px;
}

.icon-serve-bcp,.icon-serve-bcp-h,.icon-serve-cheng,.icon-serve-cheng-h,.icon-serve-iscp,.icon-serve-iscp-h,.icon-serve-wang,.icon-serve-wang-h {
    width: 16px;
    height: 20px;
}

.icon-serve-cheng {
    background-position: -135px -180px;
}

.icon-serve-iscp {
    background-position: -156px -180px;
}

.icon-serve-wang {
    background-position: -177px -180px;
}

.icon-serve-bcp {
    background-position: -198px -180px;
}

.icon-serve-cheng-h {
    background-position: -135px -200px;
}

.icon-serve-iscp-h {
    background-position: -156px -200px;
}

.icon-serve-wang-h {
    background-position: -177px -200px;
}

.icon-serve-bcp-h {
    background-position: -198px -200px;
}

.icon-serve-shiming-h {
    background-position: -217px -200px;
    width: 23px;
    height: 20px;
}

.no-databox {
    text-align: center;
    padding: 50px;
}

#popwin,.popwin-box,.popwin-mask,.popwin-mask iframe {
    width: 100%;
    height: 100%;
}

.popwin-main,.popwin-mask {
    top: 0;
    left: 0;
    position: fixed;
    _position: absolute;
    _top: expression(documentElement.scrollTop + "px");
}

.popwin-mask {

    background: #000;
    z-index: 990;
    bottom: 0;
    right: 0;
    filter: alpha(opacity=.2);
    opacity: .2;
}

.popwin-mask iframe {
    filter: alpha(opacity=0);
    opacity: 0;
}

.popwin-main {
    background-color: #fff;
    border-radius: 2px;
    border: 5px solid #b2b2b2;
    left: 50%;
    z-index: 991;
}

.popwin-main .tit .close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #999;
}

.popwin-main .tit .close:hover {
    text-decoration: none;
    background-color: #eee;
    color: #3197ff;
}

.popwin-main .tit {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    position: relative;
    color: #333;
    overflow: hidden;
}

.popwin-main .tit strong {
    width: 80%;
    height: 35px;
    display: block;
    font-family: "Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
}

.popwin-main .con {
    padding: 15px 20px;
    border-top: #eee solid 1px;
    max-height: 540px;
    max-height: 480px\9;
    overflow: auto;
}

.popwin {
    position: absolute;
}

.popwin-inside-mask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 991;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    background: #000;
}

.popwin-inside-main {
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: 999;
    display: block;
}

.popwin-inside {
    background-color: #fff;
    border-radius: 2px;
    border: 5px solid #b2b2b2;
    position: relative;
}

.popwin-inside .tit {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 20px;
    color: #333;
    overflow: hidden;
}

.popwin-inside .close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #999;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.popwin-inside .close:hover {
    text-decoration: none;
    background-color: #eee;
    color: #3197ff;
}

.popwin-inside-con {
    padding: 20px;
    border-top: #eee solid 1px;
    max-height: 540px;
    max-height: 500px\9;
    overflow: auto;
}

.popup-load {
    background-color: #111;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    border-radius: 5px;
    padding: 20px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
}

.popup-load i {
    margin-right: 10px;
}

.shop-toolbar {
    height: 195px;
    width: 40px;
    position: fixed;
    right: 10px;
    bottom: 200px;
    z-index: 999990;
    font-size: 12px;
    text-align: left;
    -moz-user-select: none;
    user-select: none;
}

.shop-toolbar .menu,.shop-toolbar .tel,.shop-toolbar .totop {
    background: #ffd100;
    *display: inline;
    *zoom: 1;
    overflow: hidden;
    vertical-align: middle;
    height: 36px;
    width: 30px;
    padding: 5px;
    border-bottom: 1px dotted #b79600;
    cursor: pointer;
    text-align: center;
}

.shop-toolbar .menu.cur,.shop-toolbar .menu:hover,.shop-toolbar .tel.cur,.shop-toolbar .tel:hover,.shop-toolbar .totop.cur,.shop-toolbar .totop:hover {
    background: #000;
    color: #fff;
}

.shop-toolbar .modal {
    position: absolute;
    z-index: 9;
    bottom: -130px;
    right: 38px;
}

.shop-toolbar .modal-box {
    position: relative;
    padding-right: 10px;
}

.shop-toolbar .modal-box b,.shop-toolbar .modal-box b.b2 {
    position: absolute;
    bottom: 80px;
    font-size: 33px;
    display: inline-block;
}

.shop-toolbar .modal-con {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    box-shadow: 0 3px 8px rgba(153,153,153,.8);
    border: 1px solid #c1c1c1;
    text-align: left;
    overflow: hidden;
}

.shop-toolbar .modal-box .py-10 {
    font-weight: 700;
    padding-bottom: 5px!important;
}

.shop-toolbar .modal-box b {
    color: #fff;
    z-index: 2;
    right: 1px;
}

.shop-toolbar .modal-box b.b2 {
    color: #999;
    FILTER: alpha(opacity=50);
    opacity: .5;
    right: 0;
    z-index: 1;
}

.shop-toolbar .modal-box .item {
    position: relative;
}

.shop-toolbar .modal-box .item i {
    position: absolute;
    left: 0;
    top: 2px;
}

.shop-toolbar .modal-box .item-con {
    padding-left: 24px;
    white-space: normal;
}

.conact-link {
    width: 83px;
    height: 23px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #f4f4f4;
    border-radius: 5px;
    line-height: 23px;
    text-align: center;
}

.pagination-toolbar {
    text-align: center;
}

.pagination-toolbar-skin2 .pagination a {
    font-size: 16px;
    padding: 7px 12px;
    background-color: #eee;
    border-color: #eee;
}

.pagination-toolbar-skin2 .pagination .active a,.pagination-toolbar-skin2 .pagination a:hover {
    background: #ffd100;
    color: #000;
    border-color: #ffd100;
}

.pagination-toolbar-skin2 .pagination .next,.pagination-toolbar-skin2 .pagination .previous {
    font-family: cursive;
    font-weight: 700;
    font-size: 16px;
}

.pagination-toolbar .pagination {
    display: inline-block;
}

.site-nav {
    font-size: 12px;
}

.site-nav .highlight,.site-nav a:hover {
    color: #c00!important;
}

.shop-header {
    height: 84px;
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
}

.shop-header .container {
    padding-top: 20px;
    position: relative;
    z-index: 999;
}

.shop-header .shop-header-logo {
    float: left;
    width: 323px;
    height: 44px;
    display: inline;
    text-align: left;
}

.shop-header .shop-header-title {
    display: inline;
    float: left;
    margin-left: 48px;
    line-height: 1.1;
    width: 323px;
}

.shop-header .shop-header-name {
    font-size: 14px;
    padding: 2px 0 10px;
}

.shop-header .shop-header-authentication {
    color: #666;
    font-size: 12px;
}

.shop-header .icon-qrcode {
    width: 19px;
    height: 19px;
    background-position: left -151px;
}

.shop-header .color-red {
    color: #c00;
}

.shop-header .icon-ying {
    background: #ffd100;
    color: #333;
    border-radius: 3px;
    padding: 0 2px;
    margin-right: 5px;
}

.shop-header .shop-qrcode:hover .shop-qrcode-hide {
    display: block;
}

.shop-header .shop-qrcode-hide {
    position: absolute;
    top: 77px;
    left: 579px;
    width: 102px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
    white-space: nowrap;
    display: none;
    box-shadow: 2px 3px 3px rgba(0,0,0,.3);
}

.shop-header .shop-qrcode-hide img {
    display: block;
    margin-bottom: 5px;
}

.shop-signs {
    height: 120px;
    overflow: hidden;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
}

.shop-signs .container {
    position: relative;
    z-index: 999;
}

.shop-signs .shop-search {
    position: absolute;
    right: 0;
    top: 35px;
}

.shop-signs .shop-search .input-text {
    height: 38px;
    line-height: 38px;
    border: 1px solid #ddd;
    float: left;
    padding: 0 10px;
    width: 188px;
}

.shop-signs .shop-search .btn {
    float: left;
    padding: 0;
    width: 70px;
    border: 1px solid #ddd;
    border-left: 0;
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 0;
    margin-right: 2px;
}

.shop-signs .shop-search .btn-shop-search {
    background-color: #eee;
    color: #333;
}

.shop-signs .shop-search .btn-shop-search:hover {
    background-color: #ffd100;
}

.shop-signs .shop-search .btn-all-search {
    width: 74px;
    background-color: #eee;
    color: #666;
}

.shop-signs .shop-search .btn-all-search:hover {
    background-color: #ddd;
    color: #333;
}

.shop-signs .shop-search .tip {
    position: absolute;
    left: 20px;
    top: 11px;
    height: 16px;
    line-height: 16px;
    color: #c00;
    display: none;
    z-index: 99;
}

.shop-signs .shop-search .tip i {
    margin-top: -3px;
}

.shop-signs .shop-share-like {
    position: absolute;
    right: 300px;
    top: 35px;
}

.shop-signs .icon-like,.shop-signs .icon-share {
    position: absolute;
    top: 4px;
    left: 0;
}

.shop-signs .icon-like,.shop-signs .icon-qrcode,.shop-signs .icon-share {
    background: url(/res/supershop/global/img/bg_spirit.png) left -132px no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    overflow: hidden;
    margin: -2px 3px 0 10px;
    vertical-align: middle;
}

.shop-signs .icon-like {
    background-position: left -115px;
}

.shop-signs .shop-like,.shop-signs .shop-share {
    cursor: pointer;
    *width: 15px;
    min-width: 15px;
    height: 20px;
    background: #49dbcd;
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    padding: 0 12px 0 27px;
    text-align: center;
}

.shop-signs .shop-like {
    background: #ffb119;
    margin-top: 4px;
    -moz-user-select: none;
    user-select: none;
}

.footer,.footer .authentication {
    background: 0 0;
}

.shop-signs .shop-like .shop-like-text {
    display: none;
}

.shop-signs .shop-like:hover .shop-like-num {
    visibility: hidden;
}

.shop-signs .shop-like:hover .shop-like-text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding-left: 10px;
}

.shop-nav .container,.shop-nav-list>li,.shop-nav-list>li>a {
    position: relative;
    height: 40px;
}

.shop-signs .shop-share:hover .sidebar-share-tips {
    display: block;
    font-weight: 400;
    font-size: 12px;
}

.footer {
    margin-top: 10px;
    font-size: 12px;
}

.footer .container {
    border-top: 1px solid #ddd;
}

.footer .links {
    border-top: 0;
}

.footer-links {
    margin-top: 50px;
}

.shop-nav {
    height: 40px;
    width: 100%;
    background: #ffd100;
    margin-bottom: 30px;
}

.shop-nav-list {
    float: left;
    overflow: hidden;
}

.shop-nav-list>li {
    width: 104px;
    display: inline;
    float: left;
    font-size: 16px;
    margin-left: 40px;
}

.shop-nav-list>li>a {
    line-height: 40px;
    text-align: center;
    display: block;
    color: #333;
}

.shop-nav-list>li a span {
    height: 40px;
    width: 104px;
    background: #ffd100;
    display: inline-block;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
}

:root .shop-nav-list>li a:before {
    content: attr(data-hover);
    height: 40px;
    width: 104px;
    background: #000;
    display: inline-block;
    color: #fff;
    position: absolute;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.shop-nav-list>li a:hover span {
    font-weight: 400;
    background: #000;
    color: #fff;
}

:root .shop-nav-list>li a:hover span {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    font-weight: 400;
    background: #ffd100;
    color: #333;
}

.shop-nav-list>li a:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    font-weight: 400;
}

.shop-nav-list>li.active a {
    font-weight: 700;
}

.shop-nav-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999991;
}

.shop-nav .category {
    width: 250px;
    float: left;
    z-index: 999;
    position: relative;
}

.shop-nav .category .title {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background: #000;
    color: #fff;
    font-size: 16px;
    cursor: default;
    font-weight: 400;
    position: relative;
}

.shop-nav .category .icon-white-arrow {
    display: inline-block;
    width: 11px;
    height: 7px;
    position: absolute;
    top: 19px;
    right: 10px;
    background: url(/res/supershop/global/img/bg_spirit.png) left -178px no-repeat;
}

.shop-nav .category-menu {
    position: absolute;
    left: 0;
    top: 40px;
    width: 250px;
    display: none;
}

.shop-nav .hover .category-menu {
    display: block;
}

.shop-nav .category-title {
    background: rgba(0,0,0,.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2000000, endcolorstr=#B2000000);
    color: #fff;
    padding: 10px 0;
    height: 440px;
}

.shop-nav .category-title .ico-gt {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 20px;
    width: 8px;
    height: 14px;
    font: 400 16px/14px consolas;
    color: #fff;
    font-weight: 700;
}

.shop-nav .category-title .tab-t {
    border-top-color: #fff;
    height: 44px;
    line-height: 44px;
    position: relative;
}

.shop-nav .category-title .active {
    background: rgba(153,153,153,.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33666666, endcolorstr=#33666666);
}

.panel,.self-dropdown {
    background-color: #fff;
}

.shop-nav .category-title h3 {
    line-height: 44px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 58px;
}

.shop-nav .icon-category {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.shop-nav .category-content {
    position: absolute;
    background: #fff;
    top: 0;
    left: 250px;
    width: 950px;
    opacity: 0;
    height: 0;
    min-height: 0;
    transition: all .3s ease-out;
}

.shop-nav .category-content.active {
    min-height: 460px;
    opacity: 1;
}

.shop-nav .category-content dl {
    padding: 25px 0;
    line-height: 22px;
    display: block;
    border-bottom: 1px solid #eee;
}

.shop-nav .category-content dl:last-child {
    border-bottom: none;
}

.shop-nav .category-content dt {
    position: relative;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    padding-bottom: 7px;
}

.shop-nav .category-content dd:after {
    content: " ";
    display: table;
    clear: both;
}

.shop-nav .category-content dd {
    line-height: 28px;
    font-size: 14px;
    *zoom: 1;
}

.shop-nav .category-content dd a {
    margin-right: 50px;
    float: left;
}

.shop-nav .category-content a:hover {
    text-decoration: none;
}

.shop-nav .category-item {
    display: none;
    padding: 0 40px;
}

.shop-nav .category-menu .active {
    display: block;
}

.shop-nav .category-content .letter-list {
    padding: 10px 0 15px;
    width: 600px;
    height: auto;
    overflow: hidden;
    border-bottom: 1px dashed #e2e2e2;
    font-size: 14px;
    margin: 0 0 10px 20px;
    display: inline;
}

.shop-nav .category-content .letter-list a {
    float: left;
}

.shop-nav .category-content .tips {
    font-weight: 400;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 6px;
}

.shop-nav .category-content .tips a {
    font-weight: 400;
}

.shop-nav .category-content .ico-hqshop {
    margin: -2px 5px 0 0;
}

.panel-hd {
    color: #666;
    border-bottom: #eee solid 1px;
    height: 56px;
    line-height: 56px;
    padding: 0 20px;
    *zoom: 1;
}

.panel-bd:after,.panel-hd:after {
    content: " ";
    display: table;
    clear: both;
}

.panel-hd h2 {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    float: left;
    margin-right: 20px;
}

.panel-bd {
    padding: 20px;
    *zoom: 1;
}

.radius-5 {
    border-radius: 5px;
}

.radius-xt-5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.radius-xb-5 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.self-dropdown {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 28px;
    width: 120px;
    padding: 0 20px 0 10px;
    *padding: 0 20px 0 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: default;
    transition: border linear .2s;
}

.self-dropdown.cur,.self-dropdown:hover {
    border-color: #5babe7;
}

.self-dropdown.cur .icon-downbox-s.bc-66,.self-dropdown:hover .icon-downbox-s.bc-66 {
    background-color: #5babe7;
}

.self-dropdown .input-text {
    border: 0;
    height: 24px;
    line-height: 24px;
    line-height: 23px\9;
    padding: 0!important;
    margin: -3px 0 0!important;
    width: 100%!important;
    cursor: default;
    background-color: #fff;
}

.self-dropdown .is-down {
    width: 20px;
    height: 24px;
    text-align: center;
    position: absolute;
    top: 1px;
    right: 1px;
    line-height: 24px;
    cursor: default;
}

.self-dropdown-con {
    border: 1px solid #5babe7;
    border-top: 0;
    position: absolute;
    top: 26px;
    left: -1px;
    display: none;
    z-index: 99;
    background-color: #fff;
    max-height: 400px;
    overflow: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.self-dropdown-con .item {
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
    line-height: 28px;
    max-width: 260px;
    overflow: hidden;
    display: block;
    *width: 100%;
    background-color: #fff;
    padding: 0 10px;
    cursor: pointer;
    color: #666;
}

.self-dropdown-con .item.cur,.self-dropdown-con .item:hover {
    background-color: #5babe7;
    color: #fff;
}

.sidebar {
    width: 270px;
    float: left;
    display: inline;
}

.sidebar-share-tips {
    display: none;
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 0;
    width: 160px;
    height: 64px;
    float: left;
}

.sidebar-share-tips dl {
    position: absolute;
    z-index: 2;
    padding: 8px 10px;
}

.sidebar-share-tips dt {
    font-size: 12px;
    color: #333;
}

.sidebar-share-tips dd {
    display: block;
}

.sidebar-share-tips .bg {
    background: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 110px;
    height: 60px;
    border-radius: 5px;
}

.sidebar-share-tips .bg b {
    color: #fff;
    position: absolute;
    top: -7px;
    left: 10px;
    font-size: 14px;
    font-family: "宋体";
}

.sidebar .panel {
    margin-bottom: 20px;
}

.sidebar .panel-bd {
    color: #666;
    font-size: 14px;
}

.sidebar-company,.sidebar-year {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
}

.sidebar-supershop {
    background: #eee;
    background: linear-gradient(#eee,#fdfdfd);
    border: 5px solid #eee;
    border-top: 0;
    padding: 0 15px 15px;
}

.sidebar-year {
    background: url(/res/supershop/global/img/sidebar_top.png) no-repeat;
    padding-top: 15px;
    padding-bottom: 26px;
    color: #000;
    text-align: center;
}

.sidebar-year span {
    height: 24px;
    width: 24px;
    margin: 0 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #000;
    color: #fff;
    border-radius: 50%;
}

.sidebar-company {
    margin-top: 10px;
    color: #000;
    font-weight: 400;
}

.sidebar-list {
    margin-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.sidebar-contact {
    padding-top: 10px;
    border-top: 1px solid #fff;
}

.sidebar-contact dl,.sidebar-list dl {
    line-height: 26px;
    overflow: hidden;
}

.sidebar-contact dt,.sidebar-list dt {
    width: 70px;
    float: left;
    font-size: 14px;
    color: #999;
    text-align: right;
}

.sidebar-contact dt {
    width: 50px;
}

.sidebar-contact dd,.sidebar-list dd {
    width: 160px;
    float: left;
    font-size: 14px;
    color: #666;
}

.sidebar-contact dd {
    width: 180px;
}

.sidebar-contact li {
    position: relative;
    margin-bottom: 12px;
}

.sidebar-contact .panel-bd i {
    position: absolute;
    left: 0;
    top: 0;
}

.sidebar-contact .panel-bd li>div {
    padding-left: 32px;
    overflow: hidden;
}

.sidebar-contact .panel-bd .icon-tel-linear {
    top: 3px;
}

.sidebar-contact-tel-linear {
    line-height: 30px;
}

.sidebar-contact .panel-bd a {
    color: #666;
}

.sidebar-brand {
    padding-bottom: 20px;
}

.sidebar-brand .sidebar-brand-bd {
    overflow: hidden;
    height: 186px;
    padding: 20px 20px 0;
}

.sidebar-brand li {
    width: 110px;
    height: 60px;
    display: inline;
    float: left;
    margin-top: 2px;
    overflow: hidden;
    text-align: center;
}

.sidebar-brand .panel-bd {
    padding-bottom: 0;
}

.form-sidebar-input {
    width: 220px;
    position: relative;
}

.form-sidebar-input .input-text {
    width: 180px;
    padding-left: 30px;
    height: 38px;
    border-radius: 5px;
}

.form-sidebar-input .icon-search {
    position: absolute;
    left: 10px;
    top: 13px;
    z-index: 111;
}

.form-sidebar-input .tip {
    position: absolute;
    right: 5px;
    top: 11px;
    height: 16px;
    line-height: 16px;
    color: #c00;
    display: none;
    z-index: 99;
    background-color: #fff;
}

.form-sidebar-input .tip i {
    margin-top: -3px;
}

.sidebar-search .panel-bd {
    padding-right: 15px;
}

.sidebar-search .btn {
    width: 105px;
    margin: 0;
}

.sidebar-search .btn-group {
    padding: 10px 0;
}

.sidebar-search .form {
    padding-top: 10px;
}

.sidebar-news .sidebar-list li {
    height: 30px;
    vertical-align: top;
    line-height: 30px;
    overflow: hidden;
}

.sidebar-news .time {
    float: right;
    color: #999;
}

.sidebar-news .sidebar-list div {
    width: 172px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-news .sidebar-list a {
    color: #666;
}

.sidebar-news .sidebar-list a:hover {
    color: #5babe7;
}

.sidebar-news .panel-bd {
    padding-top: 15px;
}

.sidebar-category-menu>li {
    margin-bottom: 5px;
}

.sidebar-category-menu .sidebar-menu-hd {
    height: 34px;
    background: #eee;
    line-height: 34px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sidebar-category-menu .sidebar-menu-hd a {
    color: #666;
}

.sidebar-category-menu .sidebar-menu-hd:hover {
    background: #ffd100;
}

.sidebar-category-menu .sidebar-menu-hd:hover a {
    color: #000;
}

.sidebar-category-menu .sidebar-menu-bd a:hover,.sidebar-product li a:hover {
    color: #ff6000;
}

.sidebar-category-menu .icon-jia-square,.sidebar-category-menu .icon-jian-square {
    margin: 0 10px;
}

.sidebar-category-menu .sidebar-menu-hd:hover .icon-jia-square {
    background-position: -62px -79px;
    border-color: #fff;
}

.sidebar-category-menu .sidebar-menu-hd:hover .icon-jian-square {
    background-position: -42px -79px;
    border-color: #fff;
}

.sidebar-category-menu .sidebar-menu-bd {
    font-size: 13px;
    padding-top: 5px;
}

.sidebar-category-menu .sidebar-menu-bd a {
    padding-left: 36px;
    display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-category-menu .sidebar-menu-bd li {
    height: 28px;
}

.sidebar-product {
    overflow: hidden;
}

.sidebar-product li {
    height: 45px;
    margin-top: 15px;
    overflow: hidden;
}

.sidebar-product .sidebar-img {
    width: 65px;
    height: 45px;
    float: left;
}

.sidebar-product .sidebar-img img {
    max-width: 65px;
    max-height: 45px;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
}

.sidebar-product .sidebar-txt {
    width: 160px;
    height: 45px;
    margin-left: 5px;
    float: left;
    display: inline;
}

.sidebar-product li a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.sidebar-comment-list {
    overflow: hidden;
}

.sidebar-comment-list dl {
    margin-bottom: 15px;
}

.sidebar-comment-list dt {
    color: #333;
    line-height: 16px;
    padding: 0 0 10px;
}

.sidebar-comment-list dd {
    position: relative;
    z-index: 1;
}

.sidebar-comment-list dd b {
    position: absolute;
    z-index: 1;
    top: -7px;
    left: 10px;
    font-weight: 400;
    font-size: 12px;
    font-family: "宋体";
    color: #eee;
}

.sidebar-comment-list dd p {
    background: #eee;
    padding: 10px;
    overflow: hidden;
    color: #666;
    line-height: 20px;
    border-radius: 5px;
    font-size: 13px;
}

.sidebar-comment-form .textarea {
    width: 200px;
    height: 48px;
    line-height: 22px;
    color: #666;
    resize: none;
    padding: 5px 8px;
    margin: 0;
    overflow: hidden;
    border-radius: 5px;
}

.sidebar-comment-form p {
    padding: 8px 0 5px;
    line-height: 26px;
}

.sidebar-comment-form .radio {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
}

.sidebar-comment-form label {
    display: inline-block;
    vertical-align: middle;
    color: #333;
}

.sidebar-comment-form .btn {
    width: 88px;
    margin-bottom: 10px;
}

.main {
    width: 900px;
    float: right;
    display: inline;
}

.page-index .main .panel {
    margin-bottom: 20px;
    border-radius: 5px;
}

.page-index .main .panel-hd {
    border-bottom: none;
    padding-left: 30px;
}

.page-index .main .panel-bd {
    padding-top: 0;
}

.page-index .shop-nav {
    margin-bottom: 0;
}

.page-index .shop-nav .category-menu {
    display: block;
}

.page-index .shop-nav .category .icon-white-arrow {
    display: none;
}

.shop-index-banner {
    width: 100%;
    height: 460px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.shop-index-banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.shop-index-banner-content li {
    width: 100%;
    height: 460px;
    overflow: hidden;
    float: left;
    background-position: center top;
}

.shop-index-banner-content li a {
    display: block;
    width: 100%;
    height: 100%;
}

.shop-index-banner-nav {
    position: absolute;
    bottom: 15px;
    width: 1190px;
    left: 50%;
    margin-left: -600px;
    text-align: right;
    overflow: hidden;
}

.shop-index-banner-nav li {
    width: 8px;
    height: 8px;
    line-height: 26px;
    overflow: hidden;
    font-size: 1px;
    border-radius: 5px;
    text-indent: -99999px;
    background: #fff;
    display: inline-block;
    margin-left: 5px;
    transition: all .3s ease-out;
    color: #fff;
    cursor: pointer;
}

.shop-index-banner-nav li.active {
    background: #ffd100;
    width: 20px;
    color: #ffd100;
}

.shop-index-brand {
    text-align: center;
    font-size: 0;
}

.shop-index-brand .shop-index-bd {
    min-height: 170px;
    max-width: 1190px;
    background: #ffd100;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    overflow: hidden;
}

.shop-index-brand ul {
    padding: 20px 20px 18px;
    max-width: 1190px;
    overflow: hidden;
    margin-left: -2px;
}

.shop-index-brand li {
    display: inline;
    float: left;
    margin: 0 0 2px 2px;
    width: 190px;
    height: 130px;
    overflow: hidden;
    background: #fff;
    position: relative;
}

.shop-index-brand li img {
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -68px;
}

.shop-index-brand li a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.shop-index-new-product {
    margin-bottom: 40px;
    position: relative;
}

.shop-index-new-product .shop-index-bd {
    height: 256px;
    width: 1190px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.shop-index-new-product .product-list {
    padding: 0;
    position: absolute;
}

.shop-index-new-product .product-list li {
    float: left;
    display: inline;
    width: 238px;
    height: 256px;
    *width: 208px;
    *height: 236px;
    padding: 20px 15px 0;
    overflow: hidden;
    transition: background .3s ease-out;
    box-sizing: border-box;
}

.shop-index-new-product .product-list li:hover {
    background: #ffd100;
}

.shop-index-new-product .product-list .img {
    width: 208px;
    height: 156px;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 10px;
    background: #fff;
    text-align: center;
}

.shop-index-new-product .product-list .img img {
    max-width: 208px;
    max-height: 156px;
}

.shop-index-new-product .product-list .title {
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
}

.shop-index-new-product .product-list .price {
    color: #f60;
    font-size: 16px;
    overflow: hidden;
    font-weight: 400;
    text-overflow: ellipsis;
}

.shop-index-new-product .product-list .price .icon-yuan {
    font-size: 14px;
    padding-right: 3px;
}

.shop-index-new-product .next,.shop-index-new-product .prev {
    position: absolute;
    top: 50%;
    margin-top: 6px;
    z-index: 1;
    width: 24px;
    height: 50px;
    line-height: 50px;
    background: #000;
    background: rgba(0,0,0,.2);
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    font-family: simsun;
    cursor: pointer;
    _background-color: #000;
    filter: alpha(opacity=20);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.shop-index-new-product .prev {
    left: 0;
    border-radius: 0 5px 5px 0;
}

.shop-index-new-product .next {
    right: 0;
    border-radius: 5px 0 0 5px;
}

.floor {
    margin-bottom: 30px;
}

.floor-sidebar {
    width: 250px;
    height: 400px;
    display: inline;
    float: left;
    background: #4ac3bf;
}

.floor-sidebar-bd {
    height: 291px;
    overflow: hidden;
}

.floor-sidebar-title {
    background: url(/res/supershop/home/img/floor_sidebar_title.png) top center no-repeat;
    height: 46px;
    line-height: 46px;
    margin: 30px 0 0;
    font-size: 24px;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.floor-sidebar-img {
    height: 176px;
    width: 250px;
    padding: 20px 0 0;
    text-align: center;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.floor-sidebar-img img {
    vertical-align: middle;
}

.floor-sidebar-ft {
    background: rgba(255,255,255,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33ffffff, endcolorstr=#33ffffff);
    height: 144px;
}

.floor-main,.floor-sidebar2 {
    display: inline;
    background: #fff;
}

.floor-sidebar-ft ul {
    padding: 20px 0 20px 25px;
}

.floor-sidebar-ft li {
    display: inline;
    float: left;
    width: 100px;
    height: 26px;
    line-height: 36px;
    overflow: hidden;
    color: #fff;
    margin-right: 10px;
}

.floor-sidebar-ft a {
    color: #fff;
}

.floor-main {
    width: 920px;
    height: 435px;
    float: left;
}

.shop-index-hot .product-list {
    padding: 0 0 0 22px;
}

.shop-index-hot .product-list li {
    float: left;
    display: inline;
    height: 195px;
    width: 180px;
    padding: 20px 15px 0;
    overflow: hidden;
    transition: box-shadow .3s ease-out;
}

.shop-index-hot .product-list li:hover {
    box-shadow: 1px 2px 5px 3px rgba(153,153,153,.3);
}

.shop-index-hot .product-list .img {
    width: 180px;
    height: 135px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
}

.shop-index-hot .product-list .img img {
    max-height: 175px;
    max-width: 200px;
}

.shop-index-hot .product-list .title {
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
	text-align: center;
    margin-top: 15px;
}

.shop-index-hot .product-list .price {
    color: #f60;
    font-size: 16px;
    overflow: hidden;
    font-weight: 400;
    text-overflow: ellipsis;
}

.shop-index-hot .product-list .price .icon-yuan {
    font-size: 14px;
    padding-right: 3px;
}

.floor-sidebar2 {
    width: 250px;
    height: 435px;
    float: right;
    overflow: hidden;
}

.floor-sidebar2 h3 {
    font-size: 16px;
    color: #000;
    margin: 20px;
}

.floor-sidebar2 li {
    position: relative;
    margin: 0 20px;
    height: 73px;
    border-bottom: 1px solid #eee;
}

.floor-sidebar2 li:last-child {
    border-bottom: 0;
}

.floor-sidebar2 .img {
    position: absolute;
    right: 0;
    top: 10px;
    transition: right .3s ease-in-out;
    width: 60px;
    height: 45px;
    overflow: hidden;
    text-align: right;
}

.floor-sidebar2 .img img {
    max-width: 60px;
    max-height: 45px;
}

.floor-sidebar2 a:hover .img {
    right: 8px;
}

.floor-sidebar2 .title {
    width: 106px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
    text-overflow: ellipsis;
    padding: 10px 0 0 31px;
}

.floor-sidebar2 .price {
    color: #f60;
    font-size: 12px;
    overflow: hidden;
    font-weight: 400;
    text-overflow: ellipsis;
    padding-left: 31px;
}

.floor-sidebar2 .icon-yuan {
    padding-right: 3px;
}

.floor-sidebar2 .icon-num {
    width: 21px;
    height: 30px;
    line-height: 26px;
    background: url(/res/supershop/global/img/bg_spirit.png) no-repeat;
    position: absolute;
    left: 0;
    top: 13px;
    color: #666;
    text-align: center;
    font-family: arial;
    font-weight: 700;
}

.floor-sidebar2 .icon-num-gray {
    background-position: left -31px;
}

.shop-index-hd {
    width: 550px;
    height: 30px;
    line-height: 30px;
    background: url(img/bg_title.png) no-repeat;
    text-align: center;
    font-size: 28px;
    letter-spacing: 12px;
    margin: 46px auto 40px;
    padding-left: 7px;
}

.shop-index-banner-brand img,.shop-index-banner-footer img {
    vertical-align: top;
}

.index-no-data {
    height: 275px!important;
    line-height: 275px!important;
    text-align: center!important;
}

.page-news .font-normal {
    font-weight: 400;
}

.page-news .news-items li {
    height: 49px;
    line-height: 49px;
    color: #999;
}

.page-news .news-items li a {
    position: relative;
    display: block;
    font-size: 14px;
    color: #666;
    padding-right: 100px;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-news .news-items li a:hover,.page-news .news-items li a:hover span {
    color: #ff6000;
}

.page-news .news-items li a:hover .icon-dashed-rightbox {
    background-color: #ff6000;
}

.page-news .news-tit {
    font-size: 24px;
    color: #333;
    font-weight: 400;
    text-align: center;
}

.page-news .news-date {
    font-size: 13px;
    color: #999;
    text-align: center;
}

.page-news .news-con {
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-news .news-con p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    text-indent: 2em;
}

.page-news .news-con img {
    max-width: 870px;
    margin: 10px auto;
    display: block;
}

.page-inquiry .color-red {
    color: #c00;
}

.page-inquiry .panel-head h2 {
    font-size: 16px;
    font-weight: 400;
}

.page-inquiry .table tr th {
    padding: 7px 5px;
    background: #e8e8e8;
}

.page-inquiry .table tr td {
    padding: 5px;
    text-align: left;
    font-size: 0;
    vertical-align: middle;
}

.page-inquiry .table tr td input {
    box-sizing: border-box;
    height: 28px;
    line-height: 28px;
}

.page-inquiry .icon-jia-circle {
    margin-right: 0;
}

.page-inquiry .inquiry-tit {
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    background: #f1f1f1;
    font-size: 14px;
    color: #666;
}

.page-inquiry .inquirys {
    overflow: hidden;
}

.page-inquiry .inquirys li {
    padding: 12px 10px 11px;
}

.page-comment .conact-box {
    position: relative;
    padding-right: 200px;
    overflow: hidden;
}

.page-comment .conact-box h3 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 20px;
    height: 20px;
}

.page-comment .conact-box p {
    line-height: 32px;
    color: #666;
    font-size: 14px;
    word-break: break-all;
}

.page-comment .company-code {
    width: 158px;
    height: 178px;
    padding: 10px;
    position: absolute;
    right: 0;
    bottom: 10px;
    background: #f1f1f1;
    border: 1px solid #ddd;
}

.page-comment .company-code img {
    width: 158px;
    height: 158px;
}

.page-comment .company-code p {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.page-comment .map-box {
    margin-top: 20px;
    width: 840px;
    max-height: 600px;
    overflow: hidden;
}

.product-index {
    color: #666;
}

.product-index .search {
    position: relative;
    width: 300px;
}

.product-index .search .input-text {
    width: 240px;
    padding-left: 5px;
    padding-right: 35px;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
}

.product-index .search .icon-search {
    position: absolute;
    top: 13px;
    z-index: 111;
    left: 256px;
    cursor: pointer;
}

.product-index .search .btn {
    height: 40px;
    line-height: 40px;
}

.product-index .search .tip {
    position: absolute;
    right: 50px;
    top: 11px;
    height: 16px;
    line-height: 16px;
    color: #c00;
    display: none;
    z-index: 99;
}

.product-index .search .tip i {
    margin-top: -3px;
}

.product-index .keybox {
    width: 100%;
}

.product-index .keybox a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    margin: 0 10px 10px 0;
    padding: 0 5px;
    float: left;
    cursor: pointer;
}

.product-index .keybox a em {
    font-style: normal;
    color: #999;
}

.product-index .keybox a.cur,.product-index .keybox a:hover {
    color: #ff6000;
    text-decoration: none;
}

.product-index .keybox a.cur em,.product-index .keybox a:hover em {
    color: #ff6000;
}

.product-index .table .min-imgbox {
    border: none;
}

.product-index .table .min-imgbox .icon-serve-biaowang,.product-index .table .min-imgbox .icon-serve-pinpai {
    position: absolute;
    left: -3px;
    top: -3px;
}

.product-index .no-data {
    padding: 60px 20px 200px;
    text-align: center;
    color: #666;
}

.product-details .preview {
    width: 360px;
    float: left;
    position: relative;
    z-index: 1;
}

.product-details .preview .counts {
    text-align: center;
    color: #999;
    margin-top: 5px;
    padding-bottom: 20px;
}

.product-details .preview .counts .sidebar-share-tips {
    top: 25px;
    left: 0;
}

.product-details .preview .counts .sidebar-share-tips .bg {
    background-color: #e0f9f7;
}

.product-details .preview .counts .sidebar-share-tips .bg b {
    color: #e0f9f7;
}

.product-details .preview .focusbox {
    width: 360px;
    height: 345px;
}

.product-details .preview .xiajia {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #717171;
    color: #fff;
    padding: 5px 10px;
    z-index: 9;
    font-size: 16px;
}

.product-details .preview #tFocus-btn li.active,.product-details .preview #tFocus-leftbtn,.product-details .preview #tFocus-rightbtn {
    display: block;
}

.product-details .preview #tFocus {
    width: 360px;
    height: 345px;
    overflow: hidden;
}

.product-details .preview #tFocus-pic {
    width: 360px;
    height: 275px;
    position: relative;
}

.product-details .preview #tFocus-pic li {
    width: 360px;
    height: 275px;
    position: absolute;
    left: 0;
    top: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

.product-details .preview #tFocus-pic li img {
    width: 360px;
    height: 275px;
}

.product-details .preview #tFocusBtn {
    width: 360px;
    height: 62px;
    z-index: 20;
    overflow: hidden;
    position: relative;
}

.product-details .preview #tFocus-btn {
    width: 360px;
    height: 62px;
    position: relative;
    left: 0;
    bottom: 0;
    overflow: hidden;
    float: left;
}

.product-details .preview #tFocus-btn ul {
    width: 100000px;
    position: absolute;
    left: 0;
    top: 0;
}

.product-details .preview #tFocus-btn li {
    height: 52px;
    width: 68px;
    padding-top: 10px;
    display: block;
    float: left;
    margin-right: 5px;
    filter: alpha(opacity=90);
    opacity: .9;
}

.product-details .preview #tFocus-btn li img {
    border: 1px solid #ddd;
    width: 65px;
    height: 50px;
}

.product-details .preview #tFocus-btn li.active {
    filter: alpha(opacity=100);
    opacity: 1;
}

.product-details .preview #tFocus-btn li.active img {
    border: 1px solid #ffd100;
}

.product-details .preview #tFocus-leftbtn,.product-details .preview #tFocus-rightbtn {
    height: 40px;
    margin-top: 18px;
    width: 15px;
    float: left;
    text-indent: -9999px;
    display: none;
}

.product-details .preview #tFocus-leftbtn {
    margin-right: 5px;
    background-position: -455px -60px;
}

.product-details .preview #tFocus-rightbtn {
    background-position: -480px -60px;
}

.product-details .iteminfo {
    width: 720px;
    float: left;
    margin-left: 30px;
}

.product-details .iteminfo .sidebar-share-tips {
    top: 20px;
    left: 0;
}

.product-details .iteminfo h2 {
    margin-bottom: 20px;
    font-weight: 400;
}

.product-details .iteminfo .attribute {
    margin-bottom: 5px;
    line-height: 28px;
}

.product-details .iteminfo .attribute .name {
    width: 70px;
    float: left;
    color: #999;
}

.product-details .iteminfo .attribute .value {
    width: 600px;
    float: left;
    margin-left: 20px;
}

.product-details .iteminfo .attribute.price {
    line-height: 30px;
}

.product-details .iteminfo .attribute.price b {
    font-size: 30px;
}

.product-details .iteminfo .bighlightbox {
    border-left: #ffd100 solid 3px;
    padding: 10px 0 0 15px;
    margin-left: -18px;
    background-color: #f4f4f4;
    margin-bottom: 15px;
}

.product-details .iteminfo .xiajia {
    text-align: center;
    background-color: #f4f4f4;
    height: 62px;
    padding: 10px;
    font-size: 18px;
    color: #333;
    line-height: 60px;
    margin-left: -15px;
}

.album-photo .photo-list li .variable,.product-details .orthermodls li,.product-details .other-prod li .variable {
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-details .other-prod {
    font-size: 14px;
}

.product-details .other-prod li {
    width: 205px;
    height: 228px;
    margin-right: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    float: left;
    transition: box-shadow linear .2s;
}

.product-details .other-prod li.r {
    margin-right: 0;
}

.product-details .other-prod li .imgbox {
    width: 205px;
    height: 150px;
    margin-bottom: 10px;
    position: relative;
}

.product-details .other-prod li .imgbox img {
    width: 205px;
    height: 150px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.product-details .other-prod li .imgbox .icon-serve-biaowang,.product-details .other-prod li .imgbox .icon-serve-pinpai {
    position: absolute;
    left: -3px;
    top: -3px;
}

.product-details .other-prod li .variable {
    margin: 0 10px;
    height: 20px;
    font-size: 13px;
}

.product-details .other-prod li .price {
    color: #ff6000;
    font-size: 14px;
}

.product-details .other-prod li .price em {
    font-size: 18px;
    font-style: normal;
}

.product-details .other-prod li:hover {
    border-color: #d4d4d4;
    box-shadow: 0 3px 10px #bcbcbc;
}

.product-details .other-prod .roll {
    width: 880px;
    height: 300px;
    overflow: hidden;
}

.product-details .rolbox {
    position: relative;
}

.product-details .rolbox .btn-left {
    position: absolute;
    left: -20px;
    top: 110px;
    cursor: pointer;
}

.product-details .rolbox .btn-right {
    position: absolute;
    right: -20px;
    top: 110px;
    cursor: pointer;
}

.product-details .orthermodls li {
    width: 205px;
    float: left;
    margin-right: 10px;
    height: 20px;
    margin-bottom: 5px;
}

.product-details .orthermodls li a {
    color: #666;
}

.product-details .orthermodls li a:hover {
    color: #ff6000;
}

.product-details .ask-modls {
    position: absolute;
    z-index: 9;
    bottom: 30px;
    left: 0;
    display: none;
}

.product-details .ask-modls-box {
    position: relative;
    padding-right: 10px;
}

.product-details .ask-modls-con {
    border-radius: 5px;
    padding: 10px 20px;
    box-shadow: 0 0 8px rgba(153,153,153,.8);
    border: 1px solid #c1c1c1\9;
    background-color: #fff9da;
}

.product-details .ask-modls-box b {
    display: inline-block;
    color: #fff9da;
    position: absolute;
    z-index: 2;
    left: 20px;
    bottom: -24px;
    font-size: 33px;
}

.product-details .ask-modls-box b.b2 {
    display: inline-block;
    color: #999;
    FILTER: alpha(opacity=50);
    opacity: .5;
    position: absolute;
    left: 20px;
    bottom: -25px;
    font-size: 33px;
    z-index: 1;
}

.pdf-box {
    width: 700px;
    max-height: 800px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.album-photo .photo-list {
    font-size: 14px;
}

.album-photo .photo-list li {
    width: 205px;
    height: 190px;
    margin-right: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    float: left;
    margin-bottom: 20px;
    cursor: pointer;
}

.album-photo .photo-list li.r {
    margin-right: 0;
}

.album-photo .photo-list li .imgbox {
    width: 205px;
    height: 150px;
    margin-bottom: 10px;
}

.album-photo .photo-list li .imgbox img {
    width: 205px;
    height: 150px;
    border-radius: 5px;
    opacity: .85;
    filter: Alpha(opacity=85);
    transition: opacity linear .2s;
}

.album-photo .photo-list li .variable {
    margin: 0 10px;
    height: 20px;
    font-size: 13px;
    text-align: center;
}

.album-photo .photo-list li:hover img {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.album-photo .preview-mask,.company-files .preview-mask {
    opacity: .3;
    filter: Alpha(opacity=30);
    transition: opacity linear .2s;
    z-index: 99999;
}

.album-photo .preview {
    width: 800px;
    height: 580px;
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    background-color: #fff;
    border-radius: 5px;
}

.album-photo .preview-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #333;
}

.album-photo .preview-main .name,.album-photo .preview-main .remark {
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.album-photo .preview-main {
    position: relative;
    padding: 20px;
}

.album-photo .preview-main .close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.album-photo .preview-main .to-left {
    position: absolute;
    top: 260px;
    left: 0;
    display: none;
}

.album-photo .preview-main .to-right {
    position: absolute;
    top: 260px;
    right: 0;
    display: none;
}

.album-photo .preview-main .name {
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

.album-photo .preview-main .remark {
    font-size: 14px;
    color: #666;
    text-align: left;
}

.album-photo .preview-main .img-box {
    height: 480px;
    width: 760px;
    line-height: 480px;
    display: table-cell;
    margin-bottom: 10px;
    text-align: center;
}

.album-photo .preview-main .img-box img {
    max-height: 480px;
    max-width: 760px;
    vertical-align: middle;
}

.album-photo .preview-main:hover .to-left,.album-photo .preview-main:hover .to-right {
    display: inline-block;
}

.company-files .introduction {
    line-height: 32px;
    font-size: 14px;
    color: #666;
    padding-bottom: 35px;
    position: relative;
    overflow: hidden;
}

.company-files .introduction .company-img {
    float: left;
    margin: 0 20px 10px 0;
    width: 300px;
    height: 210px;
    text-indent: 0;
}

.company-files .introduction .company-img img {
    width: 300px;
    height: 210px;
}

.company-files .introduction .mroe {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 560px;
    height: 35px;
    background-color: #fff;
    text-align: right;
}

.company-files .brand-list {
    width: 870px;
    height: 86px;
    overflow: hidden;
}

.company-files .brand-list li {
    border: 1px solid #ddd;
    margin: 0 10px 10px 0;
    width: 134px;
    height: 74px;
    float: left;
    line-height: 74px;
    display: table-cell;
}

.company-files .brand-list li.r {
    margin-right: 0;
}

.company-files .brand-list li img {
    max-width: 132px;
    max-height: 74px;
    width: 134px\9;
    height: 74px\9;
    vertical-align: middle;
}

.company-files .zhengshu-list {
    font-size: 14px;
    text-align: center;
}

.company-files .zhengshu-list li {
    width: 208px;
    height: 190px;
    margin: 0 10px 10px 0;
    float: left;
    cursor: pointer;
}

.company-files .zhengshu-list li.r {
    margin-right: 0;
}

.company-files .zhengshu-list li .img-box {
    width: 206px;
    height: 150px;
    line-height: 150px;
    display: table-cell;
    border-radius: 5px;
}

.company-files .zhengshu-list li .img-box img {
    max-width: 204px;
    max-height: 150px;
    width: 204px\9;
    height: 150px\9;
    vertical-align: middle;
}

.company-files .preview {
    width: 800px;
    height: 580px;
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    background-color: #fff;
    border-radius: 5px;
}

.company-files .preview-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #333;
}

.company-files .preview-main .name,.company-files .preview-main .remark {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.company-files .preview-main {
    position: relative;
    padding: 20px;
}

.company-files .preview-main .close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.company-files .preview-main .to-left {
    position: absolute;
    top: 260px;
    left: 0;
    display: none;
}

.company-files .preview-main .to-right {
    position: absolute;
    top: 260px;
    right: 0;
    display: none;
}

.company-files .preview-main .name {
    font-size: 16px;
    margin-bottom: 10px;
}

.company-files .preview-main .remark {
    font-size: 14px;
    color: #666;
}

.company-files .preview-main .img-box {
    height: 480px;
    width: 760px;
    line-height: 480px;
    display: table-cell;
    margin-bottom: 10px;
    text-align: center;
}

.company-files .preview-main .img-box img {
    max-height: 480px;
    max-width: 760px;
    vertical-align: middle;
}

.company-files .preview-main:hover .to-left,.company-files .preview-main:hover .to-right {
    display: inline-block;
}

.company-files .album-list {
    font-size: 14px;
}

.company-files .album-list li {
    width: 205px;
    height: 220px;
    margin-right: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    float: left;
    margin-bottom: 20px;
    box-shadow: 0 4px 3px #fff;
    transition: box-shadow linear .1s;
}

.company-files .album-list li.r {
    margin-right: 0;
}

.company-files .album-list li .imgbox {
    width: 205px;
    height: 150px;
    margin-bottom: 10px;
}

.company-files .album-list li .imgbox img {
    width: 205px;
    height: 150px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.company-files .album-list li .variable {
    margin: 0 10px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    text-align: center;
}

.company-files .album-list li:hover {
    border-color: #d4d4d4;
    box-shadow: 0 3px 10px #bcbcbc;
}
.container {
    width: 1200px;
    margin: 0 auto;
}