@charset "utf-8";

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizelegibility;
    height: 100%;
}

body {
    font-family: 'Tahoma',Helvetica,'Microsoft YaHei',Arial,sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
    background-color: #f0f0f0;
    min-width: 1200px;
    min-height: 80%;
    margin: 0;
    padding: 0 !important;
    position: relative;
    /*padding-bottom:299px!important;*/
}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

button, input, select, textarea {
    font: 300 1em 'Tahoma',Helvetica,'Microsoft YaHei',Arial,sans-serif;
}

    input, textarea:focus {
        border-color: #666;
        outline: none;
    }

        button::-moz-focus-inner, input::-moz-focus-inner {
            padding: 0;
            border: 0;
        }

        input::-webkit-input-placeholder {
            color: #bbb;
        }

        input:-moz-placeholder {
            color: #bbb;
        }

        input:focus {
            outline: none;
        }

[hidden], .hidden {
    display: none;
}

a {
    background: transparent;
    text-decoration: none;
}

    a:active, a:hover {
        outline: 0;
    }

.b, strong {
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.1;
}

h1, .h1 {
    font-size: 22px;
}

h2, .h2 {
    font-size: 16px;
}

h3, .h3 {
    font-size: 16px;
}

h4, .h4 {
    font-size: 14px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 12px;
}

img {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

blockquote {
    position: relative;
    color: #999;
    font-weight: 400;
    border-left: 1px solid #1abc9c;
    padding-left: 1em;
    margin: 1em 3em 1em 2em;
}

@media only screen and (max-width:640px) {
    blockquote {
        margin: 1em 0;
    }
}

acronym, abbr {
    border-bottom: 1px dotted;
    font-variant: normal;
}

abbr {
    cursor: help;
}

del {
    text-decoration: line-through;
}

p {
    margin-bottom: 10px;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

:root sub, :root sup {
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 400;
}

ul, ol {
    list-style: none;
}

caption, th {
    text-align: left;
}

.typo a {
    border-bottom: 1px solid #1abc9c;
}

    .typo a:hover {
        border-bottom-color: #555;
        color: #555;
        text-decoration: none;
    }

.textwrap, .textwrap td, .textwrap th {
    word-wrap: break-word;
    word-fieldset: break-all;
}

mark {
    background: #fffdd1;
    border-bottom: 1px solid #ffedce;
    padding: 2px;
    margin: 0 5pxfieldset;
}

pre, code, pre tt {
    font-family: Courier,'Courier New',monospace;
}

pre {
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: 1em 1.5em;
    display: block;
    -webkit-overflow-scrolling: touch;
    white-space: pre-wrap;
}

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

hr {
    border: none;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 0.8em;
    height: 10px;
}

@font-face {
    font-family: "iconfont-c";
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont-c {
    font-family: "iconfont-c" !important;
    font-size: 16px;
    font-style: normal;
}

.icon-xiala:before {
    content: "\e600";
}

.icon-gongnengyezhongshemimayoujian:before {
    content: "\e602";
}

.icon-zhanneixin:before {
    content: "\e607";
}

.icon-gengduo:before {
    content: "\e601";
}

.icon-gouwuche2:before {
    content: "\e603";
}

.icon-book:before {
    content: "\e604";
}

.icon-iconfontcolor19:before {
    content: "\e605";
}

.icon-icon7:before {
    content: "\e606";
}

.icon-icon:before {
    content: "\e608";
}

.icon-liuyanxuanzhong:before {
    content: "\e609";
}

.container {
    width: 1200px;
    margin: 0 auto;
    zoom: 1;
}

    .container:before, .container:after {
        display: table;
        content: " ";
    }

    .container:after {
        clear: both;
    }

    .container:before, .container:after {
        display: table;
        content: " ";
    }

    .container:after {
        clear: both;
    }

.clearfix {
    zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        content: " ";
    }

    .clearfix:after {
        clear: both;
    }

.red {
    color: #c00;
}

.font12 {
    font-size: 12px;
}

a {
    color: #333;
}

    a:hover {
        color: #000;
    }

.crumbs {
    padding: 8px 0;
    color: #666;
}

    .crumbs a {
        color: #999;
    }

        .crumbs a:hover {
            text-decoration: underline;
            color: #e50000;
        }

    .crumbs em {
        color: #333;
    }

.thumb {
    line-height: 1.42857143;
    display: block;
    margin-bottom: 20px;
    text-align: center;
    background-color: #fff;
}

    .thumb .caption {
        padding: 9px;
        text-align: left;
        color: #333;
    }

.top-tips {
    font-size: 14px;
    line-height: 1.2;
    position: fixed;
    top: 0;
    left: 50%;
    max-width: 160px;
    margin-left: -80px;
    padding: 8px 10px;
    color: #fff;
    border-radius: 0 0 5px 5px;
    background: rgba(0,0,0,0.7);
}

.webuploader-container {
    position: relative;
}

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

.webuploader-pick {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding: 6px 20px;
    cursor: pointer;
    text-align: center;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #f4f4f4;
}

.webuploader-pickNew {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    display: inline-block;
   
    cursor: pointer;
    text-align: center;
    color: #333;
    
    border-radius: 3px;
    
}

.webuploader-pick-hover {
}

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

.img-default {
    background: #e5e5e5 url(../images/default-img.png) no-repeat center center;
}

.btn-skype {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 30px;
    background-color: #f5f5f5;
}

.skype-d {
    position: absolute;
    top: 2px;
    left: 60px;
    width: 130px;
    background-color: #fff;
    box-shadow: 0 0 2px #999;
}

    .skype-d a {
        font-size: 12px;
        line-height: 30px !important;
        width: 100px;
        height: 30px !important;
        margin-left: 14px !important;
        vertical-align: middle !important;
        color: #000 !important;
    }

        .skype-d a:hover {
            text-decoration: none !important;
        }

    .skype-d lable {
        display: inline-block;
        width: 130px;
    }

        .skype-d lable:hover {
            background-color: #ccc;
        }

.sgrade-s:hover, .sgrade-lg:hover {
    cursor: pointer;
}

.sgrade-s {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: -3px;
    background-image: url(../images/common/seller_grade_s.png);
    background-repeat: no-repeat;
    *vertical-align: middle;
}

.sgrade-b {
    display: inline-block;
    float: left;
    margin-right: 6px;
    vertical-align: -3px;
    background-repeat: no-repeat;
    *vertical-align: middle;
}

.sg-gold-s {
    background-position: 0 0;
}

.sg-verifiedname-s {
    background-position: 0 -16px;
}

.sg-verified-s {
    background-position: 0 -48px;
}

.sg-audited-s {
    background-position: 0 -32px;
}

.sgrade-lg {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: -3px;
    background-image: url(../images/common/seller_grade_lg.png);
    background-repeat: no-repeat;
}

.sg-gold-m {
    background-position: 0 -151px;
}

.sg-verified-m {
    background-position: -25px -151px;
}

.sg-audited-m {
    background-position: -100px -151px;
}

.sg-verifiedname-m {
    background-position: -75px -151px;
}

.alert-layer {
    font-size: 14px;
    padding: 10px 15px;
}

    .alert-layer .alink {
        font-size: 16px;
        text-decoration: underline;
        color: #ff3d00;
    }

    .alert-layer .save {
        color: #fff;
        background: linear-gradient(#ff5f00,#ff3d00);
        background-color: #f7971d;
    }

em.not-null, .not-null em {
    padding-right: 5px;
    color: #e50000;
}

.placeholder {
    color: #999;
}

.j-toTop {
    line-height: 48px;
    position: fixed;
    z-index: 9;
    right: 2%;
    bottom: 220px;
    width: 48px;
    height: 48px;
    text-align: center;
}

    .j-toTop a {
        font-size: 0;
        display: block;
        overflow: hidden;
        width: 48px;
        height: 48px;
        text-indent: -9999px;
        color: #fff;
        background: url(../images/backTop.png) no-repeat center 19px #ddd;
    }

        .j-toTop a:hover {
            background-color: #e74445;
        }

.j-notpasstips-layer .layui-layer-content {
    line-height: 20px !important;
    border: 1px solid #fac3c3 !important;
}

.j-notpasstips-layer .layui-layer-TipsB s {
    border-color: transparent transparent #fac3c3 !important;
}

.j-notpasstips-layer .layui-layer-TipsB i {
    border-color: transparent transparent #fff2f2 !important;
}

.j-notpasstips {
    display: inline-block;
    float: none !important;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    vertical-align: -3px;
    background: url(../images/sprite-icon-tip.png) no-repeat 0 -161px;
    *vertical-align: middle;
}

.popCard .layui-layer-content {
    padding-top: 0 !important;
}

    .popCard .layui-layer-content .txt p {
        line-height: 25px;
    }

        .popCard .layui-layer-content .txt p .subTitle {
            color: #999;
        }

        .popCard .layui-layer-content .txt p .cantonfair_count, .popCard .layui-layer-content .txt p .last_session {
            display: inline-block;
            width: 16px;
            height: 16px;
            margin-top: 5px;
            margin-right: 3px;
            padding: 0;
            vertical-align: top;
            background: url() 0 0 no-repeat;
        }

        .popCard .layui-layer-content .txt p .cantonfair_count {
            background-image: url(/global/images/icons/timesIcon.png);
        }

        .popCard .layui-layer-content .txt p .last_session {
            background-image: url(/global/images/icons/sessionIcon.png);
        }

.popCard .j-passtips {
    font-size: 12px !important;
    line-height: 21px;
    display: inline-block;
    margin-left: 5px;
    padding: 0 3px;
    color: #fff !important;
    border-radius: 2px;
    background-color: #3dcc9c;
}

.last_session, .cantonfair_count {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    border-radius: 16px;
}

    .last_session img, .cantonfair_count img {
        display: inline-block !important;
        width: 16px !important;
        height: 16px !important;
        margin-top: 4px !important;
        margin-right: 5px;
        border: 0 !important;
        border-radius: 0 !important;
    }

    .last_session .num, .cantonfair_count .num {
        display: inline-block;
        float: left;
        zoom: 1;
        width: 8px;
        height: 10px;
        margin-top: 3px;
        background: url(../images/icon_number.png) no-repeat 0 0;
        *display: inline;
    }

    .last_session .num0, .cantonfair_count .num0 {
        background-position: 0 -117px;
    }

    .last_session .num1, .cantonfair_count .num1 {
        background-position: 0 -104px;
    }

    .last_session .num2, .cantonfair_count .num2 {
        background-position: 0 -91px;
    }

    .last_session .num3, .cantonfair_count .num3 {
        background-position: 0 -78px;
    }

    .last_session .num4, .cantonfair_count .num4 {
        background-position: 0 -65px;
    }

    .last_session .num5, .cantonfair_count .num5 {
        background-position: 0 -52px;
    }

    .last_session .num6, .cantonfair_count .num6 {
        background-position: 0 -39px;
    }

    .last_session .num7, .cantonfair_count .num7 {
        background-position: 0 -26px;
    }

    .last_session .num8, .cantonfair_count .num8 {
        background-position: 0 -13px;
    }

    .last_session .num9, .cantonfair_count .num9 {
        background-position: 0 0;
    }

.offline-icon {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 16px;
    display: inline-block;
    padding: 0 3px;
    color: #fff;
    border-radius: 4px;
    background-color: #ff9844;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    border: 1px solid #ccc;
    background-color: #eee;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    color: #333;
    padding: 6px 20px;
    font-size: 14px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    *padding: 6px 20px 4px;
    *overflow: visible;
    *filter: chroma(color=#000000);
}

.btn1 {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    border: 1px solid #f39800;
    background-color: #FBF2E8;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    color: #f39800;
    padding: 6px 20px;
    font-size: 14px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    *padding: 6px 20px 4px;
    *overflow: visible;
    *filter: chroma(color=#000000);
}

    .btn:hover, .btn:focus {
        text-decoration: none;
        background-color: #e4e4e4;
    }

    .btn:active, .btn.active {
        outline: 0;
        background-color: #e1e1e1;
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

    .btn .badge {
        font-size: 12px;
        margin: -2px -4px;
        background-color: #ccc;
        background-color: rgba(0,0,0,0.15);
    }

    .btn .icon, .btn .iconfont {
        font-size: inherit;
        font-weight: 300;
    }

.btn-primary {
    color: #fff;
    background-color: #e50000;
    border-color: #e50000;
}

    .btn-primary:hover, .btn-primary:focus {
        text-decoration: none;
        background-color: #ff0000;
    }

    .btn-primary:active, .btn-primary.active {
        outline: 0;
        background-color: #cc0000;
    }

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        color: #fff;
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #ff1919;
        border-color: #ff1919;
    }

    .btn-primary .badge {
        color: #e50000;
        background-color: #fff;
    }

.btn-broken {
    color: #fff;
    background-color: #ec6d4d;
    border-color: #ec6d4d;
}

    .btn-broken:hover, .btn-broken:focus {
        text-decoration: none;
        background-color: #ee8064;
    }

    .btn-broken:active, .btn-broken.active {
        outline: 0;
        background-color: #ea5a36;
    }

    .btn-broken:hover, .btn-broken:focus, .btn-broken:active, .btn-broken.active, .open .dropdown-toggle.btn-broken {
        color: #fff;
    }

    .btn-broken.disabled, .btn-broken[disabled], fieldset[disabled] .btn-broken, .btn-broken.disabled:hover, .btn-broken[disabled]:hover, fieldset[disabled] .btn-broken:hover, .btn-broken.disabled:active, .btn-broken[disabled]:active, fieldset[disabled] .btn-broken:active, .btn-broken.disabled.active, .btn-broken[disabled].active, fieldset[disabled] .btn-broken.active {
        background-color: #f1937b;
        border-color: #f1937b;
    }

    .btn-broken .badge {
        color: #ec6d4d;
        background-color: #fff;
    }

.btn-positive {
    color: #fff;
    background-color: #009f6a;
    border-color: #009f6a;
}

    .btn-positive:hover, .btn-positive:focus {
        text-decoration: none;
        background-color: #00b97b;
    }

    .btn-positive:active, .btn-positive.active {
        outline: 0;
        background-color: #008659;
    }

    .btn-positive:hover, .btn-positive:focus, .btn-positive:active, .btn-positive.active, .open .dropdown-toggle.btn-positive {
        color: #fff;
    }

    .btn-positive.disabled, .btn-positive[disabled], fieldset[disabled] .btn-positive, .btn-positive.disabled:hover, .btn-positive[disabled]:hover, fieldset[disabled] .btn-positive:hover, .btn-positive.disabled:active, .btn-positive[disabled]:active, fieldset[disabled] .btn-positive:active, .btn-positive.disabled.active, .btn-positive[disabled].active, fieldset[disabled] .btn-positive.active {
        background-color: #00d28c;
        border-color: #00d28c;
    }

    .btn-positive .badge {
        color: #009f6a;
        background-color: #fff;
    }

.btn-negative {
    color: #fff;
    background-color: #999;
    border-color: #999;
}

    .btn-negative:hover, .btn-negative:focus {
        text-decoration: none;
        background-color: #a6a6a6;
    }

    .btn-negative:active, .btn-negative.active {
        outline: 0;
        background-color: #8c8c8c;
    }

    .btn-negative:hover, .btn-negative:focus, .btn-negative:active, .btn-negative.active, .open .dropdown-toggle.btn-negative {
        color: #fff;
    }

    .btn-negative.disabled, .btn-negative[disabled], fieldset[disabled] .btn-negative, .btn-negative.disabled:hover, .btn-negative[disabled]:hover, fieldset[disabled] .btn-negative:hover, .btn-negative.disabled:active, .btn-negative[disabled]:active, fieldset[disabled] .btn-negative:active, .btn-negative.disabled.active, .btn-negative[disabled].active, fieldset[disabled] .btn-negative.active {
        background-color: #b3b3b3;
        border-color: #b3b3b3;
    }

    .btn-negative .badge {
        color: #999;
        background-color: #fff;
    }

.btn-azure {
    color: #fff;
    background-color: #5f90b0;
    border-color: #5f90b0;
}

    .btn-azure:hover, .btn-azure:focus {
        text-decoration: none;
        background-color: #709cb8;
    }

    .btn-azure:active, .btn-azure.active {
        outline: 0;
        background-color: #5183a4;
    }

    .btn-azure:hover, .btn-azure:focus, .btn-azure:active, .btn-azure.active, .open .dropdown-toggle.btn-azure {
        color: #fff;
    }

    .btn-azure.disabled, .btn-azure[disabled], fieldset[disabled] .btn-azure, .btn-azure.disabled:hover, .btn-azure[disabled]:hover, fieldset[disabled] .btn-azure:hover, .btn-azure.disabled:active, .btn-azure[disabled]:active, fieldset[disabled] .btn-azure:active, .btn-azure.disabled.active, .btn-azure[disabled].active, fieldset[disabled] .btn-azure.active {
        background-color: #81a8c1;
        border-color: #81a8c1;
    }

    .btn-azure .badge {
        color: #5f90b0;
        background-color: #fff;
    }

.btn-blue {
    color: #fff;
    background-color: #2497d1;
    border-color: #2497d1;
}

    .btn-blue:hover, .btn-blue:focus {
        text-decoration: none;
        background-color: #33a3dc;
    }

    .btn-blue:active, .btn-blue.active {
        outline: 0;
        background-color: #2087bb;
    }

    .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {
        color: #fff;
    }

    .btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue, .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover, .btn-blue.disabled:active, .btn-blue[disabled]:active, fieldset[disabled] .btn-blue:active, .btn-blue.disabled.active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue.active {
        background-color: #48ade0;
        border-color: #48ade0;
    }

    .btn-blue .badge {
        color: #2497d1;
        background-color: #fff;
    }

.btn-green {
    color: #fff;
    background-color: #60a94d;
    border-color: #60a94d;
}

    .btn-green:hover, .btn-green:focus {
        text-decoration: none;
        background-color: #6eb45b;
    }

    .btn-green:active, .btn-green.active {
        outline: 0;
        background-color: #569745;
    }

    .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
        color: #fff;
    }

    .btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-green.disabled:active, .btn-green[disabled]:active, fieldset[disabled] .btn-green:active, .btn-green.disabled.active, .btn-green[disabled].active, fieldset[disabled] .btn-green.active {
        background-color: #7dbc6d;
        border-color: #7dbc6d;
    }

    .btn-green .badge {
        color: #60a94d;
        background-color: #fff;
    }

.btn-orange, .btn-submit {
    color: #fff;
    background-color: #ff9844;
    border-color: #ff9844;
}

    .btn-orange:hover, .btn-submit:hover, .btn-orange:focus, .btn-submit:focus {
        text-decoration: none;
        background-color: #ffa65e;
    }

    .btn-orange:active, .btn-submit:active, .btn-orange.active, .btn-submit.active {
        outline: 0;
        background-color: #ff8a2a;
    }

    .btn-orange:hover, .btn-submit:hover, .btn-orange:focus, .btn-submit:focus, .btn-orange:active, .btn-submit:active, .btn-orange.active, .btn-submit.active, .open .dropdown-toggle.btn-orange, .open .dropdown-toggle.btn-submit {
        color: #fff;
    }

    .btn-orange.disabled, .btn-submit.disabled, .btn-orange[disabled], .btn-submit[disabled], fieldset[disabled] .btn-orange, fieldset[disabled] .btn-submit, .btn-orange.disabled:hover, .btn-submit.disabled:hover, .btn-orange[disabled]:hover, .btn-submit[disabled]:hover, fieldset[disabled] .btn-orange:hover, fieldset[disabled] .btn-submit:hover, .btn-orange.disabled:active, .btn-submit.disabled:active, .btn-orange[disabled]:active, .btn-submit[disabled]:active, fieldset[disabled] .btn-orange:active, fieldset[disabled] .btn-submit:active, .btn-orange.disabled.active, .btn-submit.disabled.active, .btn-orange[disabled].active, .btn-submit[disabled].active, fieldset[disabled] .btn-orange.active, fieldset[disabled] .btn-submit.active {
        background-color: #ffb477;
        border-color: #ffb477;
    }

    .btn-orange .badge, .btn-submit .badge {
        color: #ff9844;
        background-color: #fff;
    }

.btn-op {
    color: #fff;
    background-color: #ff9844;
    border-color: #ff9844;
    font-weight: 400;
    padding: 5px 20px 6px;
    font-size: 12px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    *padding: 4px 20px 2px;
}

    .btn-op:hover, .btn-op:focus {
        text-decoration: none;
        background-color: #ffa65e;
    }

    .btn-op:active, .btn-op.active {
        outline: 0;
        background-color: #ff8a2a;
    }

    .btn-op:hover, .btn-op:focus, .btn-op:active, .btn-op.active, .open .dropdown-toggle.btn-op {
        color: #fff;
    }

    .btn-op.disabled, .btn-op[disabled], fieldset[disabled] .btn-op, .btn-op.disabled:hover, .btn-op[disabled]:hover, fieldset[disabled] .btn-op:hover, .btn-op.disabled:active, .btn-op[disabled]:active, fieldset[disabled] .btn-op:active, .btn-op.disabled.active, .btn-op[disabled].active, fieldset[disabled] .btn-op.active {
        background-color: #ffb477;
        border-color: #ffb477;
    }

    .btn-op .badge {
        color: #ff9844;
        background-color: #fff;
    }

.btn-link {
    color: #333;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #1a1a1a;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
                text-decoration: none;
            }

.btn-outline {
    background-color: transparent;
}

    .btn-outline.btn-write {
        color: #fff;
    }

    .btn-outline.btn-primary {
        color: #e50000;
    }

    .btn-outline.btn-broken {
        color: #ec6d4d;
    }

    .btn-outline.btn-positive {
        color: #009f6a;
    }

    .btn-outline.btn-negative {
        color: #999;
    }

    .btn-outline.btn-azure {
        color: #5f90b0;
    }

    .btn-outline.btn-blue {
        color: #2497d1;
    }

    .btn-outline.btn-green {
        color: #60a94d;
    }

    .btn-outline.btn-orange {
        color: #f0954c;
    }

    .btn-outline.btn-brown {
        color: #64584d;
    }

    .btn-outline.btn-tan {
        color: #b0a498;
    }

    .btn-outline.btn-write:hover, .btn-outline.btn-write:active, .btn-outline.btn-write:focus {
        color: #333;
    }

    .btn-outline.btn-primary:hover, .btn-outline.btn-broken:hover, .btn-outline.btn-positive:hover, .btn-outline.btn-negative:hover, .btn-outline.btn-brown:hover, .btn-outline.btn-blue:hover, .btn-outline.btn-green:hover, .btn-outline.btn-orange:hover, .btn-outline.btn-brown:hover, .btn-outline.btn-tan:hover, .btn-outline.btn-primary:active, .btn-outline.btn-broken:active, .btn-outline.btn-positive:active, .btn-outline.btn-negative:active, .btn-outline.btn-brown:active, .btn-outline.btn-blue:active, .btn-outline.btn-green:active, .btn-outline.btn-orange:active, .btn-outline.btn-brown:active, .btn-outline.btn-tan:active, .btn-outline.btn-primary:focus, .btn-outline.btn-broken:focus, .btn-outline.btn-positive:focus, .btn-outline.btn-negative:focus, .btn-outline.btn-brown:focus, .btn-outline.btn-blue:focus, .btn-outline.btn-green:focus, .btn-outline.btn-orange:focus, .btn-outline.btn-brown:focus, .btn-outline.btn-tan:focus, .btn-outline.btn-azure:hover, .btn-outline.btn-azure:active, .btn-outline.btn-azure:focus {
        color: #fff;
    }

.btn-upload {
    font-size: 12px;
    background: #f5f5f5;
    font-weight: 400;
    padding: 0;
}

.btn .webuploader-pick {
    background: none;
    color: #333;
    border: 0;
}

.btn .webuploader-pick-hover {
    background: none;
}

.btn-lg {
    padding: 12px 25px 13px;
    font-size: 16px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    *padding: 11px 25px 9px;
}

.btn-sm {
    font-weight: 400;
    padding: 5px 20px 6px;
    font-size: 12px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    *padding: 4px 20px 2px;
}

.btn-xs {
    font-weight: 400;
    padding: 1px 6px 2px;
    font-size: 12px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    *padding: 1px 6px 0px;
}

.btn.size-mini {
    font-weight: 400;
    padding: 1px 6px 2px;
    font-size: 12px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    *padding: 1px 6px 0px;
}

.btn.size-s {
    font-weight: 400;
    padding: 3px 15px 3px;
    font-size: 12px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    *padding: 4px 20px 2px;
}

.btn.size-l {
    padding: 10px 25px 10px;
    font-size: 16px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    *padding: 9px 25px 11px;
}

.btn.size-xl {
    padding: 15px 30px 15px;
    font-size: 18px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    *padding: 14px 25px 16px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

.webuploader-container {
    *width: 100px;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

    fieldset legend {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 40px;
        color: #555555;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
    }

input[type=checkbox], input[type=radio] {
    cursor: pointer;
    width: auto;
    height: auto;
    padding: 0;
    margin: -1px 0 0;
    *margin-top: 0;
    line-height: normal;
    vertical-align: middle;
    border: none;
}

input, textarea, select, .uneditable-input {
    display: inline-block;
    padding: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #555555;
    border: 1px solid #ccc;
}

    input[disabled], textarea[disabled], select[disabled] {
        color: #999;
        background: #eee;
    }

.foucs {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}

.input-text:focus, input[type=text]:focus, textarea:focus {
    outline: none;
    border-color: #666;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.input-text.size-mini, input[type=text].size-mini {
    font-size: 12px;
    height: 20px;
    padding: 1px 2px;
    line-height: 1.42857;
}

.input-text.size-s, input[type=text].size-s {
    font-size: 12px;
    height: 20px;
    padding: 2px 2px;
    line-height: 1.42857;
}

.input-text.size-l, input[type=text].size-l {
    font-size: 16px;
    height: 20px;
    padding: 8px;
    line-height: 1.42857;
}

.input-text.size-xl, input[type=text].size-xl {
    font-size: 18px;
    height: 20px;
    padding: 12px;
    line-height: 1.42857;
}

.length-mini, .input-text.length-mini {
    width: 50px;
}

.length-s, .input-text.length-s {
    width: 90px;
}

.length-l, .input-text.length-l {
    width: 210px;
}

.length-xl, .input-text.length-xl {
    width: 270px;
}

select {
    padding: initial;
}

textarea {
    height: auto;
}

    .input-mini, input.mini, textarea.mini, select.mini {
        width: 60px;
    }

    .input-sm, input.sm, textarea.sm, select.sm {
        width: 90px;
    }

    .input-md, input.md, textarea.md {
        width: 138px !important;
    }

select.md {
    width: 148px !important;
}

.input-lg, input.lg, textarea.lg, select.lg {
    width: 210px;
}

.input-xlg, input.xlg, textarea.xlg, select.xlg {
    width: 270px;
}

.input-xxlg, input.xxlg, textarea.xxlg, select.xxlg {
    width: 530px;
}

textarea.xxlg {
    overflow-y: auto;
}

.input-prepend input, .input-append input {
    float: left;
}

    .input-prepend input:focus, .input-append input:focus {
        border-color: #ccc;
    }

.input-prepend .add-on, .input-append .add-on {
    position: relative;
    background: #f5f5f5;
    border: 1px solid #ccc;
    z-index: 2;
    float: left;
    display: block;
    width: auto;
    min-width: 16px;
    height: 20px;
    padding: 4px 4px 4px 5px;
    font-weight: normal;
    line-height: 18px;
    color: #777777;
    text-align: center;
    *margin-top: 1px;
    margin-right: -1px;
}

    .input-prepend .add-on.pre, .input-append .add-on.pre {
        margin-right: -1px;
    }

    .input-prepend .add-on.later, .input-append .add-on.later {
        margin-right: 0;
        margin-left: -1px;
    }

.input-prepend .active, .input-append .active {
    background: #bbdcb3;
    border-color: #60a94d;
}

.input-append.size-mini input, .input-prepend.size-mini input {
    font-size: 12px;
    height: 20px;
    padding: 1px 2px;
    line-height: 1.42857;
}

.input-append.size-mini .add-on, .input-prepend.size-mini .add-on {
    padding: 1px 1px 1px 2px;
}

.control-label {
    display: block;
    margin-bottom: 5px;
}

.control-input {
    width: 170px;
    padding: 7px 9px 7px 9px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #ccc;
    border-top-color: #a6a6a6;
}

.form-group {
    margin-bottom: 20px;
    zoom: 1;
}

    .form-group:before, .form-group:after {
        display: table;
        content: " ";
    }

    .form-group:after {
        clear: both;
    }

    .form-group:before, .form-group:after {
        display: table;
        content: " ";
    }

    .form-group:after {
        clear: both;
    }

.form-inline {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

    .form-inline .form-group {
        display: inline-block;
        *display: inline;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline label {
        padding-left: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

.form-horizontal .form-group {
    padding-left: 200px;
}

.form-horizontal .control-label {
    float: left;
    width: 190px;
    margin-left: -200px;
    color: #000;
    padding-top: 5px;
    text-align: right;
    font-size: 12px;
}

.form-horizontal .form-con {
    padding: 8px 0;
}

.form-horizontal input[type=text], .form-horizontal input[type=password], .form-horizontal input[type=number], .form-horizontal textarea {
    width: 290px;
}

.form-horizontal select {
    height: 30px;
    width: 300px;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}

    .checkbox label, .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .checkbox input[type="checkbox"], .radio input[type="checkbox"], .checkbox input[type="radio"], .radio input[type="radio"] {
        position: absolute;
        margin-top: 2px;
        margin-left: -20px;
    }

.checkbox-inline, .radio-inline {
    display: inline-block;
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px;
    }

.form-explain {
    padding-top: 6px;
}

div.error-explain {
    background-image: url(../images/validate.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 5px;
    color: #FF5243;
    background-position: -186px 6px;
    font-size: 12px;
    line-height: 1.4;
}

input.error-explain, select.error-explain {
    border: 1px #FF5243 solid;
}

.cf-select {
    position: relative;
    display: inline-block;
    min-width: 100px;
    *zoom: 1;
    *display: inline;
}

.cf-select-menu {
    position: relative;
    height: 20px;
    padding: 4px 20px 4px 5px;
    line-height: 20px;
    border: 1px solid #ddd;
    cursor: pointer;
    background-image: url(../images/sprite-common.png);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: right 12px;
}

.cf-select.active, .cf-select.active .cf-select-content {
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

    .cf-select.active .cf-select-content {
        display: block;
    }

.cf-select.active {
    z-index: 9;
}

    .cf-select.active .cf-select-menu {
        z-index: 2;
        border-bottom-color: #fff;
    }

.cf-select-content {
    position: absolute;
    display: none;
    width: 100%;
    top: 28px;
    left: 0;
    background-color: #fff;
}

    .cf-select-content > ul {
        border: 1px solid #ddd;
        border-top: none;
        max-height: 200px;
        overflow-y: auto;
    }

        .cf-select-content > ul > li {
            height: 30px;
            padding: 0 8px;
            border-top: 1px solid #eee;
            line-height: 30px;
            cursor: pointer;
        }

            .cf-select-content > ul > li:hover {
                background-color: #f4f4f4;
            }

.cf-select.size-mini .cf-select-menu {
    padding: 1px 20px 1px 5px;
    background-position: right 10px;
}

.cf-select.size-mini .cf-select-content {
    top: 23px;
}

.grid-container {
    zoom: 1;
}

    .grid-container:before, .grid-container:after {
        display: table;
        content: " ";
    }

    .grid-container:after {
        clear: both;
    }

    .grid-container:before, .grid-container:after {
        display: table;
        content: " ";
    }

    .grid-container:after {
        clear: both;
    }

    .grid-container.grid-spacing {
        margin-left: -10px;
        margin-right: -10px;
    }

    .grid-container .grid-col-196 {
        float: left;
        width: 196px;
    }

    .grid-container .grid-col-295 {
        float: left;
        width: 295px;
    }

    .grid-container .grid-col-300 {
        float: left;
        width: 300px;
    }

    .grid-container .grid-col-900 {
        float: left;
        width: 900px;
    }

    .grid-container .grid-col-2 {
        float: left;
        width: 50%;
    }

    .grid-container .grid-col-3 {
        float: left;
        width: 33.333%;
    }

    .grid-container .grid-col-4 {
        float: left;
        width: 25%;
    }

    .grid-container .grid-col-5 {
        float: left;
        width: 20%;
    }

    .grid-container .grid-col-5 {
        float: left;
        width: 20%;
    }

    .grid-container .grid-col-6 {
        float: left;
        width: 16.666%;
        *width: 16.5%;
    }

.grid {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    zoom: 1;
}

    .grid:before, .grid:after {
        display: table;
        content: " ";
    }

    .grid:after {
        clear: both;
    }

    .grid:before, .grid:after {
        display: table;
        content: " ";
    }

    .grid:after {
        clear: both;
    }

    .grid > li, .grid > div {
        display: block;
        height: auto;
        float: left;
    }

.grid-2 > li, .grid-2 > div {
    width: 50%;
}

.grid-3 > li, .grid-3 > div {
    width: 33.33333333%;
}

.grid-4 > li, .grid-4 > div {
    width: 25%;
}

.grid-5 > li, .grid-5 > div {
    width: 20%;
}

.grid-6 > li, .grid-6 > div {
    width: 16.66666667%;
}

.grid-7 > li, .grid-7 > div {
    width: 14.28571429%;
}

.grid-8 > li, .grid-8 > div {
    width: 12.5%;
}

.grid-9 > li, .grid-9 > div {
    width: 11.11111111%;
}

.grid-10 > li, .grid-10 > div {
    width: 10%;
}

.grid-11 > li, .grid-11 > div {
    width: 9.09090909%;
}

.grid-12 > li, .grid-12 > div {
    width: 8.33333333%;
}

table {
    width: 100%;
    margin-bottom: 18px;
    padding: 0;
    font-size: 13px;
    border-collapse: collapse;
}

    table th, table td {
        padding: 10px 10px 9px;
        line-height: 18px;
        text-align: left;
        word-wrap: break-word;
    }

    table th {
        padding-top: 9px;
        font-weight: bold;
        vertical-align: middle;
    }

    table td {
        vertical-align: top;
    }

    table tbody th {
        vertical-align: top;
    }

.table td {
    border-top: 1px solid #eeeeee;
}

.table tbody th {
    border-top: 1px solid #eeeeee;
}

.table-border td, .table-border th {
    padding: 10px;
    border: 1px solid #eeeeee;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

.table-bg thead th {
    background: #f0f0f0;
}

table tbody tr > .bg {
    background: #f0f0f0;
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8;
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8;
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6;
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7;
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3;
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc;
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede;
}

.media {
    margin-top: 20px;
}

    .media, .media .media-body {
        overflow: hidden;
        *overflow: visible;
        zoom: 1;
    }

        .media:first-child, .media.first {
            margin-top: 0;
        }

        .media > .fl {
            margin-right: 10px;
        }

        .media > .fr {
            margin-left: 10px;
        }

.media-object {
    display: block;
}

.media-heading {
    margin: 0 0 5px;
}

.media-list {
    margin-left: 0;
    list-style: none;
}

.li-group li, .li-group .li-group-item {
    position: relative;
    display: block;
    padding: 6px 15px;
    background-color: #fff;
    line-height: 1.2;
}

    .li-group li a, .li-group .li-group-item a {
        color: #333;
    }

        .li-group li a:hover, .li-group .li-group-item a:hover {
            color: #1a1a1a;
        }

.li-group .time, .li-group .badge {
    float: right;
}

.li-icon li, .li-icon .li-group-item {
    padding-left: 15px;
}

.li-line li, .li-line .li-group-item {
    border-bottom: 1px solid #eee;
}

.m0 {
    margin: 0px !important;
}

.m10 {
    margin: 10px !important;
}

.m20 {
    margin: 20px !important;
}

.m30 {
    margin: 30px !important;
}

.m40 {
    margin: 40px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.p0 {
    padding: 0px !important;
}

.p10 {
    padding: 10px !important;
}

.p20 {
    padding: 20px !important;
}

.p30 {
    padding: 30px !important;
}

.p40 {
    padding: 40px !important;
}

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

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

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

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

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

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

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

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

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

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

.pt0 {
    padding-top: 0px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pt90 {
    padding-top: 90px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb90 {
    padding-bottom: 90px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pr {
    position: relative;
}

.oh {
    overflow: hidden;
}

.fwb {
    font-weight: normal;
}

.b {
    font-weight: bold;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.vam *, .vam {
    vertical-align: middle;
}

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

.pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

.wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.ti {
    overflow: hidden;
    text-indent: -8888px;
}

.ti2 {
    text-indent: 2em;
}

.tdu, .tdu:hover {
    text-decoration: underline;
}

.tdn, .tdn:hover {
    text-decoration: none;
}

.b {
    font-weight: 700;
}

.muted {
    color: #999;
}

.uneditable-input {
    cursor: not-allowed;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.p20 {
    padding: 20px;
}

*html {
    background-image: url(about:blank);
    background-attachment: fixed;
}

html #layui_layer_skinlayercss {
    display: none;
    position: absolute;
    width: 1989px;
}

.layui-layer-shade, .layui-layer {
    position: fixed;
    _position: absolute;
    pointer-events: auto;
}

.layui-layer-shade {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.layui-layer {
    top: 150px;
    left: 50%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    box-shadow: 1px 1px 50px rgba(0,0,0,0.3);
}

.layui-layer-close {
    position: absolute;
}

.layui-layer-content {
    position: relative;
}

.layui-layer-border {
    border: 1px solid #B2B2B2;
    border: 1px solid rgba(0,0,0,0.3);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

.layui-layer-moves {
    position: absolute;
    border: 3px solid #666;
    border: 3px solid rgba(0,0,0,0.5);
    cursor: move;
    background-color: #fff;
    background-color: rgba(255,255,255,0.3);
    filter: alpha(opacity=50);
}

.layui-layer-load {
    background: url(../images/layer/loading-0.gif) #fff center center no-repeat;
}

.layui-layer-ico {
    background: url(/statics/images/sprite-icon-tip.png) no-repeat;
}

.layui-layer-dialog .layui-layer-ico, .layui-layer-setwin a, .layui-layer-btn a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.layui-layer {
    border-radius: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.layui-anim-close {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(-2000px);
        transform: scale(0.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(60px);
        transform: scale(0.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(-2000px);
        -ms-transform: scale(0.1) translateY(-2000px);
        transform: scale(0.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(60px);
        -ms-transform: scale(0.475) translateY(60px);
        transform: scale(0.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.layui-anim-01 {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.layui-anim-02 {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(-2000px);
        transform: scale(0.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(48px);
        transform: scale(0.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(-2000px);
        -ms-transform: scale(0.1) translateX(-2000px);
        transform: scale(0.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(48px);
        -ms-transform: scale(0.475) translateX(48px);
        transform: scale(0.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.layui-anim-03 {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.layui-anim-04 {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.layui-anim-05 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.layui-anim-06 {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.layui-layer-title {
    padding: 0 80px 0 10px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #F8F8F8;
}

.layui-layer-setwin {
    position: absolute;
    right: 6px;
    *right: 0;
    top: 15px;
    font-size: 0;
    line-height: initial;
}

    .layui-layer-setwin a {
        position: relative;
        width: 16px;
        height: 16px;
        margin-left: 10px;
        font-size: 12px;
        _overflow: hidden;
    }

    .layui-layer-setwin .layui-layer-min cite {
        position: absolute;
        width: 14px;
        height: 2px;
        left: 0;
        top: 50%;
        margin-top: -1px;
        background-color: #2E2D3C;
        cursor: pointer;
        _overflow: hidden;
    }

    .layui-layer-setwin .layui-layer-min:hover cite {
        background-color: #2D93CA;
    }

    .layui-layer-setwin .layui-layer-max {
        background-position: -32px -40px;
    }

        .layui-layer-setwin .layui-layer-max:hover {
            background-position: -16px -40px;
        }

    .layui-layer-setwin .layui-layer-maxmin {
        background-position: -65px -40px;
    }

        .layui-layer-setwin .layui-layer-maxmin:hover {
            background-position: -49px -40px;
        }

    .layui-layer-setwin .layui-layer-close1 {
        background-position: 0 -92px;
        cursor: pointer;
    }

        .layui-layer-setwin .layui-layer-close1:hover {
            opacity: 0.7;
        }

    .layui-layer-setwin .layui-layer-close2 {
        position: absolute;
        right: -28px;
        top: -28px;
        width: 30px;
        height: 30px;
        margin-left: 0;
        background-position: -150px -31px;
        *right: -18px;
        _display: none;
    }

        .layui-layer-setwin .layui-layer-close2:hover {
            background-position: -181px -31px;
        }

.layui-layer-btn {
    text-align: right;
    padding: 0 0 40px 0;
    pointer-events: auto;
    text-align: center;
}

    .layui-layer-btn a {
        height: 28px;
        line-height: 28px;
        margin: 0 10px;
        padding: 0 15px;
        border: 1px #dedede solid;
        background-color: #f1f1f1;
        color: #333;
        border-radius: 2px;
        font-weight: 400;
        cursor: pointer;
        text-decoration: none;
    }

        .layui-layer-btn a:hover {
            opacity: 0.9;
            text-decoration: none;
        }

    .layui-layer-btn .layui-layer-btn0 {
        border-color: #ff9844;
        background-color: #ff9844;
        color: #fff;
    }

.layui-layer-dialog {
    min-width: 260px;
}

    .layui-layer-dialog .layui-layer-content {
        position: relative;
        padding: 40px 40px 20px 40px;
        line-height: 24px;
        overflow: hidden;
        font-size: 14px;
        overflow: auto;
    }

        .layui-layer-dialog .layui-layer-content .layui-layer-ico {
            position: absolute;
            top: 37px;
            left: 55px;
            _left: -40px;
            width: 32px;
            height: 32px;
        }

.layui-layer-ico1 {
    background-position: 0 0;
}

.layui-layer-ico2 {
    background-position: -33px 0;
}

.layui-layer-ico3 {
    background-position: -66px 0;
}

.layui-layer-ico4 {
    background-position: -120px 0;
}

.layui-layer-ico5 {
    background-position: -150px 0;
}

.layui-layer-ico6 {
    background-position: -180px 0;
}

.layui-layer-rim {
    border: 6px solid #8D8D8D;
    border: 6px solid rgba(0,0,0,0.3);
    border-radius: 5px;
    box-shadow: none;
}

.layui-layer-msg {
    min-width: 180px;
    border: 1px solid #D3D4D3;
    box-shadow: none;
}

.layui-layer-hui {
    min-width: 100px;
    background-color: #000;
    filter: alpha(opacity=60);
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    *background-color: #000;
    border: none;
}

    .layui-layer-hui .layui-layer-content {
        padding: 12px 25px;
        text-align: center;
        word-break: normal;
    }

.layui-layer-dialog .layui-layer-padding {
    padding: 40px 40px 20px 100px;
    text-align: left;
}

.layui-layer-page .layui-layer-content {
    position: relative;
    overflow: auto;
}

.layui-layer-page .layui-layer-btn, .layui-layer-iframe .layui-layer-btn {
    padding-top: 10px;
}

.layui-layer-nobg {
    background: none;
}

.layui-layer-iframe .layui-layer-content {
    overflow: hidden;
}

.layui-layer-iframe iframe {
    display: block;
    width: 100%;
}

.layui-layer-loading {
    border-radius: 100%;
    background: none;
    box-shadow: none;
    border: none;
}

    .layui-layer-loading .layui-layer-content {
        width: 60px;
        height: 24px;
        background: url(../images/layer/loading-0.gif) no-repeat;
    }

    .layui-layer-loading .layui-layer-loading1 {
        width: 37px;
        height: 37px;
        background: url(../images/layer/loading-1.gif) no-repeat;
    }

    .layui-layer-loading .layui-layer-loading2, .layui-layer-ico16 {
        width: 32px;
        height: 32px;
        background: url(../images/layer/loading-2.gif) no-repeat;
    }

.layui-layer-tips {
    background: none;
    box-shadow: none;
    border: none;
}

    .layui-layer-tips .layui-layer-content {
        position: relative;
        line-height: 12px;
        min-width: 12px;
        padding: 5px 10px;
        font-size: 12px;
        _float: left;
        box-shadow: 1px 1px 2px #ccc;
        background-color: #FF9900;
        color: #666;
        border: 1px solid #ccc;
    }

    .layui-layer-tips .layui-layer-close {
        right: -2px;
        top: -1px;
    }

    .layui-layer-tips i.layui-layer-TipsG {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: dashed;
        *overflow: visible;
    }

    .layui-layer-tips i.layui-layer-TipsT, .layui-layer-tips i.layui-layer-TipsB {
        left: 5px;
        border-right-style: solid;
        border-right-color: #FF9900;
    }

    .layui-layer-tips i.layui-layer-TipsT {
        bottom: -8px;
    }

    .layui-layer-tips i.layui-layer-TipsB {
        top: 1px;
    }

    .layui-layer-tips i.layui-layer-TipsR, .layui-layer-tips i.layui-layer-TipsL {
        top: 1px;
        border-bottom-style: solid;
        border-bottom-color: #FF9900;
    }

    .layui-layer-tips i.layui-layer-TipsR {
        left: -8px;
    }

    .layui-layer-tips i.layui-layer-TipsL {
        right: -8px;
    }

.layui-layer-lan[type="dialog"] {
    min-width: 280px;
}

.layui-layer-lan .layui-layer-title {
    background: #4476A7;
    color: #fff;
    border: none;
}

.layui-layer-lan .layui-layer-lan .layui-layer-btn {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #E9E7E7;
}

.layui-layer-lan .layui-layer-btn a {
    background: #BBB5B5;
    border: none;
}

.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
    background: #C9C5C5;
}

.layui-layer-molv .layui-layer-title {
    background: #009f95;
    color: #fff;
    border: none;
}

.layui-layer-molv .layui-layer-btn a {
    background: #009f95;
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
    background: #92B8B1;
}

.layui-layer-content h5 {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
}

.layui-layer-content p {
    font-size: 12px;
    line-height: 1.6;
    color: #666;
}

.layui-layer-TipsB s {
    border-color: transparent transparent #999;
    border-style: dashed dashed solid;
    border-width: 5px;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin-top: -15px;
    position: absolute;
    width: 0;
}

.layui-layer-TipsB i {
    border-color: transparent transparent #fff;
    border-style: dashed dashed solid;
    border-width: 8px;
    display: block;
    font-size: 0;
    height: 0;
    left: -8px;
    line-height: 0;
    position: absolute;
    top: -7px;
    width: 0;
}

.layer-msg {
    box-shadow: none;
    min-width: 56px;
}

    .layer-msg .layui-layer-padding {
        padding: 8px 16px 8px 38px;
        text-align: left;
        font-size: 12px;
        color: #666;
    }

    .layer-msg .layui-layer-content .layui-layer-ico {
        width: 16px;
        height: 16px;
        top: 12px;
        left: 16px;
    }

    .layer-msg .layui-layer-ico1 {
        background-position: -30px -140px;
    }

    .layer-msg .layui-layer-ico2 {
        background-position: 0 -140px;
    }

    .layer-msg .layui-layer-ico3 {
        background-position: -60px -140px;
    }

.layer-msg-success {
    border-color: #c8e0b4 !important;
    background: #f5ffed !important;
}

.layer-msg-peding {
    border-color: #f2d2b6 !important;
    background: #fff7f2 !important;
}

.layer-msg-fail {
    border-color: #facdcd !important;
    background: #fff2f2 !important;
}

.follow-warp {
    text-align: center;
    width: 100%;
}

.cfec-site-nav {
    line-height: 42px;
    position: relative !important;
    z-index: 1002;
    width: auto;
    min-width: 990px;
    height: 42px;
    background-color: #fff;
}

    .cfec-site-nav .container {
        zoom: 1;
    }

        .cfec-site-nav .container:before, .cfec-site-nav .container:after {
            display: table;
            content: " ";
        }

        .cfec-site-nav .container:after {
            clear: both;
        }

        .cfec-site-nav .container:before, .cfec-site-nav .container:after {
            display: table;
            content: " ";
        }

        .cfec-site-nav .container:after {
            clear: both;
        }

        .cfec-site-nav .container .site-nav-left {
            line-height: 42px;
            float: left;
            height: 42px;
            zoom: 1;
        }

            .cfec-site-nav .container .site-nav-left:before, .cfec-site-nav .container .site-nav-left:after {
                display: table;
                content: " ";
            }

            .cfec-site-nav .container .site-nav-left:after {
                clear: both;
            }

            .cfec-site-nav .container .site-nav-left:before, .cfec-site-nav .container .site-nav-left:after {
                display: table;
                content: " ";
            }

            .cfec-site-nav .container .site-nav-left:after {
                clear: both;
            }

            .cfec-site-nav .container .site-nav-left .site-nav-title {
                float: left;
                margin-right: 20px;
            }

                .cfec-site-nav .container .site-nav-left .site-nav-title a {
                    font-size: 14px;
                    color: #666;
                }

                    .cfec-site-nav .container .site-nav-left .site-nav-title a:hover {
                        color: #e50000;
                    }

            .cfec-site-nav .container .site-nav-left .logon-item {
                float: left;
                margin-right: 20px;
            }

                .cfec-site-nav .container .site-nav-left .logon-item a {
                    font-size: 14px;
                    display: inline-block;
                    float: left;
                    margin-left: 20px;
                    color: #666;
                }

                    .cfec-site-nav .container .site-nav-left .logon-item a span {
                        font-size: 14px;
                        color: #666;
                    }

                        .cfec-site-nav .container .site-nav-left .logon-item a span:hover {
                            color: #e50000;
                        }

                    .cfec-site-nav .container .site-nav-left .logon-item a i {
                        font-style: normal;
                        color: #e50000;
                    }

        .cfec-site-nav .container .site-nav-right {
            line-height: 42px;
            float: right;
            height: 42px;
        }

            .cfec-site-nav .container .site-nav-right .menu-item-line {
                float: left;
                width: 1px;
                height: 12px;
                margin-top: 15px;
                border-left: 1px solid #fff;
            }

            .cfec-site-nav .container .site-nav-right .menu-item + .menu-item-line {
                border-left: 1px solid #ccc;
            }

            .cfec-site-nav .container .site-nav-right .menu-item {
                line-height: 42px;
                float: left;
                height: 42px;
                position: relative;
            }

                .cfec-site-nav .container .site-nav-right .menu-item .menu-content {
                    line-height: 42px;
                    position: relative;
                    z-index: 1003;
                    display: block;
                    height: 42px;
                    padding: 0 33px 0 20px;
                }

                    .cfec-site-nav .container .site-nav-right .menu-item .menu-content span {
                        font-size: 14px;
                        color: #666;
                    }

                    .cfec-site-nav .container .site-nav-right .menu-item .menu-content .icon-arrow-right {
                        position: absolute;
                        top: 19px;
                        right: 18px;
                        display: inline-block;
                        width: 10px;
                        height: 6px;
                        background: #fff url(/ec/images/homeIndex/index-sprite.png) -13px -143px no-repeat;
                    }

                    .cfec-site-nav .container .site-nav-right .menu-item .menu-content:hover span {
                        color: #e50000;
                    }

                    .cfec-site-nav .container .site-nav-right .menu-item .menu-content:hover .icon-arrow-right {
                        background-position: -62px -143px;
                    }

                .cfec-site-nav .container .site-nav-right .menu-item .child-menu-item {
                    position: absolute;
                    top: 32px;
                    right: 0;
                    display: none;
                    min-width: 109px;
                    -webkit-box-shadow: 2px 2px 5px #ccc;
                    -moz-box-shadow: 2px 2px 5px #ccc;
                    box-shadow: 2px 2px 5px #ccc;
                }

                    .cfec-site-nav .container .site-nav-right .menu-item .child-menu-item .child-menu-content {
                        position: relative;
                        padding: 10px 0;
                        border: 1px solid #ddd;
                        background-color: #fff;
                    }

                        .cfec-site-nav .container .site-nav-right .menu-item .child-menu-item .child-menu-content .icon-arrow-top {
                            position: absolute;
                            top: -6px;
                            right: 18px;
                            display: inline-block;
                            width: 11px;
                            height: 6px;
                            background: url(../images/icon-arrow-top.png) 0 0 no-repeat;
                        }

                        .cfec-site-nav .container .site-nav-right .menu-item .child-menu-item .child-menu-content ul li a {
                            font-size: 12px;
                            line-height: 30px;
                            display: block;
                            overflow: hidden;
                            height: 30px;
                            padding: 0 20px;
                            text-align: left;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            color: #666;
                            background-color: #fff;
                        }

                .cfec-site-nav .container .site-nav-right .menu-item:hover .menu-content span {
                    color: #e50000;
                }

                .cfec-site-nav .container .site-nav-right .menu-item:hover .menu-content .icon-arrow-right {
                    background-position: -62px -143px;
                }

                .cfec-site-nav .container .site-nav-right .menu-item:hover .child-menu-item {
                    display: block;
                }

#site-nav {
    font-size: 12px;
    position: relative !important;
    z-index: 1002;
    width: auto;
    min-width: 990px;
    -webkit-transform: translate3d(0,0,0);
    color: #999;
    background: #f0f0f0;
}

    #site-nav p {
        margin-bottom: 0;
    }

    #site-nav .container {
        position: relative;
    }

    #site-nav .iconfont-c {
        padding-right: 5px;
    }

    #site-nav .sn-home {
        line-height: 32px;
        float: left;
        height: 32px;
        margin-right: 20px;
    }

    #site-nav .sn-quick-menu {
        line-height: 32px;
        position: absolute;
        top: 0;
        right: 0;
        height: 32px;
        -webkit-backface-visibility: hidden;
    }

        #site-nav .sn-quick-menu li {
            position: relative;
            float: left;
        }

        #site-nav .sn-quick-menu .sn-separator {
            font-size: 0;
            line-height: 12px;
            position: relative;
            top: 11px;
            left: 0;
            display: inline-block;
            width: 0;
            height: 12px;
            margin: 0 3px;
            vertical-align: top;
            border-left: 1px solid #ab9f96;
        }

    #site-nav .sn-menu {
        position: relative;
    }

    #site-nav .menu-hd {
        position: relative;
        z-index: 1003;
        display: block;
        height: 32px;
        padding: 0 10px;
        cursor: pointer;
        border: solid #f0f0f0;
        border-width: 0 1px;
    }

    #site-nav .menu-bd {
        position: absolute;
        z-index: 1003;
        top: 33px;
        left: 0;
        display: none;
        min-width: 100%;
        border: solid #eee;
        border-width: 0 1px 1px;
        background: #fff;
        filter: alpha(opacity=99);
    }

        #site-nav .menu-bd a {
            line-height: 1.2;
            display: block;
            padding: 8px;
            color: #333;
        }

            #site-nav .menu-bd a:hover {
                background-color: #f4f4f4;
            }

    #site-nav .sn-menu-cart .menu-hd > .iconfont-c {
        font-size: 16px;
        margin-right: 2px;
    }

    #site-nav .sn-menu-help .menu-bd {
        right: 0;
        left: auto;
        width: 120px;
    }

    #site-nav .sn-menu-buyer .menu-bd {
        width: 120px;
    }

    #site-nav .sn-menu-supplier .menu-bd {
        width: 120px;
    }

    #site-nav .hover .menu-hd {
        padding-bottom: 1px;
        color: #333;
        border-color: #eee;
        background-color: #fff;
    }

.sn-login {
    line-height: 32px;
    position: relative;
    display: inline-block;
    color: #999;
}

    .sn-login .mr13 {
        margin-right: 10px;
    }

    .sn-login .mr5 {
        margin-right: 5px;
    }

    .sn-login .mr22 {
        margin-right: 22px;
    }

    .sn-login a {
        padding: 0 10px;
        color: #666;
    }

        .sn-login a:hover {
            color: #0887e6;
        }

    .sn-login .j-message {
        padding-left: 5px;
        color: #e50000;
    }

#header {
    position: relative;
    z-index: 1000;
    background-color: #fff;
}

    #header .container {
        position: relative;
        z-index: 9;
        margin-bottom: 0;
        padding: 25px 0;
        *z-index: 9;
    }

    #header h1 {
        position: relative;
        height: 40px;
        margin: 0;
        *float: left;
    }

    #header .logo img {
        height: 40px;
    }

    #header .header-extra {
        position: absolute;
        top: 25px;
        right: 0;
        *width: 900px;
        *z-index: 9;
    }

    #header form {
        float: right;
    }

    #header .header-search {
        position: relative;
        width: 576px;
        height: 36px;
        padding-right: 100px;
        border: 2px solid #e64545;
        background: #fff;
    }

        #header .header-search .hs-type {
            font-size: 14px;
            position: relative;
            float: left;
            width: 140px;
            padding: 0 0 0 21px;
            border-right: 1px solid #e6e6e6;
        }

        #header .header-search .hs-type-hd {
            line-height: 35px;
            display: block;
            overflow: hidden;
            height: 36px;
            cursor: pointer;
        }

            #header .header-search .hs-type-hd .text {
                font-size: 14px;
                color: #333;
            }

        #header .header-search .iconfont-c {
            position: absolute;
            top: 0;
            right: 10px;
            color: #999;
        }

            #header .header-search .iconfont-c:hover {
                color: #333;
            }

        #header .header-search .caret {
            position: absolute;
            top: 15px;
            right: 10px;
            display: inline-block;
            width: 10px;
            height: 6px;
            border: 0;
            background: #fff url(/ec/images/homeIndex/index-sprite.png) -13px -143px no-repeat;
        }

        #header .header-search .hs-type-bd {
            position: absolute;
            z-index: 99;
            top: 27px;
            left: 0;
            display: none;
            width: 159px;
            padding-top: 10px;
            border: 1px solid #eee;
            border-top: 0;
            background: #fff;
        }

            #header .header-search .hs-type-bd a {
                font-size: 14px;
                line-height: 32px;
                display: block;
                overflow: hidden;
                height: 32px;
                padding: 0 10px 0 20px;
            }

                #header .header-search .hs-type-bd a:hover {
                    background: #f4f4f4;
                }

        #header .header-search .hs-input {
            height: 22px;
            margin-top: 7px;
            margin-left: 169px;
            padding: 0 5px;
            *margin-left: 0;
        }

            #header .header-search .hs-input input {
                font-size: 14px;
                line-height: 22px;
                width: 100%;
                margin-bottom: 0;
                padding: 0;
                border: 1px solid #fff;
                outline: 0;
                box-shadow: none;
            }

        #header .header-search .hs-submit {
            font-size: 16px;
            line-height: 36px;
            position: absolute;
            top: 0;
            right: 0;
            width: 100px;
            height: 36px;
            cursor: pointer;
            text-align: center;
            color: #fff;
            border: 0;
            outline: 0;
            background-color: #e64545;
        }

        #header .header-search.header-search-right {
            margin-right: 0;
        }

    #header .header-right {
        float: right;
        margin-left: 10px;
    }

        #header .header-right > div {
            float: left;
        }

    #header .h-cart {
        position: relative;
        float: left;
        margin-left: 30px;
    }

        #header .h-cart a {
            position: relative;
            z-index: 3;
            display: block;
            padding: 22px 0 0 40px;
        }

            #header .h-cart a .iconfont-c {
                font-size: 34px;
                line-height: 1;
                position: absolute;
                top: 0;
                left: 0;
                overflow: hidden;
                height: 40px;
            }

            #header .h-cart a:hover {
                color: #e50000;
            }

        #header .h-cart .text {
            display: block;
            overflow: hidden;
        }

        #header .h-cart .cart-num {
            font-size: 12px;
            line-height: 16px;
            position: absolute;
            top: 2px;
            left: 38px;
            min-width: 25px;
            height: 16px;
            padding: 0 2px;
            text-align: center;
            color: #fff;
            border-radius: 8px;
            background-color: #e62e04;
        }

    #header .h-inquiry {
        position: relative;
        margin: 0;
    }

        #header .h-inquiry span {
            float: left;
        }

        #header .h-inquiry a {
            line-height: 38px;
            position: relative;
            z-index: 2;
            display: block;
            zoom: 1;
            width: 198px;
            padding: 0 20px;
            border: 1px solid #eee;
            background-color: #f5f5f5;
        }

            #header .h-inquiry a:hover {
                color: #e50000;
            }

                #header .h-inquiry a:hover .text {
                    color: #e50000;
                }

                #header .h-inquiry a:hover i {
                    background-position: -120px 0;
                }

            #header .h-inquiry a:after {
                display: table;
                clear: both;
                content: ' ';
            }

        #header .h-inquiry #inquiry-btn span {
            display: inline-block;
            float: left;
        }

        #header .h-inquiry #inquiry-btn .iconfont-c {
            font-size: 0;
            width: 27px;
            height: 25px;
            margin: 7px 8px 0 0;
            text-indent: 999px;
            background: url(/ec/images/homeIndex/index-sprite.png) -11px -59px no-repeat;
        }

        #header .h-inquiry #inquiry-btn .text {
            font-size: 16px;
            line-height: 38px;
            display: inline-block;
            overflow: hidden;
            width: 160px;
            height: 38px;
            color: #333;
        }

        #header .h-inquiry .h-inquiry-layer {
            position: absolute;
            z-index: 1;
            top: 0;
            padding-top: 50px;
        }

            #header .h-inquiry .h-inquiry-layer .h-inquiry-content {
                position: relative;
                width: 238px;
                padding: 15px 0;
                border: 1px solid #ddd;
                background: #fff;
            }

                #header .h-inquiry .h-inquiry-layer .h-inquiry-content em {
                    position: absolute;
                    top: 1px;
                    left: 5px;
                    width: 0;
                    height: 0;
                    border-style: dashed;
                    border-color: transparent;
                    border-right-style: solid;
                    border-right-color: #ffffff;
                }

                    #header .h-inquiry .h-inquiry-layer .h-inquiry-content em s {
                        font-size: 0;
                        line-height: 0;
                        position: absolute;
                        display: block;
                        width: 0;
                        height: 0;
                        margin-top: -15px;
                        border-width: 5px;
                        border-style: dashed dashed solid;
                        border-color: transparent transparent #ddd;
                    }

                        #header .h-inquiry .h-inquiry-layer .h-inquiry-content em s i {
                            font-size: 0;
                            line-height: 0;
                            position: absolute;
                            top: -7px;
                            left: -8px;
                            display: block;
                            width: 0;
                            height: 0;
                            border-width: 8px;
                            border-style: dashed dashed solid;
                            border-color: transparent transparent #fff;
                        }

                #header .h-inquiry .h-inquiry-layer .h-inquiry-content ul {
                    padding: 0 20px;
                }

                    #header .h-inquiry .h-inquiry-layer .h-inquiry-content ul li {
                        font-family: Arial;
                        font-size: 14px;
                        line-height: 20px;
                        position: relative;
                        margin-bottom: 10px;
                        padding-left: 22px;
                        color: #666;
                    }

                        #header .h-inquiry .h-inquiry-layer .h-inquiry-content ul li i {
                            position: absolute;
                            top: 6px;
                            left: 0;
                            display: block;
                            width: 12px;
                            height: 12px;
                            background: url(../images/sprite-icon-common.png) no-repeat -88px -49px;
                        }

                #header .h-inquiry .h-inquiry-layer .h-inquiry-content a {
                    font-size: 14px;
                    line-height: 20px;
                    width: auto;
                    padding: 0;
                    text-align: center;
                    color: #0887e6;
                    border: 0;
                    background-color: #fff;
                }

                    #header .h-inquiry .h-inquiry-layer .h-inquiry-content a:hover {
                        text-decoration: underline;
                    }

#main-nav {
    width: 100%;
    height: 39px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background-color: #fff;
}

    #main-nav li {
        font-size: 14px;
        font-weight: 700;
        position: relative;
        display: inline-block;
        margin: 0 5px;
        vertical-align: top;
        letter-spacing: normal;
        word-spacing: normal;
        *float: left;
    }

        #main-nav li:hover, #main-nav li.active {
            line-height: 38px;
            top: -2px;
            margin-top: 2px;
            border-bottom: 2px solid #e50000;
        }

        #main-nav li:after {
            position: absolute;
            top: 12px;
            right: -8px;
            display: inline-block;
            width: 0;
            height: 13px;
            content: '';
            border-left: 1px dotted #333;
        }

        #main-nav li:last-child:after {
            border-left: 0;
        }

    #main-nav a {
        line-height: 39px;
        display: block;
        height: 39px;
        padding: 0 20px;
        color: #666;
    }

#footer {
    position: absolute;
    bottom: 39px;
    left: 0;
    overflow: hidden;
    width: 100%;
    padding: 40px 0;
    background-color: #1f1f1f;
}

    #footer .cf-desc {
        position: relative;
    }

        #footer .cf-desc > dl {
            float: left;
            margin-right: 40px;
        }

            #footer .cf-desc > dl dt {
                font-size: 14px;
                font-weight: 700;
                margin-bottom: 10px;
                color: #bbb;
            }

            #footer .cf-desc > dl dd {
                line-height: 16px;
                overflow: hidden;
                height: 12px;
                padding: 7px 0;
                color: #999493;
            }

            #footer .cf-desc > dl a {
                color: #999493;
            }

                #footer .cf-desc > dl a:hover {
                    text-decoration: underline;
                }

    #footer dl.about {
        width: 320px;
        margin-right: 20px;
    }

        #footer dl.about dd {
            font-size: 12px;
            float: left;
            width: 130px;
            margin-right: 10px;
        }

    #footer dl.buyer-server, #footer dl.buyer-serve {
        width: 170px;
    }

    #footer dl.seller-server {
        width: 140px;
    }

    #footer dl.cust-server {
        width: 230px;
    }

    #footer .cf-desc-extra {
        position: absolute;
        top: 0;
        right: 0;
    }

        #footer .cf-desc-extra .btn {
            font-size: 13px;
            font-weight: 400;
            position: relative;
            width: 150px;
            min-height: 35px;
            margin-bottom: 20px;
            padding-left: 63px;
            text-align: left;
        }

        #footer .cf-desc-extra .btn-positive {
            font-size: 14px;
            line-height: 35px;
            border-color: #99908d;
            background-color: #99908d;
        }

            #footer .cf-desc-extra .btn-positive:hover {
                background-color: #a59d9a;
            }

            #footer .cf-desc-extra .btn-positive:active {
                background-color: #8d8380;
            }

        #footer .cf-desc-extra .btn-orange {
            line-height: 22px;
            height: 47px;
            padding-top: 0;
            padding-bottom: 0;
            border-color: #807875;
            background-color: #807875;
        }

            #footer .cf-desc-extra .btn-orange:hover {
                background-color: #8d8582;
            }

            #footer .cf-desc-extra .btn-orange:active {
                background-color: #736c69;
            }

        #footer .cf-desc-extra .icon-btn {
            font-size: 30px;
            font-weight: 100;
            position: absolute;
            top: 8px;
            left: 13px;
            width: 43px;
            height: 35px;
            vertical-align: middle;
            background-image: url(../images/sprite-hf.png);
            background-repeat: no-repeat;
            background-position: -40px 0;
        }

        #footer .cf-desc-extra .icon-book1 {
            background-position: 2px -80px;
        }

        #footer .cf-desc-extra .icon-send {
            background-position: -40px -80px;
        }

.cfec-footer {
    position: absolute;
    bottom: 39px;
    left: 0;
    overflow: hidden;
    width: 100%;
    padding: 40px 0;
    background-color: #1f1f1f;
    zoom: 1;
}

    .cfec-footer:before, .cfec-footer:after {
        display: table;
        content: " ";
    }

    .cfec-footer:after {
        clear: both;
    }

    .cfec-footer:before, .cfec-footer:after {
        display: table;
        content: " ";
    }

    .cfec-footer:after {
        clear: both;
    }

    .cfec-footer .footer-left {
        float: left;
    }

        .cfec-footer .footer-left dl {
            float: left;
            width: 200px;
        }

            .cfec-footer .footer-left dl dt {
                font-size: 14px;
                line-height: 18px;
                height: 18px;
                margin-bottom: 15px;
                color: #c6c6c6;
            }

            .cfec-footer .footer-left dl dd .link-list {
                zoom: 1;
            }

                .cfec-footer .footer-left dl dd .link-list:before, .cfec-footer .footer-left dl dd .link-list:after {
                    display: table;
                    content: " ";
                }

                .cfec-footer .footer-left dl dd .link-list:after {
                    clear: both;
                }

                .cfec-footer .footer-left dl dd .link-list:before, .cfec-footer .footer-left dl dd .link-list:after {
                    display: table;
                    content: " ";
                }

                .cfec-footer .footer-left dl dd .link-list:after {
                    clear: both;
                }

                .cfec-footer .footer-left dl dd .link-list span {
                    display: inline-block;
                    float: left;
                    width: 30px;
                    height: 30px;
                    margin-right: 10px;
                    background: #3d3d3d url(/ec/images/homeIndex/index-sprite.png) 0 0 no-repeat;
                }

                .cfec-footer .footer-left dl dd .link-list .link-item-1 {
                    background-position: -10px -300px;
                }

                    .cfec-footer .footer-left dl dd .link-list .link-item-1:hover {
                        background-position: -10px -340px;
                    }

                .cfec-footer .footer-left dl dd .link-list .link-item-2 {
                    background-position: -50px -300px;
                }

                    .cfec-footer .footer-left dl dd .link-list .link-item-2:hover {
                        background-position: -50px -340px;
                    }

                .cfec-footer .footer-left dl dd .link-list .link-item-3 {
                    background-position: -90px -300px;
                }

                    .cfec-footer .footer-left dl dd .link-list .link-item-3:hover {
                        background-position: -90px -340px;
                    }

                .cfec-footer .footer-left dl dd .link-list .link-item-4 {
                    background-position: -130px -300px;
                }

                    .cfec-footer .footer-left dl dd .link-list .link-item-4:hover {
                        background-position: -130px -340px;
                    }

            .cfec-footer .footer-left dl dd .link-Bookmark {
                width: 150px;
                height: 30px;
                margin-top: 15px;
                background: #3d3d3d url(/ec/images/homeIndex/index-sprite.png) 0 0 no-repeat;
                background-position: -10px -380px;
            }

                .cfec-footer .footer-left dl dd .link-Bookmark:hover {
                    background-position: -10px -420px;
                }

    .cfec-footer .footer-right {
        float: right;
    }

        .cfec-footer .footer-right dl {
            float: left;
            width: 240px;
        }

            .cfec-footer .footer-right dl dt {
                font-size: 14px;
                line-height: 18px;
                height: 18px;
                margin-bottom: 8px;
                color: #c6c6c6;
            }

            .cfec-footer .footer-right dl dd a {
                font-size: 12px;
                line-height: 22px;
                display: inline-block;
                height: 22px;
                color: #737373;
            }

                .cfec-footer .footer-right dl dd a:hover {
                    text-decoration: underline;
                }

            .cfec-footer .footer-right dl dd .none-a {
                cursor: default;
                text-decoration: none !important;
            }

.footer-simple {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 58px;
    background: #ffffff;
}

    .footer-simple .copyright {
        line-height: 1;
        padding-top: 10px;
        text-align: center;
        color: #333333;
    }

.footer-share {
    margin-left: 0;
    padding-left: 50px;
}

    .footer-share > strong {
        font-weight: 100;
        line-height: 30px;
        display: block;
        float: left;
        width: 100px;
        margin-left: -100px;
        text-align: right;
        color: #999493;
    }

.cf-copy {
    font-size: 12px;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #737373;
    border-top: 1px solid #2a2a2a;
    background-color: #1f1f1f;
}

    .cf-copy a {
        text-decoration: none;
        color: #737373;
    }

        .cf-copy a:hover {
            text-decoration: underline;
        }

.icon-share {
    line-height: 24px;
    display: inline-block;
    width: 32px;
    height: 33px;
    margin-top: 1px;
    margin-left: 10px;
    vertical-align: middle;
    background-image: url(../images/sprite-hf.png);
    background-repeat: no-repeat;
    background-position: -40px 0;
}

.icon-share-1 {
    background-position: 0 -119px;
}

.icon-share-2 {
    background-position: -40px -119px;
}

.icon-share-3 {
    background-position: -80px -119px;
}

.icon-share-4 {
    background-position: -120px -119px;
}

.icon-share-5 {
    background-position: -160px -119px;
}

.icon-share-1:hover {
    background-position: 0 -40px;
}

.icon-share-2:hover {
    background-position: -40px -40px;
}

.icon-share-3:hover {
    background-position: -80px -40px;
}

.icon-share-4:hover {
    background-position: -120px -40px;
}

.icon-share-5:hover {
    background-position: -160px -40px;
}

.com-p {
    margin-left: 20px;
}

.cn-header {
    background-color: #f0f0f0;
}

    .cn-header .container {
        line-height: 88px;
        zoom: 1;
        width: 1200px;
        height: 88px;
        margin: 0 auto;
    }

    .cn-header .search {
        float: right;
        margin-top: 22px;
        background-color: #f0f0f0;
    }

        .cn-header .search input {
            float: left;
            width: 578px;
            height: 30px;
            padding-left: 10px;
            border: 1px solid #e50000;
        }

        .cn-header .search .choose {
            font-size: 14px;
            line-height: 40px;
            position: relative;
            z-index: 101;
            float: left;
            width: 172px;
            height: 38px;
            margin-right: 8px;
            margin-left: 2px;
            padding-left: 8px;
            color: #666;
            border: 1px solid #e50000;
            border-left: none;
        }

        .cn-header .search .ban {
            position: absolute;
            top: 40px;
            left: 0;
            width: 180px;
            background-color: white;
        }

            .cn-header .search .ban a {
                font-size: 14px;
                line-height: 38px;
                display: block;
                height: 38px;
                padding-left: 8px;
                color: #666;
            }

                .cn-header .search .ban a:hover {
                    color: #e50000;
                }

        .cn-header .search .select-img {
            float: right;
            width: 8px;
            height: 8px;
            margin: 16px 8px;
            margin-right: 10px;
            background: url(../images/cnfooterheader/xiala.png) 0 0 no-repeat;
        }

        .cn-header .search .search-btn {
            line-height: 40px;
            float: left;
            width: 90px;
            height: 40px;
            color: white;
            background-color: #e60000;
        }

        .cn-header .search .search-img {
            float: left;
            width: 24px;
            height: 18px;
            margin: 11px 16px;
            margin-right: 5px;
            background: url('../images/cnfooterheader/search-img.jpg') 0 -1% no-repeat;
        }

.top-Con {
    position: relative;
    z-index: 101;
    display: block;
    width: 50px;
    height: 32px;
    margin-left: 15px;
    padding: 0 10px;
    padding-left: 35px;
    cursor: pointer;
    border: solid #64584d;
    border-width: 0 1px;
    background: url('../images/cnfooterheader/xicon.png') 0 21.5% no-repeat;
}

.top-login {
    line-height: 32px;
    float: left;
    height: 32px;
    margin-left: 10px;
    padding-right: 14px;
    padding-left: 30px;
    text-decoration: underline;
    background: url('../images/cnfooterheader/xicon.png') 0 -1% no-repeat;
}

.top-msg {
    line-height: 32px;
    height: 16px;
    padding-left: 14px;
    text-decoration: none;
    border: none;
    border-left: 1px solid white;
}

.top {
    height: 42px;
    border: 1px solid #ccc;
    border-right: 0;
    border-left: 0;
    background-color: white;
}

    .top .top-content {
        line-height: 40px;
        width: 1200px;
        height: 40px;
        margin: 0 auto;
    }

        .top .top-content a {
            float: left;
            width: 150px;
            height: 44px;
            text-align: center;
        }

        .top .top-content .my-div {
            font-size: 14px;
            line-height: 40px;
            float: right;
            width: 118px;
            height: 40px;
            margin-right: 15px;
            color: #333;
            border: none;
        }

        .top .top-content .img-fir {
            float: left;
            width: 23px;
            height: 21px;
            margin: 9.5px 0;
            margin-right: 10px;
            background: url(../images/cnfooterheader/head_img.jpg) 0 0 no-repeat;
            background-position: 0 0;
        }

        .top .top-content .img-sec {
            float: right;
            width: 8px;
            height: 8px;
            margin-top: 17px;
            background: url(../images/cnfooterheader/xiala.png) 0 50% no-repeat;
        }

        .top .top-content label {
            font-size: 14px;
            float: left;
            width: 100%;
            cursor: pointer;
            color: #333;
        }

            .top .top-content label:hover {
                border: 0;
                border-bottom: 2px solid #e50000;
            }

.cn-footer {
    padding: 40px;
    padding-bottom: 60px;
    background-color: #64584d;
}

    .cn-footer .container {
        zoom: 1;
        width: 1200px;
        margin: 0 auto;
    }

    .cn-footer .cf-desc {
        position: relative;
    }

    .cn-footer dl.about {
        width: 320px;
        margin-right: 20px;
    }

    .cn-footer .cf-desc > dl {
        float: left;
        margin-right: 30px;
        margin-left: 20px;
    }

        .cn-footer .cf-desc > dl dt {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 10px;
            color: #b0a498;
        }

    .cn-footer dl.about dd {
        font-size: 12px;
        float: left;
        width: 140px;
        margin-right: 20px;
    }

    .cn-footer .cf-desc > dl dd {
        line-height: 1.2;
        padding: 8px 0;
        border-bottom: 1px solid #72685c;
    }

    .cn-footer .cf-desc > dl a {
        color: #bcb2aa;
    }

    .cn-footer dl.buyer-serve {
        width: 170px;
    }

    .cn-footer dl.seller-server {
        width: 140px;
    }

    .cn-footer dl.cust-server {
        width: 170px;
    }

    .cn-footer .contact-div {
        position: absolute;
        top: 0;
        right: 0;
        width: 120px;
        height: 175px;
        margin: 0;
        margin-right: 20px;
        background-color: #64584d;
    }

    .cn-footer .footer-img {
        width: 120px;
        height: 120px;
        margin-bottom: 21px;
        background: url('../images/cnfooterheader/footer_er.jpg') 0 0 no-repeat;
    }

    .cn-footer .footer-p {
        font-size: 14px;
        line-height: 16px;
        float: left;
        width: 32px;
        height: 32px;
        margin-right: 10px;
        color: #bcb2aa;
    }

    .cn-footer .footer-wb {
        float: left;
        width: 32px;
        height: 32px;
        margin-right: 10px;
        background: url('../images/cnfooterheader/wb.png') 0 0 no-repeat;
    }

    .cn-footer .footer-wx {
        float: left;
        width: 32px;
        height: 32px;
        background: url('../images/cnfooterheader/wx.png') 0 0 no-repeat;
    }

.cn-last {
    font-size: 12px;
    line-height: 1.2;
    padding: 8px 0;
    text-align: center;
    color: #b0a498;
    background-color: #817163;
}

.footer-smiple {
    padding: 0 10px;
    color: #999;
    border-bottom: 1px solid #ddd;
}

    .footer-smiple a {
        color: #999;
    }

        .footer-smiple a:hover {
            color: #333;
        }

    .footer-smiple .link {
        float: left;
    }

    .footer-smiple .copy {
        float: right;
    }

.Logo-a {
    float: left;
    width: 233px;
    height: 44px;
    margin-top: 22px;
    margin-left: 20px;
}

.candidate-word {
    position: absolute;
    z-index: 100;
    top: 38px !important;
    left: 160px !important;
    overflow: auto;
    width: 334px !important;
    padding-top: 10px;
    border: 1px solid #e7e7e7;
    border-top: 0 none;
    background-color: #fff;
}

    .candidate-word li.active, .candidate-word li:hover {
        color: #e04d2c;
        background-color: #f6f6f6;
    }

    .candidate-word li {
        display: block;
        padding: 8px 12px;
        cursor: pointer;
    }

.zw-footer {
    border-bottom: 1px solid #eeeeee;
    background-color: white;
}

.zw-footer-con {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

    .zw-footer-con ul {
        float: left;
        margin-right: 80px;
    }

        .zw-footer-con ul li {
            font-size: 14px;
            color: #333;
        }

            .zw-footer-con ul li a {
                line-height: 23px;
                color: #666;
            }

                .zw-footer-con ul li a:hover {
                    color: #e50000;
                }

    .zw-footer-con .con-us li a:hover {
        color: #666 !important;
    }

    .zw-footer-con .con-us li .con-email:hover {
        color: #e50000 !important;
    }

    .zw-footer-con ul .footer-tit a {
        font-size: 14px;
        color: #333;
    }

.footer-tit {
    margin-bottom: 10px;
}

.qr-code {
    float: right !important;
    margin-right: 0 !important;
}

    .qr-code li {
        float: left;
        width: 100px;
        margin-left: 20px;
    }

    .qr-code .wx, .qr-code .ios, .qr-code .Android {
        display: inline-block;
        width: 100px;
        height: 100px;
    }

    .qr-code .wx {
        background: url(/global/images//weixin.jpg) 0 0 no-repeat;
    }

    .qr-code .ios {
        background: url(/global/images//ios-QR-Code.png) 0 0 no-repeat;
    }

    .qr-code .Android {
        background: url(/global/images//Android-QR-Code.png) 0 0 no-repeat;
    }

    .qr-code li .text {
        display: inline-block;
        width: 100px;
        text-align: center;
    }

.zw-bottom {
    background-color: #fff;
}

    .zw-bottom p {
        font-size: 12px;
        line-height: 36px;
        width: 1200px;
        height: 36px;
        margin: 0 auto;
        text-align: center;
        color: #666;
    }

    .zw-bottom a {
        font-size: 12px;
        text-decoration: underline;
        color: #999;
    }

        .zw-bottom a:hover {
            color: #333;
        }

.con-icon {
    margin-top: 12px;
}

    .con-icon a {
        float: left;
        width: 34px;
        height: 34px;
        background: url(/global/images//zh-icon.png) 0 0 no-repeat;
    }

.zw-footer-con .weibo {
    margin-right: 20px;
    background-position: -58px -558px;
}

    .zw-footer-con .weibo:hover {
        background-position: -58px -208px;
    }

.zw-footer-con .in {
    background-position: -108px -558px;
}

    .zw-footer-con .in:hover {
        background-position: -58px -258px;
    }

.zw-footer-con .weixin {
    position: relative;
    margin-right: 20px;
    background-position: -8px -558px;
}

    .zw-footer-con .weixin:hover {
        background-position: -8px -208px;
    }

    .zw-footer-con .weixin .weixin-code {
        position: absolute;
        top: -121px;
        left: -41px;
        display: none;
        width: 116px;
        height: 122px;
        background: url(/global/images//wx-QR-Code.png) 0 0 no-repeat;
    }

    .zw-footer-con .weixin:hover .weixin-code {
        display: inline-block;
    }

#qiao-wrap {
    display: none;
}

#goog-gt-tt, .goog-te-gadget-icon {
    display: none !important;
}

.goog-te-gadget-simple {
    font-size: 12px !important;
    display: inline-block !important;
    zoom: 1 !important;
    height: 32px !important;
    padding: 0 !important;
    padding: 0 10px !important;
    cursor: pointer !important;
    border: 0 !important;
    background: none !important;
    background: url(../images/home_Ico.png) left 10px no-repeat !important;
}

    .goog-te-gadget-simple .goog-te-menu-value {
        margin: 0 !important;
    }

        .goog-te-gadget-simple .goog-te-menu-value span {
            font-size: 12px !important;
            color: #333 !important;
        }

            .goog-te-gadget-simple .goog-te-menu-value span[style] {
                display: none !important;
            }

            .goog-te-gadget-simple .goog-te-menu-value span[style|=border] {
                font-family: 'iconfont-c' !important;
                font-size: 15px !important;
                font-style: normal !important;
                display: inline-block !important;
                margin-left: 4px !important;
                color: #989898 !important;
                border: 0 !important;
                -webkit-font-smoothing: antialiased !important;
                -webkit-text-stroke-width: .2px !important;
                -moz-osx-font-smoothing: grayscale !important;
            }

                .goog-te-gadget-simple .goog-te-menu-value span[style|=border]:before {
                    content: '\e60e' !important;
                }

        .goog-te-gadget-simple .goog-te-menu-value img {
            display: none !important;
        }

.header-Z .cfec-site-nav {
    padding: 20px 0px;
    height: 40px;
    line-height: 40px;
}

    .header-Z .cfec-site-nav .container .site-nav-left .logon-item span {
        color: #666;
        display: inline-block;
        line-height: 30px;
        font-size: 16px;
        border-left: 1px solid #cccccc;
        padding-left: 20px;
    }

    .header-Z .cfec-site-nav .container .site-nav-left .site-nav-title {
        width: 192px;
        margin-right: 20px;
    }

        .header-Z .cfec-site-nav .container .site-nav-left .site-nav-title img {
            width: 100%;
            height: 100%;
            display: block;
        }

    .header-Z .cfec-site-nav .container .site-nav-right .menu-item a {
        padding-right: 20px;
    }

        .header-Z .cfec-site-nav .container .site-nav-right .menu-item a span {
            color: #666;
            font-size: 14px;
        }

            .header-Z .cfec-site-nav .container .site-nav-right .menu-item a span:hover {
                color: #e50000;
            }

        .header-Z .cfec-site-nav .container .site-nav-right .menu-item a i {
            color: red;
        }

        .header-Z .cfec-site-nav .container .site-nav-right .menu-item a.lett {
            padding-left: 15px;
        }

        .header-Z .cfec-site-nav .container .site-nav-right .menu-item a.j-user {
            display: inline-block;
            padding-right: 20px;
            position: relative;
        }

            .header-Z .cfec-site-nav .container .site-nav-right .menu-item a.j-user span {
                display: block;
                width: 100px;
                height: 42px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding-right: 5px;
                text-align: right;
            }

            .header-Z .cfec-site-nav .container .site-nav-right .menu-item a.j-user .down {
                position: absolute;
                top: 50%;
                right: 10px;
                margin-top: -2.5px;
                width: 8px;
                height: 5px;
                display: block;
                background: url(../images/content.png) -24px -182px;
            }

    .header-Z .cfec-site-nav .container .site-nav-right .menu-item:hover .child-menu-items {
        display: block;
    }

    .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items {
        display: none;
        position: absolute;
        top: 38px;
        left: 42px;
        width: 299px;
    }

        .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents {
            position: relative;
            padding: 20px 20px;
            padding-bottom: 15px;
            border: 1px solid #ddd;
            background-color: #fff;
        }

            .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .icon-arrow-tops {
                position: absolute;
                top: -6px;
                right: inherit;
                left: 61px;
                display: inline-block;
                width: 11px;
                height: 6px;
                background: url(../images/icon-arrow-top.png) 0 0 no-repeat;
            }

            .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user {
                overflow: hidden;
            }

                .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user img {
                    float: left;
                    width: 60px;
                    height: 60px;
                    display: block;
                    border-radius: 50%;
                }

                .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user .user_info {
                    padding-left: 15px;
                    width: 158px;
                    float: left;
                }

                    .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user .user_info span {
                        display: block;
                        color: #666;
                    }

                        .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user .user_info span.leves {
                            position: relative;
                            line-height: 12px;
                            margin-bottom: 10px;
                            white-space: nowrap;
                            padding-left: 18px;
                            text-overflow: ellipsis;
                        }

                            .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user .user_info span.leves a {
                                padding: 0;
                                float: right;
                                color: #0887e6;
                            }

                            .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user .user_info span.leves i {
                                position: absolute;
                                display: block;
                                width: 18px;
                                height: 24px;
                                top: -3px;
                                left: -5px;
                                background-image: url(/seller/images/vip.gif);
                            }

                        .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user .user_info span.unmesgg {
                            line-height: 18px;
                            font-size: 12px;
                            width: 172px;
                        }

                    .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user .user_info .uplevels {
                        padding-top: 12px;
                        height: 30px;
                    }

                        .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user .user_info .uplevels a {
                            padding: 0;
                            display: block;
                            width: 70px;
                            height: 24px;
                            border-radius: 7px;
                            background: url(/seller/images/content.png) -20px -292px;
                        }

                            .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user .user_info .uplevels a:hover {
                                width: 74px;
                                height: 28px;
                                background: url(/seller/images/content.png) -110px -292px;
                            }

                    .header-Z .cfec-site-nav .container .site-nav-right .menu-item .child-menu-items .child-menu-contents .sell_user .user_info .data span {
                        font-size: 12px;
                        line-height: 18px;
                    }

    .header-Z .cfec-site-nav .container .site-nav-right .menu-item .menu-a-line {
        width: 1px;
        height: 12px;
        margin-top: 15px;
        display: inline-block;
        border-left: 1px solid #ccc;
    }

.fixednavigation {
    position: relative;
    margin-top: 20px;
    margin-bottom: 28px;
}

    .fixednavigation .layout2-sider1 {
        position: absolute;
        left: 0;
    }

    .fixednavigation .integratebox {
        margin-left: 220px;
        width: auto;
        min-height: 700px;
        background: #fff;
    }

        .fixednavigation .integratebox .backbox {
            background: #fff;
            min-height: 700px;
            position: relative;
            padding-right: 20px;
            padding-left: 20px;
            padding-bottom: 20px;
        }

        .fixednavigation .integratebox .layout2-side1 {
            position: absolute;
            right: 0px;
            top: 0px;
        }

        .fixednavigation .integratebox .search-box {
            left: 0px;
            top: 15px;
            width: 365px;
        }

        .fixednavigation .integratebox .customerlayout {
            width: auto;
            margin-right: 250px;
        }

        .fixednavigation .integratebox .deltop {
            margin-top: 0px;
            padding-left: 20px;
        }

.package {
    width: 1200px;
    margin: auto;
}

    .package .tips {
        margin-top: 20px;
        position: relative;
        padding: 15px 15px 15px 47px;
        border: 1px solid #f2d2b6;
        background: #fff8f2;
    }

        .package .tips i {
            position: absolute;
            display: block;
            width: 16px;
            height: 16px;
            left: 20px;
            top: 15px;
            background: url(/seller/images/sprite-icon-tip.png) 0px -74px;
        }

        .package .tips p {
            color: #666;
            font-size: 12px;
            margin-bottom: 5px;
        }

        .package .tips .close {
            cursor: pointer;
            display: block;
            position: absolute;
            width: 12px;
            height: 11px;
            right: 6px;
            top: 5px;
            background: url(/seller/images/close.png);
        }

        .package .tips a {
            color: #0887e6;
        }

.layerout {
    overflow: hidden;
}

    .layerout div.layout_C {
        width: 980px;
        padding-bottom: 5000px;
        margin-bottom: -5000px;
        min-height: 1000px;
    }

    .layerout .mr20n {
        margin-left: 20px;
    }

    .layerout .layout2-sider1 {
        background: #fff;
        width: 200px;
        float: left;
        padding-bottom: 5000px;
        margin-bottom: -5000px;
    }

        .layerout .layout2-sider1 .sider1-nav {
            padding-top: 19px;
            border-bottom: 1px solid #f0f2f5;
            background: #fff;
        }

            .layerout .layout2-sider1 .sider1-nav li a.tab_a {
                display: block;
                height: 40px;
                line-height: 40px;
                padding-left: 20px;
                position: relative;
            }

                .layerout .layout2-sider1 .sider1-nav li a.tab_a span {
                    padding-left: 10px;
                    display: inline-block;
                    font-size: 14px;
                    color: #666;
                    vertical-align: middle;
                }

                    .layerout .layout2-sider1 .sider1-nav li a.tab_a span:hover {
                        color: red;
                    }

                    .layerout .layout2-sider1 .sider1-nav li a.tab_a span.red {
                        color: red;
                    }

                .layerout .layout2-sider1 .sider1-nav li a.tab_a em {
                    position: absolute;
                    display: block;
                    width: 8px;
                    height: 5px;
                    top: 17px;
                    left: 175px;
                    background: url(/seller/images/content.png) -24px -182px;
                }

            .layerout .layout2-sider1 .sider1-nav li .childmenu {
                display: none;
                width: 155px;
                background: #fafbfc;
                padding-left: 45px;
                padding-bottom: 5px;
                padding-top: 10px;
            }

                .layerout .layout2-sider1 .sider1-nav li .childmenu dl {
                    padding-bottom: 10px;
                }

                    .layerout .layout2-sider1 .sider1-nav li .childmenu dl dt {
                        line-height: 40px;
                        font-size: 14px;
                        color: #666;
                    }

                    .layerout .layout2-sider1 .sider1-nav li .childmenu dl dd p {
                        margin-bottom: 10px;
                    }

                        .layerout .layout2-sider1 .sider1-nav li .childmenu dl dd p a {
                            color: #666;
                            padding-left: 10px;
                        }

                            .layerout .layout2-sider1 .sider1-nav li .childmenu dl dd p a:hover {
                                color: red;
                            }

                            .layerout .layout2-sider1 .sider1-nav li .childmenu dl dd p a.red {
                                color: red;
                            }

            .layerout .layout2-sider1 .sider1-nav li .loading {
                text-align: center;
                font-size: 14px;
                color: #666;
            }

            .layerout .layout2-sider1 .sider1-nav li .error {
                text-align: center;
                font-size: 14px;
            }

                .layerout .layout2-sider1 .sider1-nav li .error a {
                    color: #0887e6;
                }

            .layerout .layout2-sider1 .sider1-nav .actived a.tab_a em {
                background-position: -24px -196px;
            }

        .layerout .layout2-sider1 .pinbox {
            padding: 30px 0px;
            text-align: center;
        }

            .layerout .layout2-sider1 .pinbox span {
                display: inline-block;
            }

                .layerout .layout2-sider1 .pinbox span img {
                    display: inline-block;
                    vertical-align: top;
                    width: 70px;
                }

                .layerout .layout2-sider1 .pinbox span .pictext {
                    margin-left: 10px;
                    display: inline-block;
                    width: 80px;
                    font-size: 12px;
                    color: #999;
                    vertical-align: top;
                    line-height: 18px;
                }

                    .layerout .layout2-sider1 .pinbox span .pictext .bolds {
                        font-weight: bold;
                        width: 70px;
                        text-align: left;
                        color: #333;
                        line-height: 18px;
                    }

.nav_i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(/seller/images/content.png) -20px -76px;
}

.icon_main_home {
    background-position: -20px -76px;
}

.icon_market_center {
    background-position: -57px -76px;
}

.icon_product_management {
    background-position: -129px -77px;
}

.icon_shop_management {
    background-position: -164px -77px;
}

.icon_market {
    background-position: -92px -77px;
}

.icon_customer_management {
    background-position: -201px -78px;
}

.icon_marketing_promotion {
    background-position: -236px -78px;
}

.icon_setting {
    background-position: -272px -78px;
}

.icon_cur_main_home {
    background-position: -20px -102px;
}

.icon_cur_market_center {
    background-position: -57px -104px;
}

.icon_cur_product_management {
    background-position: -92px -103px;
}

.icon_cur_shop_management {
    background-position: -129px -104px;
}

.icon_cur_market {
    background-position: -164px -105px;
}

.icon_cur_customer_management {
    background-position: -201px -104px;
}

.icon_cur_marketing_promotion {
    background-position: -236px -104px;
}

.icon_cur_setting {
    background-position: -272px -104px;
}

.navleft {
    position: absolute;
    width: 60px;
    top: 86px;
    bottom: 214px;
    background: #fff;
}

    .navleft .items {
        padding-top: 24px;
    }

        .navleft .items li {
            margin-bottom: 15px;
        }

            .navleft .items li a {
                display: block;
                width: 100%;
            }

                .navleft .items li a p {
                    text-align: center;
                    margin-bottom: 5px;
                }

                    .navleft .items li a p i {
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                    }

                    .navleft .items li a p span {
                        width: 26px;
                        text-align: center;
                        font-size: 12px;
                        display: inline-block;
                        color: #666666;
                    }

                        .navleft .items li a p span:hover {
                            color: red;
                        }

            .navleft .items li.active a p span {
                color: red;
            }

.footer_z {
    position: absolute;
    bottom: 39px;
    left: 0;
    overflow: hidden;
    width: 100%;
    padding: 40px 0;
    background-color: #1f1f1f;
}

    .footer_z .container_z {
        width: 1200px;
        margin: 0 auto;
        zoom: 1;
    }

        .footer_z .container_z .about_me {
            width: 170px;
            float: left;
            margin-right: 90px;
        }

            .footer_z .container_z .about_me .icon-share {
                line-height: 24px;
                display: inline-block;
                width: 30px;
                height: 30px;
                margin-top: 1px;
                margin-left: 0px;
                margin-right: 6px;
                vertical-align: middle;
                background-image: url(../images/sprite-hf.png);
                background-repeat: no-repeat;
                background-position: -40px 0;
            }

            .footer_z .container_z .about_me .icon-share-1 {
                background-position: 0 -119px;
            }

                .footer_z .container_z .about_me .icon-share-1:hover {
                    background-position: 0 -40px;
                }

            .footer_z .container_z .about_me .icon-share-2 {
                background-position: -40px -119px;
            }

                .footer_z .container_z .about_me .icon-share-2:hover {
                    background-position: -80px -40px;
                }

            .footer_z .container_z .about_me .icon-share-3 {
                margin-right: 0px;
                background-position: -80px -119px;
            }

                .footer_z .container_z .about_me .icon-share-3:hover {
                    background-position: -120px -40px;
                }

            .footer_z .container_z .about_me .icon-share-5 {
                background-position: -160px -119px;
            }

                .footer_z .container_z .about_me .icon-share-5:hover {
                    background-position: -160px -40px;
                }

            .footer_z .container_z .about_me .btn-block {
                width: auto;
            }

            .footer_z .container_z .about_me .btn-positive {
                margin-top: 15px;
                color: #fff;
                background-color: #333;
                border-color: transparent;
                height: 30px;
                padding: 0px;
                background: url(/seller/images/content.png) -20px -336px;
            }

                .footer_z .container_z .about_me .btn-positive:hover {
                    background: url(/seller/images/content.png) -20px -375px;
                }

            .footer_z .container_z .about_me p {
                line-height: 40px;
                color: #fff;
                font-size: 14px;
                font-weight: bold;
            }

        .footer_z .container_z dl {
            float: left;
            width: 235px;
        }

        .footer_z .container_z dt {
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            line-height: 40px;
        }

        .footer_z .container_z dd a {
            color: #737373;
            font-size: 12px;
            line-height: 23px;
        }

.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt120 {
    margin-top: 120px;
}

.mt45 {
    margin-top: 45px;
}

.mt40 {
    margin-top: 40px;
}

.mt30 {
    margin-top: 30px;
}

.mt20 {
    margin-top: 20px;
}

.mt10 {
    margin-top: 10px !important;
}

.mt5 {
    margin-top: 5px;
}

.ml30 {
    margin-left: 30px;
}

.ml20 {
    margin-left: 20px;
}

.ml15 {
    margin-left: 15px;
}

.ml10 {
    margin-left: 10px !important;
}

.ml5 {
    margin-left: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr5 {
    margin-right: 5px;
}

.color-deepred {
    color: #e50000;
}

.color999 {
    color: #999 !important;
}

.color666 {
    color: #666;
}

.color333 {
    color: #333;
}

.color-opr {
    color: #ff9844;
}

    .color-opr:hover {
        color: #f48933;
    }

.gray9 {
    color: #999;
}

.orange {
    color: #ff9844;
}

.box-bg {
    background-color: #f0f0f0;
}

.bg-opr {
    background-color: #ff9844;
}

    .bg-opr:hover {
        background-color: #f48933;
    }

.bg-nopr {
    background-color: #999;
}

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

.font18 {
    font-size: 18px;
}

.font14 {
    font-size: 14px;
}

.font12 {
    font-size: 12px !important;
}

.font14-normal {
    font-size: 14px;
    color: #333;
}

.font14-slight {
    font-size: 14px;
    color: #666;
}

.font12-slight {
    font-size: 12px;
    color: #666;
}

.border1-box {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.area {
    margin-bottom: 20px;
    background: #fff;
}

    .area:first-child {
        margin-top: 0;
    }

.area-header {
    border-bottom: 1px solid #f0f0f0;
    zoom: 1;
}

    .area-header:before, .area-header:after {
        display: table;
        content: " ";
    }

    .area-header:after {
        clear: both;
    }

    .area-header:before, .area-header:after {
        display: table;
        content: " ";
    }

    .area-header:after {
        clear: both;
    }

    .area-header > .title {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
        margin-bottom: 0;
        padding: 0 20px;
        color: #333;
    }

.area-body {
    zoom: 1;
}

    .area-body:before, .area-body:after {
        display: table;
        content: " ";
    }

    .area-body:after {
        clear: both;
    }

    .area-body:before, .area-body:after {
        display: table;
        content: " ";
    }

    .area-body:after {
        clear: both;
    }

.tips {
    padding: 8px 20px;
    color: #999;
    background: #fff8f2;
}

.tips-alert {
    padding: 30px 30px 30px 90px;
    border: 1px solid #f2d3b6;
    background: #fff8f2;
}

    .tips-alert > .iconfont-c {
        font-size: 32px;
        display: inline-block;
        margin-left: -50px;
        color: #ff9744;
    }

.panel {
    margin-bottom: 20px;
    background: #fff;
}

    .panel:last-child {
        margin-bottom: 0;
    }

.panel-header {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
}

.panel-default > .panel-header {
    font-size: 14px;
    color: #333;
    background-color: #f0f0f0;
}

.panel-default > .panel-body {
    padding: 10px;
    border: 1px solid #f0f0f0;
    border-top: none;
}

.blue, a.blue {
    color: #0887e6;
}

.no-result {
    padding: 90px 20px;
    text-align: center;
    color: #333;
}

    .no-result a {
        color: #2497d1;
    }

    .no-result .icons {
        vertical-align: top;
    }

.icons {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.icons-tips {
    background: url(../images/tips.png) no-repeat;
}

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

.c-666 {
    color: #666;
}

.c-333 {
    color: #333;
}

.c-red {
    color: #e50000;
}

.c-blue {
    color: #0887e6;
}

.c-orange {
    color: #ff9844;
}

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

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

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

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

.nav-home {
    background: #e74445;
}

    .nav-home ul > li {
        position: relative;
        float: left;
    }

        .nav-home ul > li > a {
            font-size: 14px;
            line-height: 40px;
            display: block;
            height: 40px;
            padding: 0 30px;
            color: #fff;
        }

            .nav-home ul > li > a:hover {
                background: #bf1313;
            }

            .nav-home ul > li > a i {
                display: inline-block;
                width: 0;
                height: 0;
                margin-bottom: -3px;
                margin-left: 5px;
                border: 4px solid transparent;
                border-top: 5px solid #fff;
            }

        .nav-home ul > li > span.icon-new {
            position: absolute;
            top: 6px;
            right: 6px;
            width: 22px;
            height: 12px;
            background: url(/seller/images/icon-new.png) 0 0 no-repeat;
        }

        .nav-home ul > li > ol {
            position: absolute;
            display: none;
            width: 100%;
            z-index: 999;
        }

            .nav-home ul > li > ol > li {
                float: none;
                background: #bb1011;
            }

                .nav-home ul > li > ol > li a {
                    font-size: 12px;
                    line-height: 40px;
                    display: block;
                    overflow: hidden;
                    height: 40px;
                    padding: 0 30px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: #fff;
                }

        .nav-home ul > li:hover {
            background-color: #bf1313;
        }

            .nav-home ul > li:hover > a i {
                margin-bottom: 2px;
                border: 4px solid transparent;
                border-bottom: 5px solid #fff;
            }

            .nav-home ul > li:hover > ol {
                display: block;
            }

    .nav-home ul .active > a {
        background: #bf1313;
    }

.hint {
    padding: 20px;
    background: #fff7f2;
    margin-bottom: 20px;
    line-height: 1;
}

.hint-bd-success {
    border: 1px solid #c8e0b4;
}

.hint-bd-verifying {
    border: 1px solid #f2d2b6;
}

.hint-bd-error {
    border: 1px solid #d96c6c;
}

.hint strong {
    display: block;
    font-size: 12px;
    color: #333;
    margin-bottom: 15px;
}

.hint p {
    font-size: 12px;
    color: #666;
}

    .hint p a {
        color: #0887e6;
    }

        .hint p a:hover {
            color: #0887e6;
            text-decoration: underline;
        }

.hint .icon {
    float: left;
    display: inline-block;
    background: url(/statics/images/sprite-icon-tip.png);
}

.hint .hint-tt, .hint h5 {
    position: relative;
    font-size: 12px;
    color: #333;
    margin-bottom: 15px;
}

    .hint .hint-tt > span, .hint h5 {
        font-size: 12px;
        vertical-align: middle;
    }

.hint .strong {
    font-weight: bold;
}

.hint-warm p {
    margin-bottom: 0;
}

.hint.hint-small {
    padding: 10px 10px 10px 40px;
}

    .hint.hint-small h5 {
        font-weight: normal;
        line-height: 1;
        margin: 0;
    }

.hint.hint-small-multi h5 {
    margin: 0 0 10px 0;
}

.hint.hint-small strong {
    margin: 0;
    font-size: 12px;
}

.hint.hint-small .icon {
    width: 16px;
    height: 16px;
    margin-left: -26px;
    margin-top: -2px;
    background-position: 0 -74px;
}

.hint.hint-feedback {
    padding: 40px 40px 40px 100px;
}

    .hint.hint-feedback h5 {
        font-size: 18px;
        margin-top: 18px;
    }

    .hint.hint-feedback .icon {
        width: 32px;
        height: 32px;
        margin-left: -47px;
        margin-top: 12px;
    }

.hint.hint-bd {
    border: 1px solid #f2d2b6;
}

.hint.hint-error {
    background: #fff2f2;
}

    .hint.hint-error .icon {
        background-position: -33px 0;
    }

    .hint.hint-error.hint-bd {
        border: 1px solid #d96c6c;
    }

.hint.hint-verifying {
    background: #fff7f2;
}

    .hint.hint-verifying .icon {
        background-position: -66px 0;
    }

    .hint.hint-verifying.hint-bd {
        border: 1px solid #f2d2b6;
    }

.hint.hint-success {
    background: #f6ffee;
}

    .hint.hint-success.hint-bd {
        border: 1px solid #c8e0b4;
    }

.hint ol {
    list-style: decimal;
    padding-left: 30px;
}

.hint li {
    line-height: 1.6;
    margin-bottom: 5px;
}

.input-xs {
    width: 50px !important;
}

.input-s {
    width: 163px !important;
}

.select-s {
    width: 98px !important;
}

.icon-tip {
    display: inline-block;
    background: url(/statics/images/sprite-icon-tip.png);
}

.icon-success, .icon-error, .icon-warm, .icon-question, .icon-msg-tip {
    width: 24px;
    height: 24px;
}

.icon-success-m, .icon-error-m, .icon-warm-m, .icon-question-m, .icon-msg-tip-m {
    width: 32px;
    height: 32px;
}

.icon-success {
    background-position: 0 -49px;
}

.icon-error {
    background-position: -25px -49px;
}

.icon-error-m {
    background-position: -33px 0;
}

.icon-warm {
    background-position: -50px -49px;
}

.icon-warm-m {
    background-position: -66px 0;
}

.icon-question {
    background-position: -75px -49px;
}

.icon-question-m {
    background-position: -99px 0;
}

.icon-msg-tip {
    background-position: -100px -49px;
}

.icon-msg-tip-m {
    background-position: -132px 0;
}

.icon-bulb {
    width: 16px;
    height: 16px;
    background-position: 0 -74px;
}

.icon-input-success, .icon-input-error, .icon-input-question, .icon-input-warm, .icon-input-warm, .icon-close {
    width: 12px;
    height: 12px;
}

.icon-input-success {
    background-position: 0 -36px;
}

.icon-input-error {
    background-position: -13px -36px;
}

.icon-input-question {
    background-position: -26px -36px;
}

.icon-input-warm {
    background-position: -39px -36px;
}

.icon-empty-warm {
    width: 16px;
    height: 16px;
    background-position: -133px -90px;
}

.icon-close {
    background-position: 0 -92px;
}

.icon-close-red, .icon-close-black, .icon-close-rosiness {
    width: 17px;
    height: 17px;
}

.icon-close-red {
    background-position: -80px -89px;
}

.icon-close-rosiness {
    background-position: -98px -90px;
}

.icon-close-black {
    background-position: -116px -90px;
}

.icon-c {
    display: inline-block;
    background: url(../../../../../global/images/sprite-icon-common.png);
}

.icon-person, .icon-contact, .icon-calendar, .icon-contact-strong, .icon-contact-active, .icon-person-active, .icon-envelope, .icon-envelope-acitve, .icon-envelope-circel, .icon-envelope-circel-active, .icon-headset, .icon-trumpet, .icon-inquiry, .icon-skype {
    width: 16px;
    height: 16px;
}

.icon-person-active {
    background-position: 0 -17px;
}

.icon-envelope-circel {
    background-position: -18px 0;
}

.icon-envelope-circel-active {
    background-position: -18px -17px;
}

.icon-envelope {
    background-position: -36px 0;
}

.icon-envelope-acitve {
    background-position: -36px -17px;
}

.icon-search {
    width: 25px;
    height: 25px;
    background-position: 0 -34px;
}

.icon-chevron-down, .icon-chevron-down-red, .icon-chevron-down-blue, .icon-chevron-up {
    width: 7px;
    height: 4px;
}

.icon-chevron-left, .icon-chevron-right {
    height: 7px;
    width: 4px;
}

.icon-chevron-down {
    background-position: -26px -37px;
}

.icon-chevron-down-red {
    background-position: -35px -37px;
}

.icon-chevron-down-blue {
    background-position: -43px -37px;
}

.icon-chevron-up {
    background-position: -52px -37px;
}

.icon-chevron-left {
    background-position: -46px -49px;
}

.icon-chevron-right {
    background-position: -52px -49px;
}

.icon-headset {
    background-position: 0 -105px;
}

.icon-trumpet {
    background-position: -17px -105px;
}

.icon-inquiry {
    background-position: -34px -105px;
}

.icon-email, .icon-email-active {
    width: 14px;
    height: 10px;
}

.icon-email {
    background-position: -51px -108px;
}

.icon-email-active {
    background-position: -66px -108px;
}

.icon-email-readed {
    width: 14px;
    height: 12px;
    background-position: -81px -106px;
}

.icon-skype {
    background-position: 0 -68px;
}

.icon-contact {
    background-position: -17px -68px;
}

.icon-contact-active {
    background-position: -17px -86px;
}

.icon-contact-strong {
    background-position: -34px -68px;
}

.icon-calendar {
    background-position: -51px -68px;
}

.icon-Electronics, .icon-Lights, .icon-Apparel, .icon-parts, .icon-Kitchenware, .icon-Furniture, .icon-Materials, .icon-Tableware {
    width: 24px;
    height: 24px;
}

.icon-Electronics {
    background-position: -25px -149px;
}

.icon-Lights {
    background-position: -75px -149px;
}

.icon-Apparel {
    background-position: -51px -149px;
}

.icon-parts {
    background-position: 0 -124px;
}

.icon-Kitchenware {
    background-position: -25px -124px;
}

.icon-Furniture {
    background-position: -75px -124px;
}

.icon-Materials {
    background-position: -51px -124px;
}

.icon-Tableware {
    background-position: 0 -149px;
}

.icon-ok {
    width: 11px;
    height: 7px;
    background-position: 0 -92px;
}

.icon-person, .icon-person-active, .icon-envelope-circel, .icon-envelope-circel-active, .icon-envelope, .icon-envelope-active {
    width: 16px;
    height: 16px;
}

.icon-c {
    background: url(../../../../../global/images/sprite-icon-common.png);
}

.icon-person-active {
    background-position: 0 -17px;
}

.icon-envelope-circel {
    background-position: -18px 0;
}

.icon-envelope-circel-active {
    background-position: -18px -17px;
}

.icon-envelope {
    background-position: -36px 0px;
}

.icon-envelope-active {
    background-position: -36px -17px;
}

.icon-search {
    width: 24px;
    height: 24px;
    background-position: 0 -34px;
}

.icon-chevron-down, .icon-chevron-down-red, .icon-chevron-down-blue, .icon-chevron-up {
    width: 7px;
    height: 4px;
}

.icon-chevron-down {
    background-position: -26px -37px;
}

.icon-chevron-down-red {
    background-position: -35px -37px;
}

.icon-chevron-down-blue {
    background-position: -43px -37px;
}

.icon-chevron-up {
    background-position: -52px -37px;
}

.icon-chevron-left, .icon-chevron-right {
    height: 7px;
    width: 4px;
}

.icon-chevron-left {
    background-position: -46px -49px;
}

.icon-chevron-right {
    background-position: -52px -49px;
}

.icon-headset, .icon-trumpet, .icon-inquiry, .icon-mirror, .icon-skype, .icon-contact, .icon-contact-active, .icon-contact-strong, .icon-calendar {
    width: 16px;
    height: 16px;
}

.icon-headset {
    background-position: 0 -105px;
}

.icon-trumpet {
    background-position: -17px -105px;
}

.icon-inquiry {
    background-position: -34px -105px;
}

.icon-email, .icon-email-active {
    width: 14px;
    height: 10px;
}

.icon-email {
    background-position: -51px -108px;
}

.icon-email-active {
    background-position: -66px -108px;
}

.icon-email-readed {
    width: 14px;
    height: 12px;
    background-position: -81px -106px;
}

.icon-skype {
    background-position: 0 -68px;
}

.icon-contact {
    background-position: -17px -68px;
}

.icon-contact-active {
    background-position: -17px -86px;
}

.icon-contact-strong {
    background-position: -34px -68px;
}

.icon-calendar {
    background-position: -51px -68px;
}

.icon-mirror {
    background-position: -34px -86px;
}

.icon-Electronics, .icon-Lights, .icon-Apparel, .icon-parts, .icon-Appliances, .icon-Furniture, .icon-Materials, .icon-Tableware {
    width: 24px;
    height: 24px;
}

.icon-Electronics {
    background-position: -25px -149px;
}

.icon-Lights {
    background-position: -74px -149px;
}

.icon-Apparel {
    background-position: -50px -149px;
}

.icon-parts {
    background-position: 0 -124px;
}

.icon-Appliances {
    background-position: -25px -124px;
}

.icon-Furniture {
    background-position: -75px -124px;
}

.icon-Materials {
    background-position: -51px -124px;
}

.icon-Tableware {
    background-position: 0 -149px;
}

.icon-ok {
    width: 10px;
    height: 7px;
    background-position: -1px -92px;
}

.icon-trigon-up, .icon-trigon-down {
    width: 7px;
    height: 4px;
}

.icon-trigon-left, .icon-trigon-right, .icon-trigon-left-blue {
    height: 7px;
    width: 4px;
}

.icon-trigon-up {
    background-position: -60px -3px;
}

.icon-trigon-down {
    background-position: -70px -3px;
}

.icon-trigon-left {
    background-position: -81px -1px;
}

.icon-trigon-right {
    background-position: -93px -1px;
}

.icon-trigon-left-blue {
    background-position: -87px -1px;
}

.alink-blue {
    color: #0887e6;
}

    .alink-blue:hover {
        color: #0887e6;
    }

.alink-hv-underline:hover {
    text-decoration: underline;
}

.alink-hv-blue:hover {
    color: #0887e6;
}

.alink-hv-red:hover {
    color: #e50000;
}

.tab {
    font-size: 12px;
    line-height: 28px;
    border-bottom: 2px #dddddd solid;
}

    .tab span {
        display: inline-block;
        position: relative;
        padding: 0 20px;
        cursor: pointer;
    }

        .tab span.current {
            color: #e50000;
        }

            .tab span.current i {
                display: block;
                position: absolute;
                left: 0;
                bottom: -2px;
                width: 100%;
                height: 3px;
                background: #e50000;
            }

    .tab.tab-L span {
        padding: 0 30px;
    }

.empty {
    line-height: 100px;
    text-align: center;
    font-size: 0;
}

.empty-L {
    line-height: 200px;
}

.empty .icon {
    width: 16px;
    height: 16px;
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    background: url(/statics/images/sprite-icon-tip.png) -133px -90px;
}

.empty span, .empty a {
    font-size: 12px;
    vertical-align: middle;
}

.empty a {
    color: #0887e6;
}

    .empty a:hover {
        color: #0887e6;
        text-decoration: underline;
    }

.progress-order {
    position: relative;
    height: 191px;
}

    .progress-order .progress-bar {
        position: relative;
        float: left;
        height: 30px;
        left: 50%;
        padding-top: 50px;
    }

        .progress-order .progress-bar ul {
            position: relative;
            left: -50%;
        }

        .progress-order .progress-bar li {
            float: left;
            position: relative;
            height: 30px;
            font-size: 0;
        }

            .progress-order .progress-bar li:last-child {
                width: 30px;
                height: 30px;
            }

            .progress-order .progress-bar li i {
                font-style: normal;
            }

            .progress-order .progress-bar li .ok {
                display: none;
            }

        .progress-order .progress-bar .finish .ok, .progress-order .progress-bar .finish_noAll .ok {
            display: inline;
        }

        .progress-order .progress-bar .finish .num, .progress-order .progress-bar .finish_noAll .num {
            display: none;
        }

    .progress-order li + li {
        margin-left: -10px;
    }

    .progress-order .progress-bar .pipe {
        width: 160px;
        height: 30px;
        display: inline-block;
        z-index: 9;
        left: -5px;
        position: relative;
        background: url(../../../../../global/images/progress/rp.png) repeat-x;
    }

    .progress-order .progress-bar .icon {
        width: 30px;
        height: 30px;
        position: relative;
        display: inline-block;
        color: #fff;
        text-align: center;
        line-height: 30px;
        vertical-align: top;
        font-size: 12px;
        z-index: 1;
        background: url(../../../../../global/images/progress/sprite.png) 0 -119px;
    }

    .progress-order .progress-bar .icon_txt {
        position: absolute;
        display: block;
        width: 111px;
        height: 49px;
        top: 30px;
        left: -40px;
        color: #333;
    }

        .progress-order .progress-bar .icon_txt p {
            line-height: 1.4;
        }

        .progress-order .progress-bar .icon_txt .icon_state {
            line-height: 20px;
            padding-top: 7px;
            display: block;
        }

        .progress-order .progress-bar .icon_txt .icon_time {
            color: #999;
            display: block;
        }

    .progress-order .progress-bar .finish .icon, .progress-order .progress-bar .finish_noAll .icon {
        background-position: 0 -88px;
    }

    .progress-order .progress-bar .finish .pipe {
        background: url(../../../../../global/images/progress/rq2.png) repeat-x;
    }

    .progress-order .pr1 {
        z-index: 100;
    }

    .progress-order .pr2 {
        z-index: 99;
    }

    .progress-order .pr3 {
        z-index: 98;
    }

    .progress-order .pr4 {
        z-index: 97;
    }

    .progress-order .pr5 {
        z-index: 96;
    }

.progress-addgoods {
    height: 30px;
}

    .progress-addgoods span {
        display: block;
        float: left;
        line-height: 30px;
    }

    .progress-addgoods i {
        display: block;
        float: left;
    }

        .progress-addgoods i:first-child {
            width: 132px;
            height: 30px;
            font-style: normal;
            text-align: center;
            color: #666;
            background: #f0f0f0;
        }

    .progress-addgoods .current i:first-child {
        background: #ff9944;
        color: #fff;
    }

    .progress-addgoods .main_pg_r {
        width: 20px;
        height: 30px;
        background: url(../../../../../global/images/progress/sprite2.png) 0 -218px;
    }

    .progress-addgoods .current .main_pg_r {
        background-position: -23px -218px;
    }

.progress-login {
    text-align: center;
    position: relative;
}

    .progress-login span {
        display: inline-block;
        width: 183px;
        height: 50px;
    }

        .progress-login span + span {
            padding-left: 88px;
        }

    .progress-login .ico-top {
        display: block;
        margin: 0 auto;
        width: 50px;
        height: 50px;
        background: url(../../../../../global/images/progress/login-sprite.png) 0 -50px;
    }

    .progress-login .current .ico-top {
        background-position: 0 0;
    }

    .progress-login .ico-top .bg {
        display: block;
        width: 50px;
        height: 50px;
        background: url(../../../../..//global/images/progress/login-sprite.png);
    }

    .progress-login .ico1.bg {
        background-position: -100px -50px;
    }

    .progress-login .ico2 .bg {
        background-position: -150px -50px;
    }

    .progress-login .ico3 .bg {
        background-position: -200px -50px;
    }

    .progress-login .ico4 .bg {
        background-position: -250px -50px;
    }

    .progress-login .ico5 .bg {
        background-position: -300px -50px;
    }

    .progress-login .ico6 .bg {
        background-position: -350px -50px;
    }

    .progress-login .ico7 .bg {
        background-position: -398px -50px;
    }

    .progress-login .txt {
        display: block;
        margin: 10px auto 0;
        font-size: 18px;
        color: #666;
        font-style: normal;
        line-height: 1;
        margin-top: 10px;
    }

    .progress-login .pass > i .bg {
        background-position: -150px 0;
    }

    .progress-login .current .ico1 .bg {
        background-position: -100px -100px;
    }

    .progress-login .current .ico2 .bg {
        background-position: -150px -100px;
    }

    .progress-login .current .ico3 .bg {
        background-position: -200px -100px;
    }

    .progress-login .current .ico4 .bg {
        background-position: -250px -100px;
    }

    .progress-login .current .ico5 .bg {
        background-position: -300px -100px;
    }

    .progress-login .current .ico6 .bg {
        background-position: -350px -100px;
    }

    .progress-login .current .ico7 .bg {
        background-position: -398px -100px;
    }

    .progress-login .current .txt {
        font-size: 18px;
        color: #333;
        font-style: normal;
        line-height: 1;
        margin-top: 10px;
    }

.progress-grade {
    display: inline-block;
    width: 76px;
    height: 10px;
    margin-right: 9px;
    background: url(../../../../../global/images/progress/seller_sprite.png) -87px -16px;
}

    .progress-grade.pc20 {
        background-position: -87px -32px;
    }

    .progress-grade.pc40 {
        background-position: -87px -48px;
    }

    .progress-grade.pc60 {
        background-position: -87px -64px;
    }

    .progress-grade.pc80 {
        background-position: -87px -80px;
    }

    .progress-grade.pc100 {
        background-position: -87px -96px;
    }