.sg[data-v-1b5f1317] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.bom-circular[data-v-1b5f1317] {
    -webkit-animation: loading-rotate-data-v-1b5f1317 2s linear infinite;
    animation: loading-rotate-data-v-1b5f1317 2s linear infinite
}

.bom-circular .path[data-v-1b5f1317] {
    -webkit-animation: loading-dash-data-v-1b5f1317 1.5s ease-in-out infinite;
    animation: loading-dash-data-v-1b5f1317 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 5;
    stroke: #fff;
    stroke-linecap: round
}

    .bom-circular .path[data-v-1b5f1317]:not(svg) {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

.bom-circular.blue .path[data-v-1b5f1317] {
    stroke: #315af8
}

@-webkit-keyframes loading-rotate-data-v-1b5f1317 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate-data-v-1b5f1317 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-dash-data-v-1b5f1317 {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

@keyframes loading-dash-data-v-1b5f1317 {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

[data-v-4b6ac258] {
    box-sizing: border-box
}

button[data-v-4b6ac258] {
    outline: none;
    border: none
}

.bom-btn-new-box[data-v-4b6ac258] {
    display: inline-block;
    position: relative;
    width: 88px;
    height: 32px
}

.bom-btn-new[data-v-4b6ac258] {
    font-size: 14px;
    width: 88px;
    height: 32px;
    line-height: 1em;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 0
}

.bom-btn-new.normal[data-v-4b6ac258] {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    color: rgba(0,0,0,.9)
}

    .bom-btn-new.normal[data-v-4b6ac258]:hover {
        color: #315af8;
        border-color: #315af8
    }

    .bom-btn-new.normal[data-v-4b6ac258]:disabled {
        border-color: #dcdcdc;
        cursor: not-allowed;
        color: rgba(0,0,0,.3)
    }

.bom-btn-new.normal-primary[data-v-4b6ac258] {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #cdf;
    color: #315af8
}

    .bom-btn-new.normal-primary[data-v-4b6ac258]:hover {
        color: #315af8;
        border: 1px solid #315af8
    }

    .bom-btn-new.normal-primary[data-v-4b6ac258]:disabled {
        border: 1px solid #dcdcdc;
        cursor: not-allowed;
        color: rgba(0,0,0,.3)
    }

.bom-btn-new.primary[data-v-4b6ac258] {
    background-color: #315af8;
    border-radius: 3px;
    color: #fff
}

    .bom-btn-new.primary[data-v-4b6ac258]:hover {
        background-color: #5a7bf9
    }

    .bom-btn-new.primary[data-v-4b6ac258]:disabled {
        color: hsla(0,0%,100%,.9);
        background-color: #bbd3fb
    }

.bom-btn-new.danger[data-v-4b6ac258] {
    background-color: #ff5859;
    border-radius: 3px;
    color: #fff
}

    .bom-btn-new.danger[data-v-4b6ac258]:hover {
        background-color: #ff797a
    }

    .bom-btn-new.danger[data-v-4b6ac258]:disabled {
        color: hsla(0,0%,100%,.9);
        background-color: #faa
    }

.bom-btn-new.info[data-v-4b6ac258] {
    background-color: #e7e7e7;
    border-radius: 3px;
    color: #000
}

    .bom-btn-new.info[data-v-4b6ac258]:hover {
        background-color: #dcdcdc
    }

    .bom-btn-new.info[data-v-4b6ac258]:disabled {
        color: rgba(0,0,0,.26);
        background-color: #eee
    }

.bom-btn-new.text[data-v-4b6ac258] {
    color: rgba(0,0,0,.9);
    background-color: transparent
}

    .bom-btn-new.text[data-v-4b6ac258]:hover {
        color: #315af8
    }

    .bom-btn-new.text[data-v-4b6ac258]:disabled {
        color: rgba(0,0,0,.26)
    }

.bom-btn-new.text-primary[data-v-4b6ac258] {
    color: #315af8;
    background-color: transparent
}

    .bom-btn-new.text-primary[data-v-4b6ac258]:hover {
        color: #6294ff
    }

    .bom-btn-new.text-primary[data-v-4b6ac258]:disabled {
        color: #bbd3fb
    }

.bom-btn-new.border-danger[data-v-4b6ac258] {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ffd4d4;
    color: #ff5859
}

    .bom-btn-new.border-danger[data-v-4b6ac258]:hover {
        border: 1px solid #ff5859
    }

    .bom-btn-new.border-danger[data-v-4b6ac258]:disabled {
        border: 1px solid #dcdcdc;
        color: #dcdcdc;
        cursor: not-allowed
    }

.bom-select[data-v-6237b79e] {
    display: inline-block
}

    .bom-select[data-v-6237b79e] .el-select .el-select__caret {
        background-image: url(https://static.szlcsc.com/ecp/assets/web/page/bom/bomResultNew/img/down.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

        .bom-select[data-v-6237b79e] .el-select .el-select__caret:after, .bom-select[data-v-6237b79e] .el-select .el-select__caret:before {
            display: none
        }

    .bom-select[data-v-6237b79e] .el-select .el-input__inner {
        background: #fff;
        border-radius: 4px;
        border: 1px solid #e0e0e0;
        height: 35px;
        color: #333;
        font-size: 14px;
        padding-left: 15px
    }

label[data-v-b9aa8c6e] {
    cursor: pointer
}

.bom-common-radio[data-v-b9aa8c6e] {
    box-sizing: border-box;
    position: relative;
    width: 16px;
    height: 16px
}

    .bom-common-radio[data-v-b9aa8c6e]:before {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        background: #fff;
        border: 1px solid #2656ff;
        position: absolute;
        left: -1px;
        top: -1px;
        border-radius: 50%
    }

    .bom-common-radio[data-v-b9aa8c6e]:after {
        display: none;
        content: "";
        width: 12px;
        height: 12px;
        background: #315af8;
        position: absolute;
        left: 2px;
        top: 2px;
        border-radius: 50%
    }

    .bom-common-radio[data-v-b9aa8c6e]:checked:after {
        display: block
    }

    .bom-common-radio[data-v-b9aa8c6e]:disabled:before {
        border-color: #ececec
    }

    .bom-common-radio[data-v-b9aa8c6e]:disabled:checked:before {
        border-color: #9cc5ff
    }

    .bom-common-radio[data-v-b9aa8c6e]:disabled:checked:after {
        background: #9cc5ff
    }

.bom-common-radio-label[data-v-b9aa8c6e] {
    display: inline-block;
    font-size: 14px;
    line-height: 1em
}

.bom-radio-mini[data-v-b9aa8c6e] {
    --size: 14px
}

    .bom-radio-mini[data-v-b9aa8c6e]:before {
        width: var(--size);
        height: var(--size);
        left: calc(var(--size) - 14px);
        top: calc(var(--size) - 14px)
    }

    .bom-radio-mini[data-v-b9aa8c6e]:after {
        width: calc(var(--size) - 4px);
        height: calc(var(--size) - 4px);
        left: calc(var(--size) - 11px);
        top: calc(var(--size) - 11px)
    }

.bubble[data-v-302f6c1a] {
    position: relative
}

.bubble:hover .bubble-pop[data-v-302f6c1a] {
    display: block
}

.bubble .bubble-pop[data-v-302f6c1a] {
    position: absolute;
    display: none;
    z-index: 1
}

.bubble .bubble-pop .pop-content[data-v-302f6c1a] {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 hsla(225,4%,79%,.5);
    border-radius: 5px;
    position: relative
}

    .bubble .bubble-pop .pop-content[data-v-302f6c1a]:after {
        position: absolute;
        content: "";
        display: block;
        width: 0;
        height: 0
    }

.bubble .bubble-pop .pop-content div[data-v-302f6c1a], .bubble .bubble-pop .pop-content p[data-v-302f6c1a], .bubble .bubble-pop .pop-content span[data-v-302f6c1a] {
    white-space: nowrap
}

.bubble .bubble-pop.left-center[data-v-302f6c1a] {
    padding-right: 10px;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%)
}

.bubble .bubble-pop.left-center .pop-content[data-v-302f6c1a]:after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    right: -7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bubble .bubble-pop.left-start[data-v-302f6c1a] {
    padding-right: 10px;
    padding-top: 0;
    right: 100%;
    top: 0
}

.bubble .bubble-pop.left-start .pop-content[data-v-302f6c1a]:after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    right: -7px;
    top: 15px
}

.bubble .bubble-pop.left-end[data-v-302f6c1a] {
    padding-right: 10px;
    right: 100%;
    bottom: 0
}

.bubble .bubble-pop.left-end .pop-content[data-v-302f6c1a]:after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    right: -7px;
    bottom: 15px
}

.bubble .bubble-pop.right-center[data-v-302f6c1a] {
    padding-left: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(100%,-50%);
    transform: translate(100%,-50%)
}

.bubble .bubble-pop.right-center .pop-content[data-v-302f6c1a]:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 8px 10px 8px 0;
    left: -7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bubble .bubble-pop.right-start[data-v-302f6c1a] {
    padding-left: 10px;
    left: 100%;
    top: 0
}

.bubble .bubble-pop.right-start .pop-content[data-v-302f6c1a]:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 8px 10px 8px 0;
    left: -7px;
    top: 15px
}

.bubble .bubble-pop.right-end[data-v-302f6c1a] {
    padding-left: 10px;
    left: 100%;
    bottom: 0
}

.bubble .bubble-pop.right-end .pop-content[data-v-302f6c1a]:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 8px 10px 8px 0;
    left: -7px;
    bottom: 15px
}

.bubble .bubble-pop.bottom-center[data-v-302f6c1a] {
    padding: 10px 0 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

.bubble .bubble-pop.bottom-center .pop-content[data-v-302f6c1a]:after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 8px 10px;
    top: -15px;
    left: 50%;
    -webkit-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

.bubble .bubble-pop.bottom-start[data-v-302f6c1a] {
    padding: 10px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bubble .bubble-pop.bottom-start .pop-content[data-v-302f6c1a]:after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 8px 10px;
    top: -15px;
    left: 15px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bubble .bubble-pop.bottom-end[data-v-302f6c1a] {
    padding: 10px 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bubble .bubble-pop.bottom-end .pop-content[data-v-302f6c1a]:after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 8px 10px;
    top: -15px;
    right: 15px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bubble .bubble-pop.top-end[data-v-302f6c1a] {
    padding: 10px 0 0;
    position: absolute;
    top: -175px;
    left: -70px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bubble .bubble-pop.top-end .pop-content[data-v-302f6c1a]:after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 10px 8px 0;
    bottom: 0;
    left: 68px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bubble .bubble-pop.top-center[data-v-302f6c1a] {
    padding: 0 0 10px;
    position: absolute;
    top: 0;
    left: calc(50% - 2px);
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    -webkit-filter: drop-shadow(0 0 1px #c8c9cc);
    filter: drop-shadow(0 0 1px #c8c9cc)
}

.bubble .bubble-pop.top-center .pop-content[data-v-302f6c1a]:after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 10px 8px 0;
    bottom: 1px;
    left: calc(50% - 5px);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

/*! Hint.css - v2.7.0 - 2021-10-01
* https://kushagra.dev/lab/hint/
* Copyright (c) 2021 Kushagra Gour */
[class*=hint--] {
    position: relative;
    display: inline-block
}

    [class*=hint--]:after, [class*=hint--]:before {
        position: absolute;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        visibility: hidden;
        opacity: 0;
        z-index: 1000000;
        pointer-events: none;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        transition: .3s ease;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        transition-delay: 0s
    }

    [class*=hint--]:hover:after, [class*=hint--]:hover:before {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: .1s;
        -moz-transition-delay: .1s;
        transition-delay: .1s
    }

    [class*=hint--]:before {
        content: "";
        position: absolute;
        background: 0 0;
        border: 6px solid transparent;
        z-index: 1000001
    }

    [class*=hint--]:after {
        background: #383838;
        color: #fff;
        padding: 8px 10px;
        font-size: 12px;
        font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 12px;
        white-space: nowrap;
        text-shadow: 0 -1px 0 #000;
        box-shadow: 4px 4px 8px rgba(0,0,0,.3)
    }

    [class*=hint--][aria-label]:after {
        content: attr(aria-label)
    }

    [class*=hint--][data-hint]:after {
        content: attr(data-hint)
    }

[aria-label=""]:after, [aria-label=""]:before, [data-hint=""]:after, [data-hint=""]:before {
    display: none !important
}

.hint--top-left:before, .hint--top-right:before, .hint--top:before {
    border-top-color: #383838
}

.hint--bottom-left:before, .hint--bottom-right:before, .hint--bottom:before {
    border-bottom-color: #383838
}

.hint--top:after, .hint--top:before {
    bottom: 100%;
    left: 50%
}

.hint--top:before {
    margin-bottom: -11px;
    left: calc(50% - 6px)
}

.hint--top:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--top:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top:hover:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:after, .hint--bottom:before {
    top: 100%;
    left: 50%
}

.hint--bottom:before {
    margin-top: -11px;
    left: calc(50% - 6px)
}

.hint--bottom:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--bottom:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom:hover:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
    border-right-color: #383838;
    margin-left: -11px;
    margin-bottom: -6px
}

.hint--right:after {
    margin-bottom: -14px
}

.hint--right:after, .hint--right:before {
    left: 100%;
    bottom: 50%
}

.hint--right:hover:after, .hint--right:hover:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--left:before {
    border-left-color: #383838;
    margin-right: -11px;
    margin-bottom: -6px
}

.hint--left:after {
    margin-bottom: -14px
}

.hint--left:after, .hint--left:before {
    right: 100%;
    bottom: 50%
}

.hint--left:hover:after, .hint--left:hover:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--top-left:after, .hint--top-left:before {
    bottom: 100%;
    left: 50%
}

.hint--top-left:before {
    margin-bottom: -11px;
    left: calc(50% - 6px)
}

.hint--top-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: 12px
}

.hint--top-left:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:after, .hint--top-right:before {
    bottom: 100%;
    left: 50%
}

.hint--top-right:before {
    margin-bottom: -11px;
    left: calc(50% - 6px)
}

.hint--top-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin-left: -12px
}

.hint--top-right:hover:after, .hint--top-right:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--bottom-left:after, .hint--bottom-left:before {
    top: 100%;
    left: 50%
}

.hint--bottom-left:before {
    margin-top: -11px;
    left: calc(50% - 6px)
}

.hint--bottom-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: 12px
}

.hint--bottom-left:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:after, .hint--bottom-right:before {
    top: 100%;
    left: 50%
}

.hint--bottom-right:before {
    margin-top: -11px;
    left: calc(50% - 6px)
}

.hint--bottom-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin-left: -12px
}

.hint--bottom-right:hover:after, .hint--bottom-right:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--large:after, .hint--medium:after, .hint--small:after {
    white-space: normal;
    line-height: 1.4em;
    word-wrap: break-word
}

.hint--small:after {
    width: 80px
}

.hint--medium:after {
    width: 150px
}

.hint--large:after {
    width: 300px
}

.hint--error:after {
    background-color: #b34e4d;
    text-shadow: 0 -1px 0 #592726
}

.hint--error.hint--top-left:before, .hint--error.hint--top-right:before, .hint--error.hint--top:before {
    border-top-color: #b34e4d
}

.hint--error.hint--bottom-left:before, .hint--error.hint--bottom-right:before, .hint--error.hint--bottom:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--left:before {
    border-left-color: #b34e4d
}

.hint--error.hint--right:before {
    border-right-color: #b34e4d
}

.hint--warning:after {
    background-color: #c09854;
    text-shadow: 0 -1px 0 #6c5328
}

.hint--warning.hint--top-left:before, .hint--warning.hint--top-right:before, .hint--warning.hint--top:before {
    border-top-color: #c09854
}

.hint--warning.hint--bottom-left:before, .hint--warning.hint--bottom-right:before, .hint--warning.hint--bottom:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--left:before {
    border-left-color: #c09854
}

.hint--warning.hint--right:before {
    border-right-color: #c09854
}

.hint--info:after {
    background-color: #3986ac;
    text-shadow: 0 -1px 0 #1a3c4d
}

.hint--info.hint--top-left:before, .hint--info.hint--top-right:before, .hint--info.hint--top:before {
    border-top-color: #3986ac
}

.hint--info.hint--bottom-left:before, .hint--info.hint--bottom-right:before, .hint--info.hint--bottom:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--left:before {
    border-left-color: #3986ac
}

.hint--info.hint--right:before {
    border-right-color: #3986ac
}

.hint--success:after {
    background-color: #458746;
    text-shadow: 0 -1px 0 #1a321a
}

.hint--success.hint--top-left:before, .hint--success.hint--top-right:before, .hint--success.hint--top:before {
    border-top-color: #458746
}

.hint--success.hint--bottom-left:before, .hint--success.hint--bottom-right:before, .hint--success.hint--bottom:before {
    border-bottom-color: #458746
}

.hint--success.hint--left:before {
    border-left-color: #458746
}

.hint--success.hint--right:before {
    border-right-color: #458746
}

.hint--always:after, .hint--always:before {
    opacity: 1;
    visibility: visible
}

.hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--always.hint--top-left:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top-left:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--always.hint--top-right:after, .hint--always.hint--top-right:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--always.hint--bottom-left:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom-left:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--always.hint--bottom-right:after, .hint--always.hint--bottom-right:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--left:after, .hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--always.hint--right:after, .hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--rounded:after {
    border-radius: 4px
}

.hint--no-animate:after, .hint--no-animate:before {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s
}

.hint--bounce:after, .hint--bounce:before {
    -webkit-transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    -moz-transition: opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    transition: opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)
}

.hint--no-shadow:after, .hint--no-shadow:before {
    text-shadow: none;
    box-shadow: none
}

.hint--no-arrow:before {
    display: none
}

.hint-down {
    margin-left: -400px;
    margin-top: -335px;
    width: 800px;
    height: auto
}

@media screen and (max-height: 610px) {
    .hint-down {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@media screen and (max-height: 670px)and (min-height:610px) {
    .hint-down {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

#hint_down {
    left: 41%;
    top: 120px;
    width: 800px;
    height: auto
}

    #hint_down #lcedalogo {
        margin: 0 auto;
        width: 94%;
        height: 52px;
        background-color: #e3e9f1;
        border-radius: 8px
    }

        #hint_down #lcedalogo svg {
            margin-top: 15px;
            margin-left: 30px
        }

        #hint_down #lcedalogo div {
            font-size: 13px;
            margin-top: -24px;
            margin-left: 185px
        }

    #hint_down div.lcedaCanvas {
        border: 1px solid #d9d9d9;
        width: 46%;
        height: 366px;
        display: inline-block;
        margin-right: 10px;
        margin-top: 20px
    }

    #hint_down div.requestDesign {
        text-align: center;
        margin-top: 158px;
        font-size: 16px;
        font-weight: 700
    }

    #hint_down #schCanvas {
        margin-left: 3%
    }

    #hint_down div.canvasBorder {
        margin-top: 0;
        width: 366px;
        height: auto
    }

    #hint_down #userButton {
        background-color: #fa7701;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        text-align: center;
        margin: 20px auto 0;
        width: 138px;
        height: 27px;
        border-radius: 8px;
        padding-top: 8px;
        cursor: pointer
    }

        #hint_down #userButton a, #hint_down #userButton a:hover {
            color: #fff
        }

    #hint_down #rootControl {
        position: absolute;
        bottom: 13%;
        left: 40.5%
    }

    #hint_down #rootControl2 {
        position: absolute;
        bottom: 13%;
        right: 4%
    }

        #hint_down #rootControl2 span, #hint_down #rootControl span {
            cursor: pointer
        }

    #hint_down [layerid="0"]:not([c_para]) {
        stroke: #fff
    }

    #hint_down [layerid="1"]:not([c_para]) {
        stroke: red;
        fill: red
    }

    #hint_down [layerid="2"]:not([c_para]) {
        stroke: #00f;
        fill: #00f
    }

    #hint_down [layerid="3"]:not([c_para]) {
        stroke: #ff0;
        fill: #ff0
    }

    #hint_down [layerid="4"]:not([c_para]) {
        stroke: olive;
        fill: olive
    }

    #hint_down [layerid="5"]:not([c_para]) {
        stroke: grey;
        fill: grey
    }

    #hint_down [layerid="6"]:not([c_para]) {
        stroke: maroon;
        fill: maroon
    }

    #hint_down [layerid="7"]:not([c_para]) {
        stroke: purple;
        fill: purple
    }

    #hint_down [layerid="8"]:not([c_para]) {
        stroke: #a0f;
        fill: #a0f
    }

    #hint_down [layerid="9"]:not([c_para]) {
        stroke: #6464ff;
        fill: #6464ff
    }

    #hint_down [layerid="10"]:not([c_para]) {
        stroke: #f0f;
        fill: #f0f
    }

    #hint_down [layerid="11"]:not([c_para]) {
        stroke: #606060;
        fill: #606060
    }

    #hint_down [layerid="12"]:not([c_para]) {
        stroke: #fff;
        fill: #fff
    }

    #hint_down [layerid="13"]:not([c_para]), #hint_down [layerid="14"]:not([c_para]), #hint_down [layerid="15"]:not([c_para]), #hint_down [layerid="16"]:not([c_para]), #hint_down [layerid="17"]:not([c_para]), #hint_down [layerid="18"]:not([c_para]), #hint_down [layerid="19"]:not([c_para]), #hint_down [layerid="20"]:not([c_para]) {
        stroke: #fff
    }

    #hint_down [layerid="21"]:not([c_para]) {
        stroke: maroon;
        fill: maroon
    }

    #hint_down [layerid="22"]:not([c_para]) {
        stroke: green;
        fill: green
    }

    #hint_down [layerid="23"]:not([c_para]) {
        stroke: #0f0;
        fill: #0f0
    }

    #hint_down [layerid="24"]:not([c_para]) {
        stroke: navy;
        fill: navy
    }

    #hint_down [layerid="43"]:not([c_para]) {
        stroke: #39503f;
        fill: #39503f
    }

    #hint_down [layerid="44"]:not([c_para]) {
        stroke: #0c715d;
        fill: #0c715d
    }

    #hint_down [layerid="45"]:not([c_para]) {
        stroke: #5a8a80;
        fill: #5a8a80
    }

    #hint_down [layerid="46"]:not([c_para]) {
        stroke: #2b937e;
        fill: #2b937e
    }

    #hint_down [layerid="47"]:not([c_para]) {
        stroke: #23999d;
        fill: #23999d
    }

    #hint_down [layerid="48"]:not([c_para]) {
        stroke: #45b4e3;
        fill: #45b4e3
    }

    #hint_down [layerid="49"]:not([c_para]) {
        stroke: #215da1;
        fill: #215da1
    }

    #hint_down [layerid="50"]:not([c_para]) {
        stroke: #4564d7;
        fill: #4564d7
    }

    #hint_down [layerid="51"]:not([c_para]) {
        stroke: #6969e9;
        fill: #6969e9
    }

    #hint_down [layerid="52"]:not([c_para]) {
        stroke: #9069e9;
        fill: #9069e9
    }

    #hint_down [fill=none] {
        fill: none
    }

    #hint_down [stroke=none] {
        stroke: none
    }

    #hint_down #g12 line, #hint_down #g12 path, #hint_down #g12 polygon, #hint_down #g12 polyline {
        stroke-linecap: round
    }

    #hint_down [fill=none]:not([c_para]) {
        fill: none
    }

    #hint_down [stroke=none]:not([c_para]) {
        stroke: none
    }

    #hint_down #g12 g[c_partid=part_pad] {
        display: initial
    }

    #hint_down #g12 line[c_shapetype=line] {
        stroke-width: 1
    }

    #hint_down #gCurParts g[c_partid=part_hole] > * + circle, #hint_down #gCurParts g[c_partid=part_pad] > * + circle, #hint_down #gCurParts g[c_partid=part_via] > * + circle:nth-of-type(2), #hint_down #root2 #g12 g[c_partid=part_hole] > * + circle, #hint_down #root2 #g12 g[c_partid=part_pad] > * + circle, #hint_down #root2 #g12 g[c_partid=part_via] > * + circle:nth-of-type(2) {
        fill: #222
    }

    #hint_down #gCurParts g[c_partid=part_pad] > polyline:last-of-type, #hint_down #gCurParts g[c_partid=part_pad] > polyline:nth-of-type(2), #hint_down #root2 #g12 g[c_partid=part_pad] > polyline:nth-of-type(2), #hint_down #root2 #g12 g[c_partid=part_pad][c_shape=ELLIPSE] > polyline:last-of-type, #hint_down #root2 #g12 g[c_partid=part_pad][c_shape=RECT] > polyline:last-of-type {
        stroke: #000
    }

    #hint_down #root2 g[c_partid=part_pad][layerid="1"] ellipse:not([c_padid]), #hint_down #root2 g[c_partid=part_pad][layerid="1"] polygon:not([c_padid]) {
        fill: red
    }

    #hint_down #root2 g[c_partid=part_pad][layerid="1"] polyline:not([c_padid]) {
        stroke: red
    }

    #hint_down #root2 g[c_partid=part_pad][layerid="1"] circle {
        fill: red
    }

    #hint_down #root2 g[c_partid=part_pad][layerid="2"] ellipse:not([c_padid]), #hint_down #root2 g[c_partid=part_pad][layerid="2"] polygon:not([c_padid]) {
        fill: #00f
    }

    #hint_down #root2 g[c_partid=part_pad][layerid="2"] polyline:not([c_padid]) {
        stroke: #00f
    }

    #hint_down #root2 g[c_partid=part_pad][layerid="2"] circle {
        fill: #00f
    }

    #hint_down #root2 g[c_partid=part_pad][layerid="11"] ellipse:not([c_padid]), #hint_down #root2 g[c_partid=part_pad][layerid="11"] polygon:not([c_padid]) {
        fill: silver
    }

    #hint_down #root2 g[c_partid=part_pad][layerid="11"] polyline:not([c_padid]) {
        stroke: silver
    }

    #hint_down #root2 g[c_partid=part_pad][layerid="11"] circle {
        fill: silver
    }

    #hint_down #root2 g[c_partid=part_pad][layerid] > circle[c_padhole] {
        fill: #000
    }

    #hint_down #root2 g[c_partid=part_pad][layerid] > polyline[c_padhole] {
        stroke: #000
    }

    #hint_down #root2 g[c_partid=part_via][layerid] > * + circle {
        fill: #000
    }

    #hint_down #root2 g[c_partid=part_pad] > polygon[c_padid] {
        stroke-linejoin: miter;
        stroke-miterlimit: 100
    }

    #hint_down #root2 g[c_partid=part_hole] > circle {
        fill: silver
    }

    #hint_down path, #hint_down polygon, #hint_down polyline {
        stroke-linejoin: round
    }

    #hint_down #g12 circle, #hint_down #g12 ellipse, #hint_down #g12 line, #hint_down #g12 path, #hint_down #g12 polygon, #hint_down #g12 polyline {
        shape-rendering: crispEdges
    }

    #hint_down #g12 [stroke-width="1"], #hint_down .px1 {
        stroke-width: 1
    }

    #hint_down #rootControl .control {
        font-size: 20px;
        color: #239be4
    }

    #hint_down #rootControl2 .control {
        font-size: 19px;
        color: #fff
    }

    #hint_down div {
        -webkit-user-select: none;
        user-select: none
    }

    #hint_down #g12 .active:not([fill]), #hint_down #g12 .active :not([fill]), #hint_down #g12 .hover:not([fill]), #hint_down #g12 .hover :not([fill]), #hint_down #g12 .selected:not([fill]), #hint_down #g12 .selected :not([fill]) {
        fill: #223;
        fill-opacity: .6
    }

    #hint_down #g12 .active:not([stroke]), #hint_down #g12 .active :not([stroke]), #hint_down #g12 .hover:not([stroke]), #hint_down #g12 .hover :not([stroke]), #hint_down #g12 .selected:not([stroke]), #hint_down #g12 .selected :not([stroke]) {
        stroke: #fff;
        stroke-opacity: .6
    }

    #hint_down #g12 g[c_partid=part_pad].active > :not([fill]), #hint_down #g12 g[c_partid=part_pad]:hover > :not([fill]) {
        fill: #222
    }

    #hint_down #g12 g[c_partid=part_pad].active > :not([stroke]), #hint_down #g12 g[c_partid=part_pad]:hover > :not([stroke]) {
        stroke: #333
    }

    #hint_down #g12 g[c_partid=part_via].active > :not([fill]), #hint_down #g12 g[c_partid=part_via]:hover > :not([fill]) {
        fill: #111;
        fill-opacity: 1
    }

    #hint_down #g12 path[attachedcopperid] {
        pointer-events: none
    }

    #hint_down .hover text, #hint_down .hover tspan, #hint_down text.hover, #hint_down tspan.hover {
        stroke: none;
        fill: #fff
    }

    #hint_down #root2 g[c_partid=part_pad]:hover[layerid="1"] polyline:not([c_padid]) {
        stroke: #fff
    }

    #hint_down #root2 g[c_partid=part_pad]:hover[layerid="1"] ellipse:not([c_padid]), #hint_down #root2 g[c_partid=part_pad]:hover[layerid="1"] polygon:not([c_padid]) {
        fill: #fff
    }

    #hint_down #root2 .active ellipse, #hint_down #root2 .active polyline:not([c_padid]), #hint_down #root2 g[c_partid=part_hole]:hover ellipse {
        stroke: #fff
    }

    #hint_down #root path, #hint_down #root polygon, #hint_down #root polyline {
        stroke-linejoin: round;
        stroke-linecap: round
    }

    #hint_down #root circle, #hint_down #root ellipse, #hint_down #root line, #hint_down #root path, #hint_down #root polygon, #hint_down #root polyline, #hint_down #root rect {
        shape-rendering: initial;
        stroke-linecap: round
    }

    #hint_down #g1 circle.pindot {
        fill: none;
        stroke-opacity: .5;
        stroke-width: .3;
        stroke: #333;
        shape-rendering: auto
    }

    #hint_down #gNets > text, #hint_down #gNetsTextRuler {
        text-anchor: middle;
        font-family: Consolas,Courier,Monospace
    }

        #hint_down #gNets > text:not([fill]) {
            fill: #fff
        }

        #hint_down #gNets > text:not(stroke) {
            stroke: #000
        }

    #hint_down #export_altium {
        right: 232px
    }

    #hint_down #reportError, #hint_down .link-btn {
        color: #0093e6;
        position: absolute;
        right: 22px;
        bottom: 25px
    }

    #hint_down #user-info {
        position: absolute;
        left: 22px;
        bottom: 28px
    }

        #hint_down #user-info a {
            color: #0093e6
        }

    #hint_down .more-file {
        width: 94%;
        margin: 20px auto 30px
    }

        #hint_down .more-file .mf1 {
            font-size: 12px;
            color: #444;
            padding-bottom: 10px
        }

        #hint_down .more-file .mf-list {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            position: relative
        }

            #hint_down .more-file .mf-list .mf-item + .mf-item {
                margin-left: 10px
            }

            #hint_down .more-file .mf-list .mf-item {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                width: 110px;
                height: 40px;
                background: #fff;
                border-radius: 5px;
                border: 1px solid #ededed;
                padding: 0 10px;
                cursor: pointer;
                box-sizing: border-box
            }

                #hint_down .more-file .mf-list .mf-item .is {
                    width: 20px;
                    height: 23px;
                    display: block
                }

                #hint_down .more-file .mf-list .mf-item .sg5 {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/hintDown/05.svg) no-repeat;
                    background-size: contain
                }

                #hint_down .more-file .mf-list .mf-item .sg6 {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/hintDown/06.svg) no-repeat;
                    background-size: 100% 100%
                }

                #hint_down .more-file .mf-list .mf-item .sg7 {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/hintDown/07.svg) no-repeat;
                    background-size: 100% 100%
                }

                #hint_down .more-file .mf-list .mf-item .sg8 {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/hintDown/08.svg) no-repeat;
                    background-size: 100% 100%
                }

                #hint_down .more-file .mf-list .mf-item > p {
                    font-size: 12px;
                    color: #666;
                    margin-left: 6px
                }

                #hint_down .more-file .mf-list .mf-item.active {
                    background: #eefffd;
                    border: 1px solid #99e9df
                }

                #hint_down .more-file .mf-list .mf-item.alls-mf {
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center
                }

                    #hint_down .more-file .mf-list .mf-item.alls-mf p {
                        margin: 0
                    }

                    #hint_down .more-file .mf-list .mf-item.alls-mf.active {
                        background: #edf9ff;
                        border: 1px solid #0294e7
                    }

            #hint_down .more-file .mf-list .backUp-mfitem {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                width: 110px;
                height: 40px;
                padding: 0 10px;
                cursor: pointer;
                background: #f7f7f7;
                border-radius: 5px;
                border: 1px solid #ededed;
                margin-left: 10px;
                box-sizing: border-box;
                position: absolute;
                right: 10px
            }

    #hint_down .eda-file-list {
        width: 94%;
        margin: 0 auto;
        overflow-y: auto;
        height: 480px
    }

        #hint_down .eda-file-list .fl-items + .fl-items {
            margin-top: 12px
        }

        #hint_down .eda-file-list .fl-items {
            width: 100%;
            height: 40px;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }

            #hint_down .eda-file-list .fl-items, #hint_down .eda-file-list .fl-items .fl-items-lf {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

                #hint_down .eda-file-list .fl-items .fl-items-lf .fl-items-img {
                    width: 14px;
                    height: 17px;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/hintDown/04.svg) no-repeat;
                    background-size: 100%;
                    margin-right: 10px
                }

                #hint_down .eda-file-list .fl-items .fl-items-lf p {
                    font-size: 14px;
                    line-height: 1em;
                    color: #636363
                }

                #hint_down .eda-file-list .fl-items .fl-item-download {
                    font-size: 14px;
                    color: #636363;
                    padding: 0 5px;
                    background: #f2f2f2;
                    border: 1px solid #ccc;
                    border-radius: 3px;
                    height: 30px;
                    line-height: 30px;
                    margin-right: 10px
                }

.lceda-display-none {
    display: none !important
}

.down-cont .fileCheckMore {
    float: right;
    font-size: 12px;
    color: #0294e7 !important;
    margin-left: 14px;
    width: auto !important;
    text-align: left !important;
    cursor: pointer
}

@font-face {
    font-family: icomoon;
    src: url(https://static.szlcsc.com/ecp/public/font/icomoon.d339e13b.eot);
    src: url(https://static.szlcsc.com/ecp/public/font/icomoon.d339e13b.eot#iefix) format("embedded-opentype"),url(https://static.szlcsc.com/ecp/public/font/icomoon.507fcf04.ttf) format("truetype"),url(https://static.szlcsc.com/ecp/public/font/icomoon.cb1eba5a.woff) format("woff"),url(https://static.szlcsc.com/ecp/public/img/icomoon.e101fbf6.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-goal:before, .icon-location:before, .icon-target:before {
    content: "\E900"
}

.icon-refresh:before {
    content: "\E901"
}

.icon-minus-square:before {
    content: "\E902"
}

.icon-minus-circle:before {
    content: "\E903"
}

.icon-plus-square:before {
    content: "\E904"
}

.icon-plus-circle:before {
    content: "\E905"
}

.icon-my_location:before {
    content: "\E906"
}

.sch-bd.ecp .search-list#search-list {
    padding: 20px 20px 10px;
    position: absolute;
    top: 42px;
    z-index: 1300;
    display: none;
    margin-left: 1px;
    width: 460px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    border-top: 0;
    background: #fff;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)
}

    .sch-bd.ecp .search-list#search-list.tip-list {
        padding: 20px 0 10px
    }

    .sch-bd.ecp .search-list#search-list .search-recommend-title, .sch-bd.ecp .search-list#search-list .search-record-title {
        position: relative;
        font-size: 14px;
        line-height: 19px;
        font-weight: 700;
        margin-bottom: 11px
    }

        .sch-bd.ecp .search-list#search-list .search-recommend-title .del-icon, .sch-bd.ecp .search-list#search-list .search-record-title .del-icon {
            position: absolute;
            top: 0;
            right: 0;
            width: 16px;
            height: 16px;
            background: url(https://static.szlcsc.com/ecp/assets/newWeb/header/remove.svg);
            cursor: pointer
        }

            .sch-bd.ecp .search-list#search-list .search-recommend-title .del-icon:hover, .sch-bd.ecp .search-list#search-list .search-record-title .del-icon:hover {
                opacity: .7
            }

    .sch-bd.ecp .search-list#search-list .search-record-wrap {
        width: 100%;
        font-size: 0;
        box-sizing: border-box
    }

        .sch-bd.ecp .search-list#search-list .search-record-wrap .search-record {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            color: #56657f;
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 10px;
            overflow-y: hidden;
            max-height: 78px;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .sch-bd.ecp .search-list#search-list .search-record-wrap .search-record .search-record-item {
                margin-bottom: 10px;
                margin-right: 15px;
                cursor: pointer
            }

                .sch-bd.ecp .search-list#search-list .search-record-wrap .search-record .search-record-item:hover {
                    color: #0093e6
                }

    .sch-bd.ecp .search-list#search-list .search-recommend-wrap {
        width: 100%;
        min-height: 30px;
        font-size: 0;
        box-sizing: border-box
    }

        .sch-bd.ecp .search-list#search-list .search-recommend-wrap .search-recommend {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            color: #56657f;
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 10px;
            overflow-y: hidden;
            max-height: 78px;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .sch-bd.ecp .search-list#search-list .search-recommend-wrap .search-recommend .recommend-item {
                margin-bottom: 10px;
                margin-right: 15px;
                cursor: pointer
            }

                .sch-bd.ecp .search-list#search-list .search-recommend-wrap .search-recommend .recommend-item:hover {
                    color: #0093e6
                }

    .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list a, .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list li {
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        color: #56657f
    }

        .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list a:hover, .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list li:hover {
            background: #e8f5fc;
            color: #0093e6
        }

            .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list a:hover *, .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list li:hover * {
                color: #0093e6
            }

        .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list a .brand-tips-div, .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list li .brand-tips-div {
            height: 32px;
            line-height: 32px
        }

        .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list a .search-num, .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list li .search-num {
            float: right;
            color: #999;
            font-size: 12px
        }

            .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list a .search-num i, .sch-bd.ecp .search-list#search-list .search-tip-list-wrap .search-tip-list li .search-num i {
                font-style: normal
            }

    .sch-bd.ecp .search-list#search-list .search-word-no-keyword b {
        font-weight: 400
    }

.layout-header.ecp .fake-a {
    color: #6c6c6c
}

    .layout-header.ecp .fake-a:hover {
        color: #199fe9;
        cursor: pointer
    }

.layout-header.ecp .message {
    display: none;
    line-height: 32px;
    background: #fff6c1;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    width: 100%
}

    .layout-header.ecp .message a {
        color: #ff3301
    }

.layout-header.ecp .banner-ads {
    width: 100%;
    background: #fff;
    height: 100%
}

    .layout-header.ecp .banner-ads a {
        position: relative;
        display: block
    }

        .layout-header.ecp .banner-ads a, .layout-header.ecp .banner-ads a .banner-div {
            margin: 0 auto;
            min-width: 1200px;
            max-width: 100%
        }

            .layout-header.ecp .banner-ads a .banner-div img {
                width: 100%
            }

            .layout-header.ecp .banner-ads a .banner-close {
                position: absolute;
                top: 10px;
                right: 50px;
                padding: 4px;
                width: 18px;
                height: 18px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/close_top.png) no-repeat;
                color: #dedede;
                font-size: 20px
            }

            .layout-header.ecp .banner-ads a:hover .banner-close {
                background-position-x: -28px
            }

.layout-header.ecp .ecp-banner-ads {
    position: relative;
    max-width: 3840px;
    background: #fff;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    display: none
}

    .layout-header.ecp .ecp-banner-ads a {
        position: absolute;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%
    }

        .layout-header.ecp .ecp-banner-ads a .ecp-banner-div {
            width: 100%;
            height: 60px;
            background: 50%/auto 100% no-repeat;
            -webkit-transition: background-image .5s;
            transition: background-image .5s
        }

        .layout-header.ecp .ecp-banner-ads a .ecp-banner-close {
            position: absolute;
            top: 10px;
            right: 50px;
            padding: 4px;
            width: 18px;
            height: 18px;
            background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/close_top.png) no-repeat
        }

        .layout-header.ecp .ecp-banner-ads a:hover .ecp-banner-close {
            background-position-x: -28px
        }

.layout-header.ecp .hd {
    width: 100%;
    height: 37px;
    background: #f5f5f5
}

    .layout-header.ecp .hd .hd-bd {
        position: relative;
        margin: 0 auto;
        width: 1200px;
        height: 37px;
        line-height: 37px;
        z-index: 1399
    }

        .layout-header.ecp .hd .hd-bd .home {
            float: left;
            display: inline-block;
            cursor: pointer;
            color: #6c6c6c
        }

            .layout-header.ecp .hd .hd-bd .home b {
                margin-right: 2px;
                display: inline-block;
                width: 15px;
                height: 15px;
                vertical-align: text-top;
                background: url(//static.szlcsc.com/ecp/assets/web/page/plus/head/images/home.svg) no-repeat 0 0;
                background-size: 15px 15px
            }

            .layout-header.ecp .hd .hd-bd .home span {
                padding: 0 12px;
                color: #6c6c6c
            }

            .layout-header.ecp .hd .hd-bd .home:hover {
                color: #199fe9
            }

        .layout-header.ecp .hd .hd-bd .reg {
            float: left;
            margin-right: 5px;
            width: auto;
            color: #6c6c6c;
            font-size: 12px
        }

            .layout-header.ecp .hd .hd-bd .reg a {
                color: #6c6c6c
            }

                .layout-header.ecp .hd .hd-bd .reg a:hover {
                    color: #199fe9
                }

            .layout-header.ecp .hd .hd-bd .reg #custom {
                display: none;
                font-weight: 400;
                color: #0094e6
            }

            .layout-header.ecp .hd .hd-bd .reg #login {
                font-weight: 400;
                color: #6c6c6c;
                margin-right: 5px
            }

            .layout-header.ecp .hd .hd-bd .reg #plus {
                position: relative;
                display: inline-block
            }

                .layout-header.ecp .hd .hd-bd .reg #plus .plus-label {
                    display: inline-block;
                    width: 38px;
                    height: 17px;
                    line-height: 17px;
                    text-align: center;
                    background: #2e3244;
                    border-radius: 2px;
                    font-size: 12px;
                    font-family: MicrosoftYaHei;
                    color: #f1d997;
                    margin: 0 4px
                }

                .layout-header.ecp .hd .hd-bd .reg #plus .plus-label-disabled {
                    background: #b1b1b2;
                    color: #fff
                }

                .layout-header.ecp .hd .hd-bd .reg #plus #plus-icon {
                    margin-left: 2px;
                    display: inline-block;
                    width: 8px;
                    height: 3px;
                    vertical-align: middle;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/index_icon.png) no-repeat -25px -6px
                }

                .layout-header.ecp .hd .hd-bd .reg #plus:hover, .layout-header.ecp .hd .hd-bd .reg .active {
                    position: relative;
                    height: 37px;
                    line-height: 37px;
                    margin: 0;
                    z-index: 1200
                }

            .layout-header.ecp .hd .hd-bd .reg .plus-wrap {
                position: absolute;
                left: 0;
                float: right;
                top: 30px;
                width: 164px;
                height: 100px;
                margin-left: 7px;
                z-index: 1112;
                background: #fff;
                border-left: 1px solid #e5e5e5;
                border-right: 1px solid #e5e5e5;
                border-bottom: 1px solid #e5e5e5;
                font-size: 0
            }

                .layout-header.ecp .hd .hd-bd .reg .plus-wrap .account-wrap {
                    
                    text-align: right;
                    font-size: 12px
                }

                    .layout-header.ecp .hd .hd-bd .reg .plus-wrap .account-wrap .account {
                        margin: 0;
                        padding-right: 10px;
                        display: inline-block;
                        color: #333;
                        cursor: pointer
                    }

                        .layout-header.ecp .hd .hd-bd .reg .plus-wrap .account-wrap .account:hover {
                            color: #0094e5;
                            cursor: pointer
                        }

                    .layout-header.ecp .hd .hd-bd .reg .plus-wrap .account-wrap .space {
                        padding-right: 10px;
                        display: inline-block;
                        font-size: 12px
                    }

                .layout-header.ecp .hd .hd-bd .reg .plus-wrap .expire-info-wrap {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-pack: justify;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    width: calc(100% - 40px);
                    height: 40px;
                    background: #edf9ff;
                    padding: 0 20px
                }

                    .layout-header.ecp .hd .hd-bd .reg .plus-wrap .expire-info-wrap .expire-tip {
                        display: inline-block;
                        font-size: 12px;
                        color: #000
                    }

                    .layout-header.ecp .hd .hd-bd .reg .plus-wrap .expire-info-wrap .renew {
                        display: inline-block;
                        width: 71px;
                        height: 27px;
                        line-height: 27px;
                        text-align: center;
                        background: #0093e6;
                        border-radius: 4px;
                        font-size: 12px;
                        color: #fff;
                        float: right;
                        border: none
                    }

                        .layout-header.ecp .hd .hd-bd .reg .plus-wrap .expire-info-wrap .renew:hover {
                            opacity: .8
                        }

        .layout-header.ecp .hd .hd-bd .active {
            position: relative;
            height: 37px;
            line-height: 37px;
            margin: 0;
            z-index: 1200
        }

        .layout-header.ecp .hd .hd-bd .logout {
            display: none;
            float: right;
            padding-right: 10px;
            font-size: 0;
            cursor: pointer
        }

            .layout-header.ecp .hd .hd-bd .logout span {
                margin-right: 6px;
                color: #333;
                font-size: 12px
            }

                .layout-header.ecp .hd .hd-bd .logout span:hover {
                    color: #0076b8;
                    cursor: pointer
                }

        .layout-header.ecp .hd .hd-bd .enter {
            float: right;
            width: 571px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            z-index: 1;
            color: #0076b8
        }

            .layout-header.ecp .hd .hd-bd .enter .pd06 .txt {
                color: #6c6c6c
            }

            .layout-header.ecp .hd .hd-bd .enter .pd06.has-icon {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

                .layout-header.ecp .hd .hd-bd .enter .pd06.has-icon b {
                    margin-right: 5px
                }

            .layout-header.ecp .hd .hd-bd .enter a, .layout-header.ecp .hd .hd-bd .enter button {
                color: #6c6c6c
            }

                .layout-header.ecp .hd .hd-bd .enter a:hover, .layout-header.ecp .hd .hd-bd .enter button:hover {
                    color: #199fe9
                }

                .layout-header.ecp .hd .hd-bd .enter a.er01, .layout-header.ecp .hd .hd-bd .enter button.er01 {
                    border: 1px solid transparent;
                    border-top: none;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .layout-header.ecp .hd .hd-bd .enter a.er01 b, .layout-header.ecp .hd .hd-bd .enter button.er01 b {
                        margin-left: 2px;
                        display: inline-block;
                        width: 8px;
                        height: 3px;
                        vertical-align: middle;
                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/index_icon.png) no-repeat -25px -6px
                    }

                    .layout-header.ecp .hd .hd-bd .enter a.er01.er01.active, .layout-header.ecp .hd .hd-bd .enter a.er01.er01:hover, .layout-header.ecp .hd .hd-bd .enter button.er01.er01.active, .layout-header.ecp .hd .hd-bd .enter button.er01.er01:hover {
                        position: relative;
                        z-index: 1200
                    }

                .layout-header.ecp .hd .hd-bd .enter a.er02, .layout-header.ecp .hd .hd-bd .enter button.er02 {
                    background-position: 0 -296px
                }

                .layout-header.ecp .hd .hd-bd .enter a.er03, .layout-header.ecp .hd .hd-bd .enter button.er03 {
                    width: auto;
                    height: 37px;
                    background-position: 0 -61px
                }

                    .layout-header.ecp .hd .hd-bd .enter a.er03 b, .layout-header.ecp .hd .hd-bd .enter button.er03 b {
                        display: inline-block;
                        width: 15px;
                        height: 18px;
                        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/phone.svg) no-repeat 0 0;
                        vertical-align: text-bottom;
                        margin-right: 4px
                    }

                    .layout-header.ecp .hd .hd-bd .enter a.er03:hover b, .layout-header.ecp .hd .hd-bd .enter button.er03:hover b {
                        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/hover/phone.svg) no-repeat 0 0
                    }

                .layout-header.ecp .hd .hd-bd .enter a.line, .layout-header.ecp .hd .hd-bd .enter button.line {
                    margin-right: 18px
                }

        .layout-header.ecp .hd .hd-bd .slide-wrap {
            position: relative;
            display: inline-block
        }

            .layout-header.ecp .hd .hd-bd .slide-wrap * {
                box-sizing: border-box
            }

            .layout-header.ecp .hd .hd-bd .slide-wrap a.er01 {
                border: 1px solid transparent;
                border-top: none;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .layout-header.ecp .hd .hd-bd .slide-wrap a.er01 b {
                    margin-left: 2px;
                    display: inline-block;
                    width: 8px;
                    height: 3px;
                    vertical-align: middle;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/index_icon.png) no-repeat -25px -6px
                }

                .layout-header.ecp .hd .hd-bd .slide-wrap a.er01.er01.active, .layout-header.ecp .hd .hd-bd .slide-wrap a.er01.er01:hover {
                    position: relative;
                    z-index: 1200
                }

            .layout-header.ecp .hd .hd-bd .slide-wrap.lc-mobile-wrap {
                margin-left: 32px;
                margin-right: 16px
            }

                .layout-header.ecp .hd .hd-bd .slide-wrap.lc-mobile-wrap .lc-mobile-content {
                    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);
                    position: absolute;
                    top: 37px;
                    right: -146px;
                    z-index: 1112;
                    display: none;
                    margin: 0;
                    width: 392px;
                    height: 202px;
                    border: 1px solid #e5e5e5;
                    background: #fff;
                    padding: 12px 16px;
                    border-radius: 0 0 10px 10px
                }

                    .layout-header.ecp .hd .hd-bd .slide-wrap.lc-mobile-wrap .lc-mobile-content > ul {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-box-align: center;
                        -webkit-align-items: center;
                        align-items: center;
                        padding: 10px 0 10px 10px
                    }

                        .layout-header.ecp .hd .hd-bd .slide-wrap.lc-mobile-wrap .lc-mobile-content > ul > li {
                            margin-right: 16px;
                            text-align: center
                        }

                            .layout-header.ecp .hd .hd-bd .slide-wrap.lc-mobile-wrap .lc-mobile-content > ul > li img {
                                width: 100px;
                                height: 100px
                            }

                            .layout-header.ecp .hd .hd-bd .slide-wrap.lc-mobile-wrap .lc-mobile-content > ul > li:last-of-type {
                                margin-right: 0
                            }

                            .layout-header.ecp .hd .hd-bd .slide-wrap.lc-mobile-wrap .lc-mobile-content > ul > li .mobile-title {
                                font-size: 14px;
                                line-height: 20px;
                                margin-top: 8px;
                                color: #000
                            }

                            .layout-header.ecp .hd .hd-bd .slide-wrap.lc-mobile-wrap .lc-mobile-content > ul > li .mobile-desc {
                                color: #54657d;
                                line-height: 20px;
                                margin-top: 4px;
                                font-size: 12px
                            }

            .layout-header.ecp .hd .hd-bd .slide-wrap.my-member-wrap .my-member-content {
                box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);
                position: absolute;
                top: 37px;
                right: -69px;
                z-index: 1112;
                display: none;
                margin: 0;
                width: 199px;
                height: 130px;
                border: 1px solid #e5e5e5;
                background: #fff;
                padding: 12px 20px;
                border-radius: 0 0 10px 10px
            }

                .layout-header.ecp .hd .hd-bd .slide-wrap.my-member-wrap .my-member-content > ul {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    -webkit-flex-wrap: wrap;
                    flex-wrap: wrap;
                    font-size: 14px
                }

                    .layout-header.ecp .hd .hd-bd .slide-wrap.my-member-wrap .my-member-content > ul > li {
                        width: 50%;
                        text-align: center
                    }

                        .layout-header.ecp .hd .hd-bd .slide-wrap.my-member-wrap .my-member-content > ul > li:nth-of-type(odd) {
                            position: relative;
                            text-align: left
                        }

                            .layout-header.ecp .hd .hd-bd .slide-wrap.my-member-wrap .my-member-content > ul > li:nth-of-type(odd):after {
                                content: "";
                                height: 58%;
                                top: 20%;
                                width: 1px;
                                background: #e4e4e4;
                                position: absolute;
                                right: 0;
                                text-align: center
                            }

                        .layout-header.ecp .hd .hd-bd .slide-wrap.my-member-wrap .my-member-content > ul > li > a {
                            color: #000
                        }

                            .layout-header.ecp .hd .hd-bd .slide-wrap.my-member-wrap .my-member-content > ul > li > a:hover {
                                color: #199fe9
                            }

            .layout-header.ecp .hd .hd-bd .slide-wrap.lc-service-wrap .lc-service-content {
                box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);
                position: absolute;
                top: 37px;
                right: -70px;
                z-index: 1112;
                display: none;
                margin: 0;
                width: 199px;
                height: 136px;
                border: 1px solid #e5e5e5;
                background: #fff;
                padding: 20px;
                border-radius: 0 0 10px 10px
            }

                .layout-header.ecp .hd .hd-bd .slide-wrap.lc-service-wrap .lc-service-content > ul > li {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center
                }

                    .layout-header.ecp .hd .hd-bd .slide-wrap.lc-service-wrap .lc-service-content > ul > li:first-of-type {
                        margin-bottom: 16px;
                        cursor: pointer
                    }

                    .layout-header.ecp .hd .hd-bd .slide-wrap.lc-service-wrap .lc-service-content > ul > li img {
                        width: 30px;
                        height: 30px
                    }

                    .layout-header.ecp .hd .hd-bd .slide-wrap.lc-service-wrap .lc-service-content > ul > li > section {
                        margin-left: 10px
                    }

                        .layout-header.ecp .hd .hd-bd .slide-wrap.lc-service-wrap .lc-service-content > ul > li > section .lc-service-content-title {
                            font-size: 14px;
                            line-height: 20px;
                            color: #000
                        }

                            .layout-header.ecp .hd .hd-bd .slide-wrap.lc-service-wrap .lc-service-content > ul > li > section .lc-service-content-title button {
                                font-size: 14px;
                                border: none;
                                color: #199de9;
                                background: transparent
                            }

                        .layout-header.ecp .hd .hd-bd .slide-wrap.lc-service-wrap .lc-service-content > ul > li > section .lc-service-content-desc {
                            font-size: 12px;
                            line-height: 20px;
                            color: #54657d
                        }

            .layout-header.ecp .hd .hd-bd .slide-wrap.lc-supplier-convass-wrap .lc-supplier-convass-content {
                box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);
                position: absolute;
                top: 37px;
                right: -49px;
                z-index: 1112;
                display: none;
                margin: 0;
                width: 158px;
                height: 108px;
                border: 1px solid #e5e5e5;
                background: #fff;
                padding: 12px 16px;
                border-radius: 0 0 10px 10px
            }

                .layout-header.ecp .hd .hd-bd .slide-wrap.lc-supplier-convass-wrap .lc-supplier-convass-content > ul > li {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center
                }

                    .layout-header.ecp .hd .hd-bd .slide-wrap.lc-supplier-convass-wrap .lc-supplier-convass-content > ul > li:first-of-type {
                        margin-bottom: 10px
                    }

                    .layout-header.ecp .hd .hd-bd .slide-wrap.lc-supplier-convass-wrap .lc-supplier-convass-content > ul > li img {
                        width: 30px;
                        height: 30px
                    }

                    .layout-header.ecp .hd .hd-bd .slide-wrap.lc-supplier-convass-wrap .lc-supplier-convass-content > ul > li > section {
                        margin-left: 10px
                    }

                        .layout-header.ecp .hd .hd-bd .slide-wrap.lc-supplier-convass-wrap .lc-supplier-convass-content > ul > li > section .lc-supplier-convass-title {
                            font-size: 14px;
                            line-height: 20px;
                            color: #000
                        }

                            .layout-header.ecp .hd .hd-bd .slide-wrap.lc-supplier-convass-wrap .lc-supplier-convass-content > ul > li > section .lc-supplier-convass-title:hover {
                                color: #199fe9
                            }


.layout-header.ecp .nav {
    width: 100%;
    height: 50px;
    background: #fff;
    border-bottom: 2px solid #0093e6
}

    .layout-header.ecp .nav .nav-bd {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        height: 52px;
        margin: 0 auto;
        width: 1200px
    }

        .layout-header.ecp .nav .nav-bd .sort {
            float: left;
            width: 136px;
            line-height: 52px;
            font-size: 16px;
            cursor: pointer
        }

            .layout-header.ecp .nav .nav-bd .sort:hover .layout-catalogs {
                display: block
            }

            .layout-header.ecp .nav .nav-bd .sort p {
                text-align: center;
                color: #fff;
                font-size: 16px;
                font-weight: 700;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                background: #0094e7
            }

                .layout-header.ecp .nav .nav-bd .sort p span {
                    display: inline-block;
                    width: 20px;
                    height: 18px;
                    vertical-align: middle;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/catagory_icon.png) no-repeat
                }

            .layout-header.ecp .nav .nav-bd .sort ~ .snav {
                padding-left: 37px
            }

        .layout-header.ecp .nav .nav-bd .snav {
            width: 1063px;
            overflow: hidden;
            font-size: 16px;
            font-weight: 700;
            box-sizing: border-box
        }

            .layout-header.ecp .nav .nav-bd .snav, .layout-header.ecp .nav .nav-bd .snav a {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

                .layout-header.ecp .nav .nav-bd .snav a {
                    text-align: center;
                    text-decoration: none;
                    -webkit-flex-shrink: 0;
                    flex-shrink: 0;
                    color: #000
                }

                    .layout-header.ecp .nav .nav-bd .snav a.hover, .layout-header.ecp .nav .nav-bd .snav a:hover {
                        color: #199fe9
                    }

                .layout-header.ecp .nav .nav-bd .snav .nav-link {
                    position: relative;
                    margin-right: 24px
                }

                .layout-header.ecp .nav .nav-bd .snav .nav-link-icon {
                    display: inline-block;
                    margin-right: 4px
                }

                    .layout-header.ecp .nav .nav-bd .snav .nav-link-icon.xs-icon {
                        width: 16px;
                        height: 16px
                    }

                    .layout-header.ecp .nav .nav-bd .snav .nav-link-icon.md-icon {
                        width: 28px;
                        height: 16px
                    }

                    .layout-header.ecp .nav .nav-bd .snav .nav-link-icon.lg-icon {
                        width: 40px;
                        height: 16px
                    }

                    .layout-header.ecp .nav .nav-bd .snav .nav-link-icon.hot_icon {
                        background: url(//static.szlcsc.com/ecp/assets/newWeb/www/home/navBar/hot.svg) no-repeat
                    }

                    .layout-header.ecp .nav .nav-bd .snav .nav-link-icon.new_icon {
                        background: url(//static.szlcsc.com/ecp/assets/newWeb/www/home/navBar/new.svg) no-repeat 0 0
                    }

                    .layout-header.ecp .nav .nav-bd .snav .nav-link-icon.gys_icon {
                        background: url(//static.szlcsc.com/ecp/assets/newWeb/www/home/navBar/gys.svg) no-repeat 50%
                    }

                    .layout-header.ecp .nav .nav-bd .snav .nav-link-icon.enter_icon {
                        background: url(//static.szlcsc.com/ecp/assets/newWeb/www/home/navBar/enter.svg) no-repeat 0 0
                    }

                    .layout-header.ecp .nav .nav-bd .snav .nav-link-icon.my_icon {
                        background: url(//static.szlcsc.com/ecp/assets/newWeb/www/home/navBar/by.gif) no-repeat 0 0
                    }

.layout-header.ecp .plus-renew-error-dialog-wrap-head .dialog-mask {
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .7
}

.layout-header.ecp .plus-renew-error-dialog-wrap-head .dialog-wrap {
    width: 388px;
    height: 170px;
    position: fixed;
    left: calc(50% - 194px);
    top: calc(50% - 85px);
    z-index: 100000;
    font-family: MicrosoftYaHei;
    background: #fff;
    border-radius: 6px
}

    .layout-header.ecp .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-header {
        width: 100%;
        height: 35px
    }

        .layout-header.ecp .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-header .close {
            position: absolute;
            top: 10px;
            right: 10px;
            float: right;
            width: 17px;
            height: 17px;
            background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/close-icon-blue.svg) no-repeat;
            cursor: pointer
        }

    .layout-header.ecp .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-body .error {
        width: 273px;
        height: 30px;
        padding: 0 57px 0 58px;
        text-align: center;
        font-size: 16px;
        color: #2e3244
    }

    .layout-header.ecp .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-body .tip {
        width: 273px;
        height: 30px;
        margin-top: 3px;
        padding: 0 57px 0 58px;
        text-align: center;
        font-size: 14px;
        color: #2e3244
    }

    .layout-header.ecp .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-body .i-see-button {
        display: block;
        width: 206px;
        height: 42px;
        line-height: 37px;
        margin: 9px auto 0;
        text-align: center;
        font-size: 14px;
        color: #f3d48e;
        background: -webkit-linear-gradient(277deg,#56567d,#3e3e5e 30%,#2e3244);
        background: linear-gradient(173deg,#56567d,#3e3e5e 30%,#2e3244);
        outline: none;
        box-shadow: none;
        border-color: transparent;
        border-radius: 4px
    }

        .layout-header.ecp .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-body .i-see-button:hover {
            opacity: .8
        }

.layout-header.ecp .red-packet-wrap .sky {
    position: relative
}

    .layout-header.ecp .red-packet-wrap .sky .raindrop {
        display: none;
        position: fixed;
        width: 30px;
        height: 30px;
        background-size: 30px !important;
        z-index: 9999999
    }

    .layout-header.ecp .red-packet-wrap .sky .gold {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E5%85%83%E5%AE%9D.svg) no-repeat
    }

    .layout-header.ecp .red-packet-wrap .sky .star {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E6%98%9F%E6%98%9F.svg) no-repeat
    }

    .layout-header.ecp .red-packet-wrap .sky .claw {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E8%90%9D%E5%8D%9C.svg) no-repeat
    }

    .layout-header.ecp .red-packet-wrap .sky .cloud {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E7%A5%A5%E4%BA%91.svg) no-repeat
    }

    .layout-header.ecp .red-packet-wrap .sky .luck {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E7%A6%8F.svg) no-repeat
    }

    .layout-header.ecp .red-packet-wrap .sky .luck-come {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E7%A6%8F%E5%88%B0.svg) no-repeat
    }

    .layout-header.ecp .red-packet-wrap .sky .luck-packet {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E7%A6%8F%E8%A2%8B.svg) no-repeat
    }

    .layout-header.ecp .red-packet-wrap .sky .red-packet {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E7%BA%A2%E5%8C%85.svg) no-repeat
    }

    .layout-header.ecp .red-packet-wrap .sky .tiger {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E5%85%94%E5%AD%90.svg) no-repeat
    }

    .layout-header.ecp .red-packet-wrap .sky .coin {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E9%87%91%E5%B8%81.svg) no-repeat
    }

    .layout-header.ecp .red-packet-wrap .sky .firecracker {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E9%9E%AD%E7%82%AE.svg) no-repeat
    }

@-webkit-keyframes drop-float-left {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100px,100vh,0);
        transform: translate3d(100px,100vh,0)
    }
}

@keyframes drop-float-left {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100px,100vh,0);
        transform: translate3d(100px,100vh,0)
    }
}

@-webkit-keyframes drop-float-right {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100px,100vh,0);
        transform: translate3d(-100px,100vh,0)
    }
}

@keyframes drop-float-right {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100px,100vh,0);
        transform: translate3d(-100px,100vh,0)
    }
}

.layout-header.ecp .red-packet-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    z-index: 9999998;
    opacity: .25
}

.layout-header.ecp .nologin {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/red-packet-receive-bg-noLogin.png)
}

.layout-header.ecp .redLogin {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/red-packet-receive-bg.png)
}

.layout-header.ecp .red-pack-receive-dialog {
    display: none;
    position: fixed;
    width: 566px;
    height: 650px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000000
}

    .layout-header.ecp .red-pack-receive-dialog .close {
        position: absolute;
        width: 24px;
        height: 24px;
        right: -4px;
        top: 2px;
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E5%85%B3%E9%97%AD.svg);
        cursor: pointer;
        z-index: 1
    }

    .layout-header.ecp .red-pack-receive-dialog .rules {
        display: none;
        position: absolute;
        bottom: 88px;
        right: 85px;
        color: hsla(0,0%,100%,.8);
        cursor: pointer;
        letter-spacing: 1px
    }

    .layout-header.ecp .red-pack-receive-dialog .content {
        position: absolute;
        right: 0;
        top: 0;
        width: 566px;
        height: 650px;
        text-align: center
    }

        .layout-header.ecp .red-pack-receive-dialog .content .button {
            height: 30px;
            line-height: 30px;
            color: #fff;
            background: #ff7c00;
            border-radius: 22px;
            border: 1px solid #ffe2b9;
            cursor: pointer
        }

        .layout-header.ecp .red-pack-receive-dialog .content .success {
            display: none
        }

            .layout-header.ecp .red-pack-receive-dialog .content .success .tip {
                margin-top: 102px;
                height: 24px;
                line-height: 24px;
                font-size: 18px;
                color: #fff
            }

            .layout-header.ecp .red-pack-receive-dialog .content .success .purchase-money {
                margin-top: 12px;
                height: 42px;
                line-height: 42px;
                font-size: 18px;
                color: #ffc16a
            }

                .layout-header.ecp .red-pack-receive-dialog .content .success .purchase-money span {
                    font-size: 32px;
                    color: #fff0bc
                }

            .layout-header.ecp .red-pack-receive-dialog .content .success .des {
                margin: 20px auto 0;
                width: 266px;
                line-height: 19px;
                color: #fff;
                font-size: 14px
            }

                .layout-header.ecp .red-pack-receive-dialog .content .success .des span {
                    color: #ffc16a
                }

            .layout-header.ecp .red-pack-receive-dialog .content .success .i-see {
                margin: 38px auto 0;
                width: 104px
            }

        .layout-header.ecp .red-pack-receive-dialog .content .login {
            display: none
        }

            .layout-header.ecp .red-pack-receive-dialog .content .login .tip {
                margin-top: 280px;
                margin-left: 55px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .login .des, .layout-header.ecp .red-pack-receive-dialog .content .login .tip {
                width: 355px;
                font-size: 24px;
                font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
                font-weight: 700;
                color: #ff574c;
                line-height: 31px;
                letter-spacing: 1px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .login .des {
                margin-left: 115px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .login .go-login {
                width: 248px;
                height: 64px;
                margin: 54px auto 0;
                cursor: pointer
            }

        .layout-header.ecp .red-pack-receive-dialog .content .received {
            display: none
        }

            .layout-header.ecp .red-pack-receive-dialog .content .received .tip {
                margin-top: 255px;
                margin-left: 137px;
                width: 309px;
                font-size: 20px;
                font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
                font-weight: 700;
                color: #ff574c;
                line-height: 31px;
                letter-spacing: 1px;
                text-align: left
            }

            .layout-header.ecp .red-pack-receive-dialog .content .received .hb1 {
                position: absolute;
                left: 135px;
                bottom: 108px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .received .hb2 {
                position: absolute;
                right: 123px;
                bottom: 108px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .received .hb-ty {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/hbty.png) no-repeat;
                width: 141px;
                height: 50px;
                background-size: 100%
            }

            .layout-header.ecp .red-pack-receive-dialog .content .received .hb-win {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/zj.png) no-repeat;
                cursor: pointer;
                width: 144px;
                height: 170px;
                background-size: 101%;
                margin-top: -3px;
                border-radius: 8px 7px 14px 15px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .received .hb {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/wzj.png) no-repeat;
                width: 120px;
                height: 136px;
                margin-left: 12px;
                margin-top: 12px;
                background-size: 101%;
                border-radius: 5px;
                margin-bottom: 18px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .received .cash {
                display: none;
                position: absolute;
                top: 44px;
                left: 22px;
                color: #ff574c;
                width: 100px
            }

                .layout-header.ecp .red-pack-receive-dialog .content .received .cash .tips {
                    font-size: 24px;
                    font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
                    font-weight: 700;
                    color: #ff574c;
                    line-height: 31px
                }

                .layout-header.ecp .red-pack-receive-dialog .content .received .cash .box {
                    background: #ffd6d3;
                    border-radius: 10px;
                    font-size: 12px;
                    font-family: MicrosoftYaHei;
                    color: #ff574c;
                    line-height: 16px;
                    width: 60px;
                    margin: 0 auto
                }

            .layout-header.ecp .red-pack-receive-dialog .content .received .cash-top {
                top: 48px !important
            }

            .layout-header.ecp .red-pack-receive-dialog .content .received .coupon {
                display: none;
                position: absolute;
                top: 52px;
                width: 100px;
                left: 22px;
                color: #ff574c
            }

                .layout-header.ecp .red-pack-receive-dialog .content .received .coupon .tips {
                    font-size: 17px;
                    font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
                    font-weight: 700;
                    color: #ff574c
                }

            .layout-header.ecp .red-pack-receive-dialog .content .received .opacity {
                color: rgba(255,16,0,.51) !important;
                top: 50px !important
            }

                .layout-header.ecp .red-pack-receive-dialog .content .received .opacity .num {
                    color: #9e3a38
                }

                .layout-header.ecp .red-pack-receive-dialog .content .received .opacity .box {
                    background: rgba(158,52,50,.19);
                    color: #9e3432
                }

        .layout-header.ecp .red-pack-receive-dialog .content .unclaimed {
            display: none
        }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .tip {
                margin-top: 255px;
                margin-left: 110px;
                width: 355px;
                font-size: 20px;
                font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
                font-weight: 700;
                color: #ff574c;
                line-height: 31px;
                letter-spacing: 1px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .small {
                width: 85px;
                height: 19px;
                font-size: 14px;
                font-family: MicrosoftYaHei;
                color: #ff5249;
                line-height: 19px;
                margin: 9px auto 19px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .flex {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: space-around;
                justify-content: space-around;
                text-align: center;
                padding: 15px 120px 0
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .fudai1 {
                position: absolute;
                left: 139px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .fudai2 {
                position: absolute;
                left: 290px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .fudai {
                cursor: pointer;
                width: 129px;
                height: 140px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .fudai-bg {
                width: 129px;
                height: 130px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/fd.png) no-repeat
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .fudai-click-win {
                width: 156px;
                height: 141px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E4%B8%AD%E5%A5%96.gif) no-repeat;
                background-size: 187%;
                background-position: -82px -61px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .fudai-click-win2 {
                width: 156px;
                height: 141px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E4%B8%AD%E5%A5%962.gif) no-repeat;
                background-size: 187%;
                background-position: -82px -61px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .fudai-click {
                width: 129px;
                height: 140px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/%E6%9C%AA%E4%B8%AD%E5%A5%96.gif) no-repeat;
                background-size: 235%;
                background-position: -80px -65px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .fudai-bg:hover {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/fd-hover.gif) 129px no-repeat;
                width: 170px;
                height: 204px;
                background-size: 188%;
                background-position: -55px -36px;
                margin-top: -74px;
                margin-left: -41px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .fudai-text {
                margin: 0 auto;
                width: 94px;
                height: 35px;
                line-height: 85px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .fudai-ty {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/fdty.png) no-repeat
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .hb-ty {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/hbty.png) no-repeat;
                width: 141px;
                height: 50px;
                background-size: 100%
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .hb-win {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/zj.png) no-repeat;
                width: 144px;
                height: 170px;
                background-size: 101%;
                cursor: pointer;
                margin-top: -3px;
                border-radius: 8px 7px 14px 15px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .hb {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/red-packet-rain/wzj.png) no-repeat;
                width: 120px;
                height: 136px;
                margin-left: 12px;
                margin-top: 12px;
                background-size: 101%;
                border-radius: 5px;
                margin-bottom: 18px
            }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .cash {
                display: none;
                position: absolute;
                top: 44px;
                left: 22px;
                color: #ff574c;
                width: 100px
            }

                .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .cash .tips {
                    font-size: 24px;
                    font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
                    font-weight: 700;
                    color: #ff574c;
                    line-height: 31px
                }

                .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .cash .box {
                    background: #ffd6d3;
                    border-radius: 10px;
                    font-size: 12px;
                    font-family: MicrosoftYaHei;
                    color: #ff574c;
                    line-height: 16px;
                    width: 60px;
                    margin: 0 auto
                }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .coupon {
                display: none;
                position: absolute;
                top: 52px;
                width: 100px;
                left: 22px;
                color: #ff574c
            }

                .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .coupon .tips {
                    font-size: 17px;
                    font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
                    font-weight: 700;
                    color: #ff574c
                }

            .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .opacity {
                top: 50px !important
            }

                .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .opacity .num {
                    color: #9e3a38
                }

                .layout-header.ecp .red-pack-receive-dialog .content .unclaimed .opacity .box {
                    background: rgba(158,52,50,.19);
                    color: #9e3432
                }

.logo.ecp {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

    .logo.ecp.head-logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }

    .logo.ecp .nav-ad {
        position: absolute;
        right: 0;
        top: 65px;
        width: 192px;
        height: 71px;
        background: #f5f5f5;
        border-radius: 13px 13px 8px 8px
    }







@-webkit-keyframes circleR {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes circleR {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}



.sch-bd.ecp {
    width: 100%;
    float: left;
    position: relative
}

    .sch-bd.ecp form {
        border: 2px solid #199fe9;
        border-radius: 10px
    }

    .sch-bd.ecp .mainsite-select-box, .sch-bd.ecp form {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .sch-bd.ecp .mainsite-select-box {
        width: 118px;
        height: 23px;
        line-height: 22px;
        padding: 0 10px;
        box-sizing: border-box;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border-right: 1px solid #e8ecf3;
        color: #333;
        font-size: 14px;
        position: relative;
        cursor: pointer
    }

        .sch-bd.ecp .mainsite-select-box i {
            margin-left: 5px;
            display: inline-block;
            width: 14px;
            height: 14px;
            background: url(/images/v_cn_3.0/arrowDown.png) no-repeat;
            background-size: 14px 14px;
            -webkit-transition: all .2s ease-in-out .1s;
            transition: all .2s ease-in-out .1s
        }

        .sch-bd.ecp .mainsite-select-box.show .mainsite-select-option {
            visibility: visible
        }

        .sch-bd.ecp .mainsite-select-box.show i {
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

        .sch-bd.ecp .mainsite-select-box .mainsite-select-option {
            position: absolute;
            font-size: 14px;
            top: 34px;
            left: -2px;
            background: #fff;
            box-shadow: 0 2px 6px 0 rgba(81,103,158,.2);
            border-radius: 8px;
/*            z-index: 9999999;
            overflow: hidden;
            visibility: hidden;*/
            -webkit-transition: all .3s linear .1s;
            transition: all .3s linear .1s
        }

            .sch-bd.ecp .mainsite-select-box .mainsite-select-option li {
                width: 131px;
                height: 37px;
                box-sizing: border-box;
                padding: 0 10px;
                line-height: 37px;
                color: #333;
                cursor: pointer
            }

                .sch-bd.ecp .mainsite-select-box .mainsite-select-option li:hover {
                    background: rgba(25,159,233,.1);
                    color: #199fe9
                }

    .sch-bd.ecp .sch-bd02 {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-indent: 8px;
        outline: none;
        border: none;
        font-size: 14px
    }

        .sch-bd.ecp .sch-bd02::-webkit-input-placeholder {
            font-size: 14px;
            color: #9ca3af
        }

        .sch-bd.ecp .sch-bd02::placeholder {
            font-size: 14px;
            color: #9ca3af
        }

    .sch-bd.ecp .sch-bd03-wrap {
        position: relative;
        width: 71px;
        height: 38px;
        line-height: 38px;
        background-color: #199fe9;
        border-radius: 0 8px 8px 0
    }

        .sch-bd.ecp .sch-bd03-wrap .sch-bd03 {
            position: absolute;
            top: 0;
            left: 0;
            border: none;
            width: 100%;
            height: 100%;
            background-color: transparent;
            z-index: 2
        }

        .sch-bd.ecp .sch-bd03-wrap:after {
            content: "\641C\7D22";
            color: #fff;
            font-size: 16px;
            position: absolute;
            left: 0;
            top: 0;
            text-align: center;
            font-weight: 700;
            width: 71px;
            height: 38px;
            line-height: 38px;
            z-index: 1
        }

#productListFixedHeader {
    display: none;
    width: 100%;
    background: #f1f1f1;
    margin-top: 14px
}

.lcBlue {
    color: #199fe9
}

.layout-catalogs.ecp {
    position: relative;
    top: 1px;
    z-index: 1111;
    float: left;
    line-height: 35px;
    box-sizing: border-box;
    font-size: 12px;
    padding: 20px 0 20px 10px;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 6px;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);
    width: 242px
}

    .layout-catalogs.ecp.not-index-page {
        display: none
    }

    .layout-catalogs.ecp ul {
        position: relative;
        box-sizing: border-box;
        height: 100%
    }

        .layout-catalogs.ecp ul li {
            padding-left: 15px;
            box-sizing: border-box
        }

            .layout-catalogs.ecp ul li, .layout-catalogs.ecp ul li a {
                width: 100%;
                text-overflow: ellipsis;
                word-break: break-all;
                white-space: nowrap;
                overflow: hidden
            }

                .layout-catalogs.ecp ul li a {
                    float: left;
                    display: block;
                    border: 1px solid transparent;
                    color: #000
                }

                .layout-catalogs.ecp ul li > a, .layout-catalogs.ecp ul li > div.industrial {
                    height: 28px;
                    line-height: 28px;
                    font-size: 14px
                }

                .layout-catalogs.ecp ul li > div.industrial {
                    text-overflow: ellipsis;
                    word-break: break-all;
                    white-space: nowrap;
                    overflow: hidden;
                    float: left;
                    display: block;
                    width: 100%;
                    border: 1px solid transparent;
                    color: #000
                }

                .layout-catalogs.ecp ul li.all {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    padding-right: 15px
                }

                    .layout-catalogs.ecp ul li.all > a {
                        color: #199de9
                    }

                    .layout-catalogs.ecp ul li.all > img {
                        display: none
                    }

                .layout-catalogs.ecp ul li p {
                    float: right;
                    margin-right: 2px
                }

                .layout-catalogs.ecp ul li .pic {
                    float: left;
                    display: inline-block;
                    margin: 0 10px 0 16px;
                    padding-top: 9px;
                    width: 22px;
                    height: 16px;
                    vertical-align: middle;
                    text-indent: 30px;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/catagory_icon3.png) no-repeat
                }

                .layout-catalogs.ecp ul li .ass-pic-470 {
                    background-position: 2px -36px
                }

                .layout-catalogs.ecp ul li .ass-pic-423 {
                    background-position: 2px -98px;
                    margin-top: 6px
                }

                .layout-catalogs.ecp ul li .ass-pic-575 {
                    background-position: 2px -126px;
                    margin-top: 6px
                }

                .layout-catalogs.ecp ul li .ass-pic-380 {
                    background-position: 7px -94px
                }

                .layout-catalogs.ecp ul li .ass-pic-515, .layout-catalogs.ecp ul li .ass-pic-10991 {
                    background-position: 2px -177px
                }

                .layout-catalogs.ecp ul li .ass-pic-365 {
                    background-position: 2px -210px;
                    margin-top: 6px
                }

                .layout-catalogs.ecp ul li .ass-pic-500 {
                    background-position: 2px -230px
                }

                .layout-catalogs.ecp ul li .ass-pic-319 {
                    margin-top: 6px;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/ljq.svg) 50% no-repeat
                }

                .layout-catalogs.ecp ul li .ass-pic-320 {
                    background-position: 4px -63px
                }

                .layout-catalogs.ecp ul li .ass-pic-308 {
                    background-position: 5px -178px
                }

                .layout-catalogs.ecp ul li .ass-pic-312 {
                    background-position: 0 -18px;
                    margin-top: 6px
                }

                .layout-catalogs.ecp ul li .ass-pic-348, .layout-catalogs.ecp ul li .ass-pic-450, .layout-catalogs.ecp ul li .ass-pic-582 {
                    background-position: 2px -148px
                }

                .layout-catalogs.ecp ul li .ass-pic-316 {
                    background-position: 2px -259px
                }

                .layout-catalogs.ecp ul li .ass-pic-513 {
                    background-position: 2px -290px;
                    margin-top: 6px
                }

                .layout-catalogs.ecp ul li .ass-pic-601 {
                    background-position: 2px -319px;
                    margin-top: 6px
                }

                .layout-catalogs.ecp ul li .ass-pic-570 {
                    background-position: 2px -347px;
                    margin-top: 6px
                }

                .layout-catalogs.ecp ul li .ass-pic-385 {
                    background-position: 2px -375px;
                    margin-top: 6px
                }

                .layout-catalogs.ecp ul li .ass-pic-938 {
                    background-position: 2px -402px;
                    margin-top: 6px
                }

                .layout-catalogs.ecp ul li .ass-pic-320 {
                    background-position: 2px -66px
                }

                .layout-catalogs.ecp ul li .ass-pic-953 {
                    background-position: 2px -426px;
                    margin-top: 6px
                }

                .layout-catalogs.ecp ul li .ass-pic-11279, .layout-catalogs.ecp ul li .ass-pic-11337 {
                    margin-top: 4px;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/no_hardware.png) 50% no-repeat
                }

                .layout-catalogs.ecp ul li:hover {
                    background: #e6f6ff;
                    cursor: pointer;
                    border-radius: 8px 0 0 8px
                }

                    .layout-catalogs.ecp ul li:hover > div.industrial {
                        color: #199de9
                    }

                    .layout-catalogs.ecp ul li:hover.all > img {
                        display: inline-block
                    }

                    .layout-catalogs.ecp ul li:hover .s-submnu {
                        display: block
                    }

                    .layout-catalogs.ecp ul li:hover a {
                        color: #199de9
                    }

                    .layout-catalogs.ecp ul li:hover > a {
                        float: none;
                        z-index: 100
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-470 {
                        background-position: -26px -36px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-423 {
                        margin-top: 6px;
                        background-position: -26px -98px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-575 {
                        margin-top: 6px;
                        background-position: -26px -126px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-380 {
                        background-position: -26px -94px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-515, .layout-catalogs.ecp ul li:hover .ass-pic-10991 {
                        background-position: -26px -177px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-365 {
                        margin-top: 6px;
                        background-position: -26px -210px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-500 {
                        background-position: -26px -230px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-319 {
                        margin-top: 6px;
                        background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/h_ljq.svg) 50% no-repeat
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-320 {
                        background-position: -26px -66px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-308 {
                        background-position: -26px -178px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-312 {
                        background-position: -30px -17px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-348, .layout-catalogs.ecp ul li:hover .ass-pic-450, .layout-catalogs.ecp ul li:hover .ass-pic-582 {
                        background-position: -26px -148px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-316 {
                        background-position: -26px -259px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-513 {
                        margin-top: 6px;
                        background-position: -26px -290px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-601 {
                        background-position: -26px -319px;
                        margin-top: 6px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-570 {
                        background-position: -26px -347px;
                        margin-top: 6px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-385 {
                        margin-top: 6px;
                        background-position: -26px -375px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-938 {
                        margin-top: 6px;
                        background-position: -26px -402px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-953 {
                        margin-top: 6px;
                        background-position: -26px -426px
                    }

                    .layout-catalogs.ecp ul li:hover .ass-pic-11279, .layout-catalogs.ecp ul li:hover .ass-pic-11337 {
                        margin-top: 4px;
                        background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/hardware.png) 50% no-repeat
                    }

                .layout-catalogs.ecp ul li .s-submnu {
                    position: absolute;
                    left: 232px;
                    top: -20px;
                    padding-left: 10px;
                    background: transparent;
                    display: none;
                    width: 950px
                }

                    .layout-catalogs.ecp ul li .s-submnu .s-submun-content {
                        border: 1px solid #199de9;
                        z-index: 98;
                        padding: 20px;
                        box-sizing: border-box;
                        background: #fff;
                        box-shadow: 0 2px 16px 0 rgba(1,66,104,.2);
                        border-radius: 10px;
                        min-height: 491px
                    }

                        .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item-wrap {
                            margin-bottom: 16px
                        }

                        .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title {
                            font-weight: 700;
                            color: #0895e7;
                            position: relative;
                            margin-bottom: 10px
                        }

                            .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn {
                                float: right;
                                width: 102px;
                                color: #ff7300;
                                height: 26px;
                                line-height: 26px
                            }

                                .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn img {
                                    width: 100%;
                                    height: 100%
                                }

                                .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn:hover + .connector-pic-btn-active {
                                    display: block
                                }

                            .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active {
                                position: absolute;
                                right: 0;
                                top: 0;
                                display: none;
                                width: 102px;
                                color: #ff7300;
                                height: 26px;
                                line-height: 26px
                            }

                                .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active img {
                                    width: 100%;
                                    height: 100%
                                }

                                .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active:hover {
                                    display: block
                                }

                            .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog {
                                float: none;
                                display: inline;
                                font-size: 14px;
                                font-weight: 700;
                                color: #333
                            }

                                .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog:hover {
                                    color: #0895e7
                                }

                                    .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog:hover ~ span {
                                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/catelog-more-hover.svg) no-repeat 100%
                                    }

                            .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title span {
                                display: inline-block;
                                width: 6px;
                                height: 10px;
                                background: url(//static.szlcsc.com/ecp/assets/web/common/images/catelog-more.svg) no-repeat
                            }

                        .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item {
                            position: relative;
                            display: inline-block;
                            float: left;
                            margin-bottom: 14px;
                            height: 16px;
                            line-height: 16px;
                            color: #56657f;
                            width: 150px;
                            text-align: left;
                            margin-right: 20px
                        }

                            .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item.noMarginR {
                                margin-right: 0
                            }

                            .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item .icon-hot {
                                position: absolute;
                                top: -10px;
                                right: 55px;
                                width: 14px;
                                height: 18px;
                                background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/hot.svg) no-repeat
                            }

                            .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item .icon-recommend {
                                position: absolute;
                                top: -10px;
                                right: 55px;
                                width: 16px;
                                height: 16px;
                                background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/recommend.svg) no-repeat
                            }

                            .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item .icon-domestic {
                                position: absolute;
                                top: -10px;
                                right: 55px;
                                width: 29px;
                                height: 16px;
                                background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/domestic.svg) no-repeat
                            }

                            .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a {
                                font-weight: 400;
                                color: #666;
                                display: inline-block;
                                border: none;
                                width: 150px;
                                text-align: left
                            }

                                .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a:hover {
                                    color: #199de9
                                }

                                .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a.catalog-tag {
                                    width: 100px;
                                    height: 25px;
                                    border-radius: 3px;
                                    background: #e7f6ff;
                                    color: #199fe9;
                                    text-align: center;
                                    line-height: 25px
                                }

                                    .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a.catalog-tag.hot {
                                        background: #fee;
                                        color: #f4220f
                                    }

                                    .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a.catalog-tag.recommend {
                                        background: #ffefe6;
                                        color: #ff5901
                                    }

                                    .layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a.catalog-tag.domestic {
                                        background: #e5eeff;
                                        color: #0556f5
                                    }

    .layout-catalogs.ecp .catalog-img {
        margin-top: 15px;
        width: 240px;
        height: 98px
    }

.layout-foot.ecp {
    background: #ecedf0
}

    .layout-foot.ecp .give-up-ie8-tips-div {
        display: none;
        height: 66px;
        width: 100%;
        background: #ff9c6e;
        color: #fff;
        font-size: 14px
    }

        .layout-foot.ecp .give-up-ie8-tips-div .give-up-ie8-tips-div-con {
            margin: 0 auto;
            padding-top: 12px;
            width: 1200px
        }

        .layout-foot.ecp .give-up-ie8-tips-div a, .layout-foot.ecp .give-up-ie8-tips-div a:hover {
            font-size: 14px;
            color: #fff;
            text-decoration: underline
        }

    .layout-foot.ecp .spot {
        margin-top: 48px
    }

        .layout-foot.ecp .spot ul {
            margin: 0 auto;
            height: 104px;
            width: 1200px;
            border-bottom: 1px solid #dee0e2;
            padding: 0 52px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            box-sizing: border-box
        }

            .layout-foot.ecp .spot ul li {
                text-align: center
            }

                .layout-foot.ecp .spot ul li.sp02 {
                    margin-right: 10px
                }

                .layout-foot.ecp .spot ul li > div {
                    text-align: left;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: start;
                    -webkit-align-items: flex-start;
                    align-items: flex-start
                }

                    .layout-foot.ecp .spot ul li > div > img {
                        width: 50px;
                        height: 50px
                    }

                    .layout-foot.ecp .spot ul li > div > div {
                        margin-left: 9px
                    }

                    .layout-foot.ecp .spot ul li > div h4 {
                        font-size: 18px;
                        margin-bottom: 6px;
                        font-weight: 400;
                        color: #333
                    }

                    .layout-foot.ecp .spot ul li > div p {
                        font-size: 12px;
                        color: #666;
                        margin-bottom: 1px;
                        word-break: keep-all
                    }

    .layout-foot.ecp .footer {
        margin: 0 auto;
        width: 100%
    }

        .layout-foot.ecp .footer .foot {
            width: 1200px;
            margin: 0 auto;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            border-bottom: 1px solid #dee0e2
        }

            .layout-foot.ecp .footer .foot .footer-left {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                width: 781px;
                height: 100%;
                border-right: 1px solid #dee0e2;
                margin: 20px 0 10px;
                padding-right: 60px
            }

                .layout-foot.ecp .footer .foot .footer-left dl {
                    box-sizing: border-box;
                    text-align: left;
                    max-width: 91px
                }

                .layout-foot.ecp .footer .foot .footer-left dt {
                    font-size: 14px;
                    color: #333;
                    font-weight: 700;
                    margin-bottom: 16px
                }

                .layout-foot.ecp .footer .foot .footer-left dd {
                    margin-bottom: 10px;
                    color: #666
                }

                    .layout-foot.ecp .footer .foot .footer-left dd > a {
                        color: #666
                    }

                    .layout-foot.ecp .footer .foot .footer-left dd:hover a {
                        color: #0193e6
                    }

                    .layout-foot.ecp .footer .foot .footer-left dd a {
                        font-size: 12px
                    }

            .layout-foot.ecp .footer .foot .footer-right {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                width: 418px;
                padding-left: 60px
            }

                .layout-foot.ecp .footer .foot .footer-right dl {
                    box-sizing: border-box;
                    margin-top: 20px
                }

                .layout-foot.ecp .footer .foot .footer-right dt {
                    font-size: 14px;
                    color: #333;
                    font-weight: 700;
                    margin-bottom: 16px
                }

                .layout-foot.ecp .footer .foot .footer-right dd {
                    margin-bottom: 10px;
                    color: #666
                }

                    .layout-foot.ecp .footer .foot .footer-right dd:last-of-type {
                        margin-bottom: 0
                    }

                    .layout-foot.ecp .footer .foot .footer-right dd.service-time {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: flex
                    }

                    .layout-foot.ecp .footer .foot .footer-right dd a {
                        font-size: 12px
                    }

    .layout-foot.ecp .link-wrap {
        width: 1200px;
        margin: 0 auto;
        box-sizing: border-box
    }

        .layout-foot.ecp .link-wrap .link-content {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            width: 1100px;
            padding: 18px 0 30px
        }

            .layout-foot.ecp .link-wrap .link-content .link-title {
                color: #333;
                font-weight: 700;
                font-size: 12px;
                width: 64px;
                margin-right: 10px
            }

            .layout-foot.ecp .link-wrap .link-content .link-txt-wrap {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                width: 1039px;
                position: relative;
                height: 16px;
                overflow: hidden
            }

                .layout-foot.ecp .link-wrap .link-content .link-txt-wrap #toggleVisibleWebsiteBtn {
                    position: absolute;
                    right: 0;
                    top: 0;
                    border: none;
                    font-size: 12px;
                    color: #666
                }

                    .layout-foot.ecp .link-wrap .link-content .link-txt-wrap #toggleVisibleWebsiteBtn svg.icon-arrow-up {
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg)
                    }

                .layout-foot.ecp .link-wrap .link-content .link-txt-wrap .link-txt {
                    width: 9%;
                    margin-right: 30px;
                    margin-bottom: 10px
                }

                    .layout-foot.ecp .link-wrap .link-content .link-txt-wrap .link-txt a {
                        width: 100%;
                        color: #666;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden
                    }

                        .layout-foot.ecp .link-wrap .link-content .link-txt-wrap .link-txt a:hover {
                            color: #0093e6
                        }

    .layout-foot.ecp .entry-type-wrapper {
        background: #ced1d5;
        width: 100%
    }

        .layout-foot.ecp .entry-type-wrapper .entry-type {
            text-align: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            width: 1200px;
            height: 40px;
            margin: 0 auto
        }

            .layout-foot.ecp .entry-type-wrapper .entry-type .icp {
                margin-left: 19px
            }

                .layout-foot.ecp .entry-type-wrapper .entry-type .icp .icp-1 {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center
                }

                    .layout-foot.ecp .entry-type-wrapper .entry-type .icp .icp-1 .icon1, .layout-foot.ecp .entry-type-wrapper .entry-type .icp .icp-1 .icon2 {
                        margin-right: 6px
                    }

                    .layout-foot.ecp .entry-type-wrapper .entry-type .icp .icp-1 a {
                        display: inline-block;
                        text-decoration: none;
                        color: #444
                    }

                    .layout-foot.ecp .entry-type-wrapper .entry-type .icp .icp-1 .icp-2 {
                        margin-left: 9px;
                        margin-right: 26px
                    }

.layout-foot.theme-black {
    background: #373f5e !important
}

    .layout-foot.theme-black .spot, .layout-foot.theme-black .spot ul {
        background: #373f5e !important;
        border-color: #4c5473 !important
    }

        .layout-foot.theme-black .spot ul h4 {
            color: #fff !important
        }

        .layout-foot.theme-black .spot ul p {
            color: #abb2ca !important
        }

    .layout-foot.theme-black .footer {
        background: #373f5e !important;
        width: 100%
    }

        .layout-foot.theme-black .footer .foot {
            background: #373f5e !important;
            border-color: #4c5473 !important
        }

            .layout-foot.theme-black .footer .foot .footer-left {
                border-color: #4c5473 !important
            }

            .layout-foot.theme-black .footer .foot dd, .layout-foot.theme-black .footer .foot dd a, .layout-foot.theme-black .footer .foot dd span, .layout-foot.theme-black .footer .foot dt, .layout-foot.theme-black .footer .foot dt a, .layout-foot.theme-black .footer .foot dt span {
                color: #abb2ca !important
            }

                .layout-foot.theme-black .footer .foot dd a:hover, .layout-foot.theme-black .footer .foot dt a:hover {
                    color: #fff !important
                }

    .layout-foot.theme-black .link-wrap {
        background: #373f5e !important;
        border-top: none !important
    }

        .layout-foot.theme-black .link-wrap #toggleVisibleWebsiteBtn {
            background-color: transparent;
            color: #abb2ca !important
        }

        .layout-foot.theme-black .link-wrap .link-title, .layout-foot.theme-black .link-wrap li {
            color: #abb2ca !important
        }

            .layout-foot.theme-black .link-wrap li.active {
                color: #fff !important;
                border-color: #fff !important
            }

        .layout-foot.theme-black .link-wrap .link-txt a {
            color: #abb2ca !important
        }

            .layout-foot.theme-black .link-wrap .link-txt a:hover {
                color: #fff !important
            }

    .layout-foot.theme-black .entry-type-wrapper {
        background: #747c97 !important
    }

        .layout-foot.theme-black .entry-type-wrapper a {
            color: #373f5e !important
        }

.mask, .mask-alert {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    filter: alpha(opacity=35);
    background: rgba(0,0,0,.35)
}

.common-confirm-del {
    display: none;
    padding-bottom: 30px;
    position: fixed;
    width: 475px;
    border: 4px solid #d9d9d9;
    left: 50%;
    top: 50%;
    margin-left: -217px;
    margin-top: -93px;
    background: #fff;
    z-index: 1000002
}

    .common-confirm-del .common-confirm-del-title {
        height: 14px;
        padding: 10px 6px 12px 15px;
        border-bottom: 1px solid #dedede;
        background: #f2f2f2
    }

        .common-confirm-del .common-confirm-del-title h3 {
            font-weight: 700;
            float: left;
            color: #444
        }

        .common-confirm-del .common-confirm-del-title a, .common-confirm-del .common-confirm-del-title p {
            display: block;
            float: right;
            width: 14px;
            height: 14px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -286px -317px
        }

    .common-confirm-del .common-confirm-del-content {
        position: relative;
        width: 260px;
        padding-left: 70px;
        margin: 0 auto
    }

        .common-confirm-del .common-confirm-del-content p {
            min-height: 20px;
            max-height: 300px;
            overflow-y: hidden;
            font-weight: 700;
            margin-top: 30px;
            font-size: 16px;
            color: #ff7900;
            word-break: break-all
        }

            .common-confirm-del .common-confirm-del-content p.fail, .common-confirm-del .common-confirm-del-content p.success {
                margin-top: 30px;
                font-weight: 400;
                font-size: 14px;
                color: #666
            }

        .common-confirm-del .common-confirm-del-content .common-tip {
            font-size: 12px;
            color: #666;
            line-height: 16px;
            margin: 10px 0
        }

        .common-confirm-del .common-confirm-del-content span {
            display: block;
            margin: 10px 0 16px
        }

        .common-confirm-del .common-confirm-del-content .cancelReasonTextShow, .common-confirm-del .common-confirm-del-content .cancelReasonWrap {
            display: none
        }

    .common-confirm-del .common-cancel-a, .common-confirm-del .common-confirm-a {
        box-sizing: border-box;
        border: 0;
        display: inline-block;
        font-size: 14px;
        padding: 0 20px;
        height: 28px;
        text-align: center;
        line-height: 26px;
        text-decoration: none;
        cursor: pointer;
        border-radius: 3px;
        margin-top: 10px
    }

    .common-confirm-del .common-cancel-a {
        margin-right: 10px;
        color: #333;
        background: #fff;
        border: 1px solid #e4e4e4
    }

    .common-confirm-del .common-confirm-a {
        color: #fff;
        background: #0193e6;
        border: 1px solid #0193e6
    }

        .common-confirm-del .common-confirm-a.common-confirm-other {
            margin-left: 10px
        }

    .common-confirm-del .common-confirm-del-icon {
        position: absolute;
        left: 0;
        top: 3px;
        width: 54px;
        height: 54px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/cart_icon.png) no-repeat -266px -255px
    }

    .common-confirm-del .common-confirm-del-icon-success {
        position: absolute;
        left: 0;
        top: 3px;
        width: 54px;
        height: 54px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/pay_icon.png) no-repeat 0 -120px
    }

.common-confirm-overall-tmpl .common-confirm-del-btn {
    margin-left: -35px;
    text-align: center;
    white-space: nowrap
}

#web-group .need-hide-dom .loading {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(//static.szlcsc.com/ecp/assets/web/page/cart/cart/images/btnloading.gif) no-repeat;
    background-size: 100% 100%
}

#web-group .need-hide-dom .arrow {
    margin-left: 2px;
    display: none
}

.newWebGroup {
    position: relative;
    float: right;
    cursor: pointer;
    color: #666;
    margin: 0 5px;
    z-index: 1201
}

.sitegroup-popover-main-wrap {
    position: absolute;
    top: 37px;
    right: 0;
    box-shadow: 0 2px 12px rgba(0,0,0,.1);
    padding: 24px 32px 48px;
    background-color: #fff;
    display: none
}

    .sitegroup-popover-main-wrap .sitegroup-popover-main {
        white-space: nowrap;
        cursor: default
    }

        .sitegroup-popover-main-wrap .sitegroup-popover-main, .sitegroup-popover-main-wrap .sitegroup-popover-main.d-f {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex
        }

            .sitegroup-popover-main-wrap .sitegroup-popover-main .sitegroup-popover-item {
                box-sizing: border-box;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                flex-direction: column;
                min-width: 250px;
                padding-right: 32px
            }

                .sitegroup-popover-main-wrap .sitegroup-popover-main .sitegroup-popover-item:last-of-type {
                    padding-right: 0;
                    padding-left: 16px;
                    border-left: 1px solid #eee;
                    min-width: 180px;
                    height: -webkit-max-content;
                    height: max-content
                }

                .sitegroup-popover-main-wrap .sitegroup-popover-main .sitegroup-popover-item:nth-last-child(2) {
                    padding-right: 16px;
                    min-width: 180px
                }

                .sitegroup-popover-main-wrap .sitegroup-popover-main .sitegroup-popover-item .sitegroup-popover-item-label {
                    color: #262626;
                    line-height: 20px;
                    font-weight: 700;
                    font-size: 14px;
                    height: 20px;
                    padding-bottom: 10px;
                    border-bottom: 1px solid #eee
                }

                .sitegroup-popover-main-wrap .sitegroup-popover-main .sitegroup-popover-item .sitegroup-popover-item-site {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    margin-top: 20px
                }

                    .sitegroup-popover-main-wrap .sitegroup-popover-main .sitegroup-popover-item .sitegroup-popover-item-site:first-of-type {
                        margin-top: 12px
                    }

                    .sitegroup-popover-main-wrap .sitegroup-popover-main .sitegroup-popover-item .sitegroup-popover-item-site:hover .sitegroup-popover-item-site-font > span {
                        color: #199fe9
                    }

                    .sitegroup-popover-main-wrap .sitegroup-popover-main .sitegroup-popover-item .sitegroup-popover-item-site .sitegroup-popover-item-site-icon {
                        width: 36px;
                        height: 36px;
                        margin-right: 8px
                    }

                    .sitegroup-popover-main-wrap .sitegroup-popover-main .sitegroup-popover-item .sitegroup-popover-item-site .sitegroup-popover-item-site-font > span {
                        display: block;
                        font-size: 14px;
                        line-height: 20px;
                        color: #000
                    }

                    .sitegroup-popover-main-wrap .sitegroup-popover-main .sitegroup-popover-item .sitegroup-popover-item-site .sitegroup-popover-item-site-font .desc {
                        color: #8c8c8c;
                        font-size: 12px;
                        margin-bottom: 0;
                        margin-top: 2px;
                        width: 180px;
                        white-space: pre-wrap
                    }

.plus-icon-wrap {
    position: relative;
    box-sizing: border-box
}

    .plus-icon-wrap .arrow {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 15px;
        height: 28px;
        line-height: 28px;
        background: #d8d8d8;
        color: #fff;
        z-index: 2;
        font-size: 14px;
        padding-left: 3px;
        box-sizing: border-box;
        -webkit-user-select: none;
        user-select: none
    }

        .plus-icon-wrap .arrow img {
            margin-top: 7px;
            margin-left: 2px
        }

        .plus-icon-wrap .arrow:hover {
            background: #b2b2b2;
            cursor: pointer
        }

        .plus-icon-wrap .arrow.to-left {
            left: 0
        }

        .plus-icon-wrap .arrow.to-right {
            right: 0
        }

            .plus-icon-wrap .arrow.to-right img {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

    .plus-icon-wrap .plus-icon-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

        .plus-icon-wrap .plus-icon-list .item {
            text-align: center;
            width: 72px;
            margin-bottom: 16px
        }

            .plus-icon-wrap .plus-icon-list .item .new-image {
                position: absolute;
                width: 28px;
                height: 12px;
                right: -10px;
                top: 5px;
                z-index: 2
            }

                .plus-icon-wrap .plus-icon-list .item .new-image img {
                    width: 100%;
                    height: 100%
                }

            .plus-icon-wrap .plus-icon-list .item .img-center {
                width: 37px;
                height: 37px;
                margin-bottom: 6px
            }

            .plus-icon-wrap .plus-icon-list .item .img-label {
                display: block;
                width: 72px;
                margin: 0 auto;
                line-height: 16px;
                font-size: 12px;
                text-align: center
            }

                .plus-icon-wrap .plus-icon-list .item .img-label > div {
                    font-size: 10px
                }

.layout-header.head-mro .message {
    display: none;
    line-height: 32px;
    background: #fff6c1;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    width: 100%
}

    .layout-header.head-mro .message a {
        color: #ff3301
    }

.layout-header.head-mro .banner-ads {
    width: 100%;
    background: #fff;
    height: 100%
}

    .layout-header.head-mro .banner-ads a {
        position: relative;
        display: block
    }

        .layout-header.head-mro .banner-ads a, .layout-header.head-mro .banner-ads a .banner-div {
            margin: 0 auto;
            min-width: 1200px;
            max-width: 100%
        }

            .layout-header.head-mro .banner-ads a .banner-div img {
                width: 100%
            }

            .layout-header.head-mro .banner-ads a .banner-close {
                position: absolute;
                top: 10px;
                right: 50px;
                padding: 4px;
                width: 18px;
                height: 18px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/close_top.png) no-repeat;
                color: #dedede;
                font-size: 20px
            }

            .layout-header.head-mro .banner-ads a:hover .banner-close {
                background-position-x: -28px
            }

.layout-header.head-mro .hd {
    width: 100%;
    height: 40px;
    background: #f4f4f4
}

    .layout-header.head-mro .hd .hd-bd {
        position: relative;
        margin: 0 auto;
        width: 1200px;
        height: 40px;
        line-height: 40px;
        z-index: 1399
    }

        .layout-header.head-mro .hd .hd-bd .home {
            float: left;
            display: inline-block;
            cursor: pointer;
            color: #0093e6;
            position: relative
        }

            .layout-header.head-mro .hd .hd-bd .home b {
                display: inline-block;
                width: 14px;
                height: 18px;
                vertical-align: text-top;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/mroHead/images/mro/shou.gif) no-repeat 0 0;
                background-size: 14px 18px;
                position: absolute;
                top: 28px;
                left: 30px
            }

            .layout-header.head-mro .hd .hd-bd .home span {
                padding: 0 12px;
                color: #ccc
            }

            .layout-header.head-mro .hd .hd-bd .home:hover {
                color: #199fe9
            }

        .layout-header.head-mro .hd .hd-bd .reg {
            float: right;
            margin-right: 5px;
            width: auto;
            color: #666;
            font-size: 12px
        }

            .layout-header.head-mro .hd .hd-bd .reg a {
                margin: 0 4px;
                color: #9a9a9a
            }

                .layout-header.head-mro .hd .hd-bd .reg a:hover {
                    color: #199fe9
                }

            .layout-header.head-mro .hd .hd-bd .reg #custom {
                display: none;
                font-weight: 400;
                color: #0094e6
            }

            .layout-header.head-mro .hd .hd-bd .reg #login {
                font-weight: 400;
                color: #666
            }

            .layout-header.head-mro .hd .hd-bd .reg #register {
                font-weight: 700;
                color: #199fe9
            }

            .layout-header.head-mro .hd .hd-bd .reg #plus {
                display: inline-block
            }

                .layout-header.head-mro .hd .hd-bd .reg #plus .plus-label {
                    display: inline-block;
                    width: 38px;
                    height: 17px;
                    line-height: 17px;
                    text-align: center;
                    background: #2e3244;
                    border-radius: 2px;
                    font-size: 12px;
                    font-family: MicrosoftYaHei;
                    color: #f1d997;
                    margin: 0 4px
                }

                .layout-header.head-mro .hd .hd-bd .reg #plus .plus-label-disabled {
                    background: #b1b1b2;
                    color: #fff
                }

                .layout-header.head-mro .hd .hd-bd .reg #plus #plus-icon {
                    margin-left: 2px;
                    display: inline-block;
                    width: 8px;
                    height: 3px;
                    vertical-align: middle;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/index_icon.png) no-repeat -25px -6px;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                .layout-header.head-mro .hd .hd-bd .reg #plus:hover, .layout-header.head-mro .hd .hd-bd .reg .active {
                    position: relative;
                    height: 40px;
                    line-height: 40px;
                    margin: 0;
                    z-index: 1200;
                    background: #fff
                }

                    .layout-header.head-mro .hd .hd-bd .reg #plus:hover b, .layout-header.head-mro .hd .hd-bd .reg .active b {
                        -webkit-transform: rotate(-180deg);
                        transform: rotate(-180deg)
                    }

            .layout-header.head-mro .hd .hd-bd .reg .plus-wrap {
                position: absolute;
                left: 0;
                float: right;
                width: 373px;
                margin-left: -1px;
                z-index: 1112;
                background: #fff;
                border-left: 1px solid #e5e5e5;
                border-right: 1px solid #e5e5e5;
                border-bottom: 1px solid #e5e5e5;
                font-size: 0
            }

                .layout-header.head-mro .hd .hd-bd .reg .plus-wrap .account-wrap {
                    display: none;
                    text-align: right;
                    font-size: 12px
                }

                    .layout-header.head-mro .hd .hd-bd .reg .plus-wrap .account-wrap .account {
                        margin: 0;
                        padding-right: 10px;
                        display: inline-block;
                        color: #333;
                        cursor: pointer
                    }

                        .layout-header.head-mro .hd .hd-bd .reg .plus-wrap .account-wrap .account:hover {
                            color: #0094e5;
                            cursor: pointer
                        }

                    .layout-header.head-mro .hd .hd-bd .reg .plus-wrap .account-wrap .space {
                        padding-right: 10px;
                        display: inline-block;
                        font-size: 12px
                    }

                .layout-header.head-mro .hd .hd-bd .reg .plus-wrap .expire-info-wrap {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-pack: justify;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    width: 100%;
                    border-top: 1px solid #e5e5e5
                }

                    .layout-header.head-mro .hd .hd-bd .reg .plus-wrap .expire-info-wrap .expire-tip {
                        display: inline-block;
                        line-height: 17px;
                        margin: 15px 4px 15px 8px;
                        font-size: 12px
                    }

                    .layout-header.head-mro .hd .hd-bd .reg .plus-wrap .expire-info-wrap .renew {
                        display: inline-block;
                        width: 71px;
                        height: 27px;
                        line-height: 27px;
                        text-align: center;
                        margin: 15px 6px 15px 0;
                        background: #2e3244;
                        border-radius: 13px;
                        font-size: 12px;
                        color: #fff;
                        float: right
                    }

                        .layout-header.head-mro .hd .hd-bd .reg .plus-wrap .expire-info-wrap .renew:hover {
                            opacity: .8
                        }

        .layout-header.head-mro .hd .hd-bd .active {
            position: relative;
            height: 40px;
            line-height: 40px;
            margin: 0;
            z-index: 1200;
            background: #fff
        }

            .layout-header.head-mro .hd .hd-bd .active b {
                -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg)
            }

        .layout-header.head-mro .hd .hd-bd .welcome {
            padding: 0 5px;
            margin-right: 5px !important;
            position: relative
        }

        .layout-header.head-mro .hd .hd-bd .logout {
            display: none;
            float: right;
            padding-right: 10px;
            font-size: 0;
            cursor: pointer
        }

            .layout-header.head-mro .hd .hd-bd .logout span {
                margin-right: 6px;
                color: #333;
                font-size: 12px
            }

                .layout-header.head-mro .hd .hd-bd .logout span:hover {
                    color: #0076b8;
                    cursor: pointer
                }

        .layout-header.head-mro .hd .hd-bd .enter {
            z-index: 1;
            float: right;
            color: #0076b8
        }

            .layout-header.head-mro .hd .hd-bd .enter .pd06 {
                padding: 0 10px
            }

                .layout-header.head-mro .hd .hd-bd .enter .pd06 .txt {
                    color: #666
                }

                .layout-header.head-mro .hd .hd-bd .enter .pd06.has-icon {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center
                }

                    .layout-header.head-mro .hd .hd-bd .enter .pd06.has-icon b {
                        margin-right: 5px
                    }

            .layout-header.head-mro .hd .hd-bd .enter span.er04 {
                float: right;
                color: #199fe9
            }

                .layout-header.head-mro .hd .hd-bd .enter span.er04 b {
                    margin-right: 2px;
                    display: inline-block;
                    width: 20px;
                    height: 18px;
                    vertical-align: text-top;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/tel.svg) no-repeat;
                    background-size: cover
                }

            .layout-header.head-mro .hd .hd-bd .enter a, .layout-header.head-mro .hd .hd-bd .enter button {
                float: right;
                color: #666
            }

                .layout-header.head-mro .hd .hd-bd .enter a:hover, .layout-header.head-mro .hd .hd-bd .enter button:hover {
                    color: #199fe9
                }

                .layout-header.head-mro .hd .hd-bd .enter a.er01, .layout-header.head-mro .hd .hd-bd .enter button.er01 {
                    border: 1px solid transparent;
                    border-top: none;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .layout-header.head-mro .hd .hd-bd .enter a.er01 b, .layout-header.head-mro .hd .hd-bd .enter button.er01 b {
                        margin-left: 2px;
                        display: inline-block;
                        width: 8px;
                        height: 3px;
                        vertical-align: middle;
                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/index_icon.png) no-repeat -25px -6px;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                    .layout-header.head-mro .hd .hd-bd .enter a.er01.er01.active, .layout-header.head-mro .hd .hd-bd .enter a.er01.er01:hover, .layout-header.head-mro .hd .hd-bd .enter button.er01.er01.active, .layout-header.head-mro .hd .hd-bd .enter button.er01.er01:hover {
                        position: relative;
                        z-index: 1200;
                        border-left: 1px solid #dedede;
                        border-right: 1px solid #dedede;
                        color: #199fe9;
                        background: #fff
                    }

                        .layout-header.head-mro .hd .hd-bd .enter a.er01.er01.active b, .layout-header.head-mro .hd .hd-bd .enter a.er01.er01:hover b, .layout-header.head-mro .hd .hd-bd .enter button.er01.er01.active b, .layout-header.head-mro .hd .hd-bd .enter button.er01.er01:hover b {
                            -webkit-transform: rotate(-180deg);
                            transform: rotate(-180deg)
                        }

                .layout-header.head-mro .hd .hd-bd .enter a.er02, .layout-header.head-mro .hd .hd-bd .enter button.er02 {
                    background-position: 0 -296px
                }

                .layout-header.head-mro .hd .hd-bd .enter a.er03, .layout-header.head-mro .hd .hd-bd .enter button.er03 {
                    width: auto;
                    height: 40px;
                    background-position: 0 -61px
                }

                    .layout-header.head-mro .hd .hd-bd .enter a.er03 b, .layout-header.head-mro .hd .hd-bd .enter button.er03 b {
                        display: inline-block;
                        width: 15px;
                        height: 18px;
                        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/phone.svg) no-repeat 0 0;
                        vertical-align: text-bottom;
                        margin-right: 4px
                    }

                    .layout-header.head-mro .hd .hd-bd .enter a.er03:hover b, .layout-header.head-mro .hd .hd-bd .enter button.er03:hover b {
                        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/hover/phone.svg) no-repeat 0 0
                    }

                .layout-header.head-mro .hd .hd-bd .enter a.line, .layout-header.head-mro .hd .hd-bd .enter button.line {
                    margin-right: 18px
                }

                .layout-header.head-mro .hd .hd-bd .enter a.qq, .layout-header.head-mro .hd .hd-bd .enter button.qq {
                    float: right;
                    width: auto;
                    height: 40px;
                    line-height: 40px;
                    color: #666;
                    background-position: 0 -61px;
                    border: none;
                    background: transparent
                }

                    .layout-header.head-mro .hd .hd-bd .enter a.qq b, .layout-header.head-mro .hd .hd-bd .enter button.qq b {
                        display: inline-block;
                        width: 16px;
                        height: 18px;
                        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/qq.svg) no-repeat 0 0;
                        vertical-align: text-bottom;
                        margin-right: 4px
                    }

                    .layout-header.head-mro .hd .hd-bd .enter a.qq:hover, .layout-header.head-mro .hd .hd-bd .enter button.qq:hover {
                        color: #199fe9
                    }

                        .layout-header.head-mro .hd .hd-bd .enter a.qq:hover b, .layout-header.head-mro .hd .hd-bd .enter button.qq:hover b {
                            background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/hover/qq.svg) no-repeat 0 0
                        }

            .layout-header.head-mro .hd .hd-bd .enter .member-list-wrap {
                position: relative;
                float: right
            }

                .layout-header.head-mro .hd .hd-bd .enter .member-list-wrap .member-list {
                    position: absolute;
                    top: 39px;
                    right: 0;
                    z-index: 1112;
                    display: none;
                    margin: 0;
                    padding-bottom: 8px;
                    width: 185px;
                    border: 1px solid #e5e5e5;
                    background: #fff
                }

                    .layout-header.head-mro .hd .hd-bd .enter .member-list-wrap .member-list dl {
                        margin: 10px 0 0 15px;
                        font-size: 14px
                    }

                        .layout-header.head-mro .hd .hd-bd .enter .member-list-wrap .member-list dl dt {
                            float: left;
                            width: 100%;
                            line-height: 26px;
                            color: #666
                        }

                            .layout-header.head-mro .hd .hd-bd .enter .member-list-wrap .member-list dl dt a {
                                float: none;
                                padding: 0;
                                color: #666
                            }

                        .layout-header.head-mro .hd .hd-bd .enter .member-list-wrap .member-list dl dd {
                            float: left;
                            width: 100%;
                            line-height: 26px
                        }

                            .layout-header.head-mro .hd .hd-bd .enter .member-list-wrap .member-list dl dd a {
                                float: left;
                                padding-left: 0;
                                color: #666
                            }

                                .layout-header.head-mro .hd .hd-bd .enter .member-list-wrap .member-list dl dd a:hover {
                                    float: left;
                                    padding-left: 0;
                                    color: #199fe9
                                }

                            .layout-header.head-mro .hd .hd-bd .enter .member-list-wrap .member-list dl dd span {
                                margin: 0 12px;
                                float: left;
                                color: #bdbdbd
                            }

            .layout-header.head-mro .hd .hd-bd .enter .c-line {
                color: #ccc;
                float: right
            }

            .layout-header.head-mro .hd .hd-bd .enter .collect {
                float: right;
                cursor: pointer;
                border: 1px solid transparent;
                border-top: none
            }

                .layout-header.head-mro .hd .hd-bd .enter .collect .sc {
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/collect.svg) 50% no-repeat;
                    background-size: contain;
                    vertical-align: middle;
                    margin-top: -2px;
                    margin-right: 5px
                }

                .layout-header.head-mro .hd .hd-bd .enter .collect .collect-tip {
                    position: absolute;
                    top: 41px;
                    right: -1px;
                    z-index: 1112;
                    display: none;
                    margin: 0;
                    padding: 10px 0;
                    width: 300px;
                    border: 1px solid #e5e5e5;
                    border-top: none;
                    background: #fff;
                    text-align: center;
                    line-height: 20px;
                    cursor: default
                }

                .layout-header.head-mro .hd .hd-bd .enter .collect:hover .txt {
                    color: #199fe9
                }

                .layout-header.head-mro .hd .hd-bd .enter .collect:hover .sc {
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/hover/collect.svg) 50% no-repeat;
                    background-size: cover
                }

                .layout-header.head-mro .hd .hd-bd .enter .actives, .layout-header.head-mro .hd .hd-bd .enter .collect:hover {
                    position: relative;
                    border-left: 1px solid #dedede;
                    border-right: 1px solid #dedede;
                    z-index: 1200;
                    background: #fff
                }

.layout-header.head-mro .logo-wrap {
    padding: 33px 0 6px;
    min-width: 1200px;
    height: 90px;
    background: #fff
}

    .layout-header.head-mro .logo-wrap.active {
        position: fixed;
        top: -120px;
        z-index: 999999;
        padding: 21px 0;
        width: 100%;
        height: 68px;
        background: #fff;
        box-shadow: 0 5px 5px rgba(0,0,0,.07)
    }

        .layout-header.head-mro .logo-wrap.active .hot {
            display: none
        }

.layout-header.head-mro .nav {
    width: 100%;
    height: 42px;
    background: #fff;
    border-bottom: 2px solid #0093e6
}

    .layout-header.head-mro .nav .nav-bd {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin: 0 auto;
        width: 1200px
    }

        .layout-header.head-mro .nav .nav-bd .sort {
            float: left;
            width: 228.8px;
            height: 44px;
            line-height: 44px;
            font-size: 16px;
            cursor: pointer
        }

            .layout-header.head-mro .nav .nav-bd .sort:hover .layout-catalogs {
                display: block
            }

            .layout-header.head-mro .nav .nav-bd .sort .layout-catalogs, .layout-header.head-mro .nav .nav-bd .sort .not-index-page ul {
                box-sizing: border-box;
                background: #fff;
                position: relative;
                border-radius: 0;
                margin-top: 0
            }

            .layout-header.head-mro .nav .nav-bd .sort p {
                width: 228.8px;
                line-height: 44px;
                text-indent: 15px;
                color: #fff;
                font-size: 16px;
                font-weight: 400 !important;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                background: #0093e6;
                border-radius: 20px 0 0 0
            }

                .layout-header.head-mro .nav .nav-bd .sort p span {
                    display: inline-block;
                    width: 16px;
                    height: 13px;
                    vertical-align: middle;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/mroHead/images/mro/fl.svg) no-repeat;
                    margin-top: -2px;
                    margin-right: 5px
                }

            .layout-header.head-mro .nav .nav-bd .sort ~ .snav {
                padding-left: 42px
            }

        .layout-header.head-mro .nav .nav-bd .snav {
            font-size: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            width: 1008px;
            box-sizing: border-box
        }

            .layout-header.head-mro .nav .nav-bd .snav:first-of-type {
                padding-left: 15px
            }

            .layout-header.head-mro .nav .nav-bd .snav a {
                position: relative;
                margin-right: 48px;
                display: block;
                text-align: center;
                line-height: 44px;
                text-decoration: none;
                color: #444
            }

                .layout-header.head-mro .nav .nav-bd .snav a.hover, .layout-header.head-mro .nav .nav-bd .snav a:hover {
                    display: block;
                    color: #199fe9
                }

                .layout-header.head-mro .nav .nav-bd .snav a:last-of-type {
                    margin-right: 0
                }

            .layout-header.head-mro .nav .nav-bd .snav .nav-link {
                position: relative
            }

            .layout-header.head-mro .nav .nav-bd .snav .n-p1 {
                position: absolute;
                right: -25px;
                top: 2px;
                display: inline-block;
                width: 31px;
                height: 16px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/icon-hot.svg) no-repeat
            }

            .layout-header.head-mro .nav .nav-bd .snav .n-p2 {
                position: absolute;
                right: -25px;
                top: 2px;
                display: inline-block;
                width: 31px;
                height: 16px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/icon-new.svg) no-repeat 0 0
            }

            .layout-header.head-mro .nav .nav-bd .snav .n-p-gys {
                position: absolute;
                right: -30px;
                top: 2px;
                width: 41px;
                height: 16px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/icon-gys.svg) no-repeat 50%;
                display: inline-block
            }

            .layout-header.head-mro .nav .nav-bd .snav .hot-enter {
                position: absolute;
                right: -24px;
                top: 2px;
                display: inline-block;
                width: 31px;
                height: 16px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/icon-rz.svg) no-repeat 0 0
            }

            .layout-header.head-mro .nav .nav-bd .snav .by-icon {
                position: absolute;
                right: -18px;
                top: 2px;
                display: inline-block;
                width: 41px;
                height: 17px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/99by.svg) no-repeat 0 0
            }

.layout-header.head-mro .plus-renew-error-dialog-wrap-head .dialog-mask {
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .7
}

.layout-header.head-mro .plus-renew-error-dialog-wrap-head .dialog-wrap {
    width: 388px;
    height: 170px;
    position: fixed;
    left: calc(50% - 194px);
    top: calc(50% - 85px);
    z-index: 100000;
    font-family: MicrosoftYaHei;
    background: #fff;
    border-radius: 6px
}

    .layout-header.head-mro .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-header {
        width: 100%;
        height: 35px
    }

        .layout-header.head-mro .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-header .close {
            position: absolute;
            top: 10px;
            right: 10px;
            float: right;
            width: 17px;
            height: 17px;
            background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/close-icon-blue.svg) no-repeat;
            cursor: pointer
        }

    .layout-header.head-mro .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-body .error {
        width: 273px;
        height: 30px;
        padding: 0 57px 0 58px;
        text-align: center;
        font-size: 16px;
        color: #2e3244
    }

    .layout-header.head-mro .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-body .tip {
        width: 273px;
        height: 30px;
        margin-top: 3px;
        padding: 0 57px 0 58px;
        text-align: center;
        font-size: 14px;
        color: #2e3244
    }

    .layout-header.head-mro .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-body .i-see-button {
        display: block;
        width: 206px;
        height: 42px;
        line-height: 40px;
        margin: 9px auto 0;
        text-align: center;
        font-size: 14px;
        color: #f3d48e;
        background: -webkit-linear-gradient(277deg,#56567d,#3e3e5e 30%,#2e3244);
        background: linear-gradient(173deg,#56567d,#3e3e5e 30%,#2e3244);
        outline: none;
        box-shadow: none;
        border-color: transparent;
        border-radius: 4px
    }

        .layout-header.head-mro .plus-renew-error-dialog-wrap-head .dialog-wrap .dialog-body .i-see-button:hover {
            opacity: .8
        }

.layout-header.head-mro .logo {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

    .layout-header.head-mro .logo.head-logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }

    .layout-header.head-mro .logo .nav-ad {
        position: absolute;
        right: 0;
        top: 65px;
        width: 192px;
        height: 71px;
        background: #f5f5f5;
        border-radius: 13px 13px 8px 8px
    }

    .layout-header.head-mro .logo .lcsc {
        float: left
    }

        .layout-header.head-mro .logo .lcsc a {
            display: block;
            width: 220px;
            height: 58px;
            float: left
        }

        .layout-header.head-mro .logo .lcsc img {
            display: block;
            width: 100%
        }

    .layout-header.head-mro .logo .lgTexts {
        margin: 0 40px 0 10px;
        padding-top: 5px
    }

        .layout-header.head-mro .logo .lgTexts p {
            font-size: 14px;
            color: #2d2d38;
            line-height: 20px;
            white-space: nowrap
        }

    .layout-header.head-mro .logo .sch {
        position: relative;
        float: right;
        padding-top: 9px;
        width: 587px;
        height: 70px
    }

    .layout-header.head-mro .logo .hot {
        float: left;
        margin-top: 5px;
        width: 122%
    }

        .layout-header.head-mro .logo .hot a {
            margin-right: 5px;
            font-size: 12px;
            color: #bbb
        }

    .layout-header.head-mro .logo .fast-xj {
        width: 130px;
        height: 40px;
        background: #fff4f3;
        border: 1px solid #f8d6d3;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin: 9px 0 0 11px
    }

        .layout-header.head-mro .logo .fast-xj:hover {
            background: #fdefee
        }

        .layout-header.head-mro .logo .fast-xj span {
            color: #f74747;
            font-size: 14px;
            line-height: 1em
        }

        .layout-header.head-mro .logo .fast-xj .xj-icon {
            width: 12.38px;
            height: 15px;
            background: url(//static.szlcsc.com/ecp/assets/web/layout/mroHead/images/mro/xj.svg) no-repeat 0 0;
            background-size: 100%;
            margin-right: 4px
        }

    .layout-header.head-mro .logo .shop {
        margin-top: 9px;
        margin-left: 11px;
        padding: 0 2px 0 16px;
        width: 157px;
        height: 42px;
        background: #fbfbfb;
        border: 1px solid #eee;
        position: relative;
        box-sizing: border-box;
        cursor: pointer
    }

        .layout-header.head-mro .logo .shop .white-box {
            display: none
        }

        .layout-header.head-mro .logo .shop.loading > p .cart-icon-a .cart-icon {
            background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/jiazai.gif) no-repeat;
            background-size: 100% 100%
        }

        .layout-header.head-mro .logo .shop.actives {
            border-radius: 0;
            background: #fff;
            border-bottom: none
        }

            .layout-header.head-mro .logo .shop.actives .white-box {
                display: block;
                position: absolute;
                top: 31px;
                z-index: 9999;
                right: 3px;
                background: #fff;
                width: 129px;
                height: 20px;
                padding: 0 2px 0 16px
            }

        .layout-header.head-mro .logo .shop .collect-tip {
            position: absolute;
            top: 44px;
            right: -1px;
            z-index: 1112;
            display: none;
            margin: 0;
            padding: 10px 0;
            width: 338px;
            border: 1px solid #e5e5e5;
            border-top: none;
            background: #fff;
            text-align: center;
            line-height: 20px;
            cursor: default;
            box-shadow: 0 0 16px 0 rgba(1,66,104,.2);
            box-sizing: border-box;
            border-radius: 8px 0 8px 8px
        }

            .layout-header.head-mro .logo .shop .collect-tip.noGoods {
                padding-top: 30px;
                padding-bottom: 29px
            }

                .layout-header.head-mro .logo .shop .collect-tip.noGoods > div {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    padding: 0 0 0 48px
                }

                    .layout-header.head-mro .logo .shop .collect-tip.noGoods > div img {
                        margin-right: 20px
                    }

            .layout-header.head-mro .logo .shop .collect-tip.hasGoods {
                width: 610px;
                height: 413px;
                padding: 8px 0 0;
                text-align: left;
                box-sizing: content-box
            }

                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .tab-one {
                    margin: 0 18px;
                    border-bottom: 1px solid #199fe9;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center
                }

                    .layout-header.head-mro .logo .shop .collect-tip.hasGoods .tab-one .tab-item {
                        height: 29px;
                        line-height: 29px;
                        font-size: 14px;
                        color: #333;
                        padding: 4px 15px;
                        cursor: pointer
                    }

                        .layout-header.head-mro .logo .shop .collect-tip.hasGoods .tab-one .tab-item > .count {
                            color: #199fe9;
                            margin-left: 6px
                        }

                        .layout-header.head-mro .logo .shop .collect-tip.hasGoods .tab-one .tab-item.active {
                            font-weight: 700;
                            color: #199fe9;
                            background: #ecf8ff;
                            border-radius: 2px 2px 0 0;
                            border: 1px solid #199fe9;
                            border-bottom: none
                        }

                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .tab-two {
                    margin-top: 9px;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    padding-left: 18px
                }

                    .layout-header.head-mro .logo .shop .collect-tip.hasGoods .tab-two .tab-item {
                        margin-right: 16px;
                        cursor: pointer
                    }

                        .layout-header.head-mro .logo .shop .collect-tip.hasGoods .tab-two .tab-item.active {
                            font-weight: 700;
                            color: #199de9;
                            position: relative
                        }

                            .layout-header.head-mro .logo .shop .collect-tip.hasGoods .tab-two .tab-item.active:after {
                                content: "";
                                width: 18px;
                                height: 2px;
                                background-color: #199de9;
                                position: absolute;
                                bottom: -4px;
                                left: 50%;
                                -webkit-transform: translate(-50%);
                                transform: translate(-50%)
                            }

                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content {
                    width: 610px;
                    margin-top: 16px;
                    min-height: 286px
                }

                    .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content.panel {
                        min-height: 315px
                    }

                    .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-header {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-box-align: center;
                        -webkit-align-items: center;
                        align-items: center;
                        height: 29px;
                        background-color: #f5f5f5;
                        line-height: 29px;
                        margin-left: 18px;
                        box-sizing: border-box
                    }

                        .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-header [type=checkbox] {
                            display: inline-block;
                            margin: 0 13px
                        }

                        .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-header span {
                            display: inline-block;
                            color: #666
                        }

                            .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-header span.goods_code {
                                width: 116px
                            }

                            .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-header span.provider {
                                width: 120px
                            }

                            .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-header span.price {
                                width: 106px
                            }

                            .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-header span.count {
                                width: 82px
                            }

                            .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-header span.price_total {
                                width: 77px
                            }

                            .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-header span.complain {
                                margin-right: 0
                            }

                    .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list {
                        margin-left: 18px;
                        display: none;
                        box-sizing: border-box;
                        overflow-x: hidden;
                        height: 256px
                    }

                        .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list.active {
                            display: block
                        }

                        .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item {
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: flex;
                            -webkit-box-align: center;
                            -webkit-align-items: center;
                            align-items: center;
                            height: 40px;
                            line-height: 40px;
                            width: 100%;
                            border-bottom: 1px solid #e4e4e6;
                            position: relative
                        }

                            .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item [type=checkbox] {
                                display: inline-block;
                                margin: 0 13px
                            }

                            .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span {
                                display: inline-block;
                                color: #666;
                                overflow: hidden
                            }

                                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span.item_goods_code {
                                    width: 96px;
                                    max-width: 96px;
                                    margin-right: 20px;
                                    font-weight: 700
                                }

                                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span.item_provider {
                                    width: 100px;
                                    max-width: 100px;
                                    margin-right: 20px;
                                    position: relative
                                }

                                    .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span.item_provider:hover ~ .item_provider_tips {
                                        display: block
                                    }

                                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span.item_price {
                                    width: 86px;
                                    max-width: 86px;
                                    margin-right: 20px;
                                    font-weight: 700
                                }

                                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span.item_count {
                                    width: 62px;
                                    max-width: 62px;
                                    margin-right: 20px;
                                    font-weight: 700
                                }

                                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span.item_price_total {
                                    width: 57px;
                                    max-width: 57px;
                                    margin-right: 20px;
                                    font-weight: 700;
                                    color: #ff7800
                                }

                                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span.item_delete {
                                    max-width: 24px;
                                    margin-right: 0;
                                    cursor: pointer
                                }

                            .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item .item_provider_tips {
                                display: none;
                                position: absolute;
                                width: 142px;
                                height: auto;
                                background: #fff;
                                box-shadow: 0 -1px 16px 2px rgba(1,66,104,.12);
                                top: 40px;
                                left: 147px;
                                z-index: 9999;
                                border-radius: 3px;
                                padding: 13px;
                                box-sizing: border-box
                            }

                                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item .item_provider_tips:after {
                                    content: "";
                                    position: absolute;
                                    left: 20%;
                                    top: -6px;
                                    width: 6px;
                                    height: 9px;
                                    background: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/rightUtils20180907_new.png) no-repeat -220px 0;
                                    -webkit-transform: translate(-50%) rotate(270deg);
                                    transform: translate(-50%) rotate(270deg)
                                }

                                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item .item_provider_tips:hover {
                                    display: block
                                }

                                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item .item_provider_tips div {
                                    height: 15px;
                                    line-height: 15px;
                                    margin-bottom: 3px;
                                    width: 100%;
                                    color: #333
                                }

                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .ellipsis {
                    text-overflow: ellipsis;
                    word-break: break-all;
                    white-space: nowrap;
                    overflow: hidden
                }

                .layout-header.head-mro .logo .shop .collect-tip.hasGoods .footer {
                    width: 610px;
                    height: 44px;
                    background: #f5f5f5;
                    line-height: 44px;
                    padding: 0 18px 0 31px;
                    box-sizing: border-box;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-pack: end;
                    -webkit-justify-content: flex-end;
                    justify-content: flex-end;
                    border-radius: 0 0 8px 8px
                }

                    .layout-header.head-mro .logo .shop .collect-tip.hasGoods .footer > span.del-all {
                        color: #666;
                        cursor: pointer;
                        display: -webkit-inline-box;
                        display: -webkit-inline-flex;
                        display: inline-flex;
                        -webkit-box-align: center;
                        -webkit-align-items: center;
                        align-items: center
                    }

                        .layout-header.head-mro .logo .shop .collect-tip.hasGoods .footer > span.del-all img {
                            margin-right: 6px
                        }

                    .layout-header.head-mro .logo .shop .collect-tip.hasGoods .footer .count {
                        color: #ff7800;
                        margin-right: 21px
                    }

                    .layout-header.head-mro .logo .shop .collect-tip.hasGoods .footer .blod {
                        font-weight: 700
                    }

                    .layout-header.head-mro .logo .shop .collect-tip.hasGoods .footer .settlement {
                        border: none;
                        width: 77px;
                        height: 28px;
                        text-align: center;
                        background: #ff7800;
                        color: #fff;
                        border-radius: 2px;
                        cursor: pointer
                    }

        .layout-header.head-mro .logo .shop p {
            height: 40px;
            line-height: 39px;
            position: relative
        }

            .layout-header.head-mro .logo .shop p .cart-icon-a {
                position: relative
            }

                .layout-header.head-mro .logo .shop p .cart-icon-a .cart-icon {
                    display: inline-block;
                    margin-right: 2px;
                    width: 19px;
                    height: 18px;
                    vertical-align: middle;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/mroHead/images/mro/cart_new2.svg) no-repeat 0 0;
                    background-size: 19px 18px
                }

                .layout-header.head-mro .logo .shop p .cart-icon-a .tips {
                    font-size: 14px;
                    color: #333;
                    line-height: 22px;
                    height: 22px;
                    vertical-align: middle
                }

                .layout-header.head-mro .logo .shop p .cart-icon-a .cart-icon2 {
                    position: absolute;
                    top: -1px;
                    right: -32px;
                    display: inline-block;
                    width: 26px;
                    height: 16px;
                    line-height: 16px;
                    text-align: center;
                    color: #fff;
                    background: #ff4960;
                    border-radius: 8px 8px 8px 0
                }

.layout-header.head-mro .sch-bd {
    width: 100%;
    float: left;
    position: relative
}

    .layout-header.head-mro .sch-bd .sch-bd02 {
        float: left;
        width: 491px;
        height: 38px;
        line-height: 38px;
        text-indent: 8px;
        border: 2px solid #0093e6;
        outline: none
    }

    .layout-header.head-mro .sch-bd .sch-bd03 {
        width: 55px;
        height: 42px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        border: 2px solid #0093e6;
        background: #0093e6 url(//static.szlcsc.com/ecp/assets/web/common/images/index-header-search.svg) no-repeat;
        background-position: 13px;
        background-size: 23.23px 24px
    }

    .layout-header.head-mro .sch-bd .search-list {
        position: absolute;
        top: 42px;
        z-index: 1300;
        display: none;
        margin-left: 1px;
        width: 89.5%;
        border: 1px solid #e9e9e9;
        border-top: 0;
        background: #fff
    }

        .layout-header.head-mro .sch-bd .search-list .brand-tips-div {
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #e9e9e9
        }

            .layout-header.head-mro .sch-bd .search-list .brand-tips-div .brand-img {
                float: left;
                height: 30px;
                position: relative;
                top: 5px;
                margin-left: 10px
            }

            .layout-header.head-mro .sch-bd .search-list .brand-tips-div .no-brand-img {
                float: left;
                width: 27px;
                position: relative;
                top: 8px;
                margin-left: 15px
            }

            .layout-header.head-mro .sch-bd .search-list .brand-tips-div .right-icon-img {
                float: left;
                width: 8px;
                height: 11px;
                position: relative;
                top: 15px;
                left: 10px
            }

        .layout-header.head-mro .sch-bd .search-list .search-recommend-title, .layout-header.head-mro .sch-bd .search-list .search-record-title {
            position: relative;
            width: 94%;
            height: 35px;
            line-height: 40px;
            margin: 0 3%;
            font-size: 13px;
            font-weight: 700;
            color: #0094e7;
            box-sizing: border-box;
            border-bottom: 1px solid #e9e9e9
        }

            .layout-header.head-mro .sch-bd .search-list .search-recommend-title .del-icon, .layout-header.head-mro .sch-bd .search-list .search-record-title .del-icon {
                position: absolute;
                top: 10px;
                right: 10px;
                width: 16px;
                height: 16px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/brush.svg);
                cursor: pointer
            }

        .layout-header.head-mro .sch-bd .search-list .search-record-wrap {
            width: 100%;
            min-height: 30px;
            padding: 0 3%;
            font-size: 0;
            box-sizing: border-box
        }

            .layout-header.head-mro .sch-bd .search-list .search-record-wrap .search-record-item {
                display: block;
                height: 30px;
                line-height: 30px;
                font-size: 12px;
                cursor: pointer;
                border-radius: 2px
            }

                .layout-header.head-mro .sch-bd .search-list .search-record-wrap .search-record-item .right {
                    display: none;
                    float: right;
                    width: 12px;
                    height: 12px;
                    margin: 8px 12px 0 0;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/close.svg) no-repeat;
                    background-size: 12px;
                    color: #dedede;
                    font-size: 20px
                }

                .layout-header.head-mro .sch-bd .search-list .search-record-wrap .search-record-item:hover {
                    background: #f9feff
                }

                    .layout-header.head-mro .sch-bd .search-list .search-record-wrap .search-record-item:hover .right {
                        display: inline-block
                    }

        .layout-header.head-mro .sch-bd .search-list .search-recommend-wrap {
            width: 100%;
            min-height: 30px;
            padding: 0 3%;
            font-size: 0;
            box-sizing: border-box
        }

            .layout-header.head-mro .sch-bd .search-list .search-recommend-wrap .recommend-item {
                display: block;
                height: 30px;
                line-height: 30px;
                font-size: 12px;
                cursor: pointer;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

                .layout-header.head-mro .sch-bd .search-list .search-recommend-wrap .recommend-item:hover {
                    background: #f9feff
                }

        .layout-header.head-mro .sch-bd .search-list ul li {
            height: 30px;
            line-height: 30px;
            padding: 0 4px
        }

            .layout-header.head-mro .sch-bd .search-list ul li.active {
                background: #e9e9e9
            }

            .layout-header.head-mro .sch-bd .search-list ul li .search-word {
                float: left;
                color: #666
            }

            .layout-header.head-mro .sch-bd .search-list ul li .search-num {
                float: right;
                color: #999;
                font-size: 12px
            }

                .layout-header.head-mro .sch-bd .search-list ul li .search-num i {
                    font-style: normal
                }

        .layout-header.head-mro .sch-bd .search-list .search-word-no-keyword b {
            font-weight: 400
        }

.layout-catalogs.mro {
    position: relative;
    z-index: 1111;
    float: left;
    width: 228.8px;
    max-height: 555px;
    line-height: 35px;
    box-sizing: border-box;
    font-size: 12px
}

    .layout-catalogs.mro.not-index-page {
        display: none
    }

        .layout-catalogs.mro.not-index-page ul {
            box-shadow: 0 2px 16px 0 rgba(1,66,104,.2)
        }

    .layout-catalogs.mro ul {
        box-sizing: border-box;
        padding: 15px 0 0;
        height: 100%;
        max-height: 555px;
        background: hsla(0,0%,100%,.9);
        position: relative;
        border-radius: 8px
    }

        .layout-catalogs.mro ul .search-all {
            width: 228.8px
        }

            .layout-catalogs.mro ul .search-all a {
                font-size: 14px;
                color: #199fe9;
                width: 100%;
                height: 38px;
                text-align: center;
                line-height: 38px;
                display: block
            }

                .layout-catalogs.mro ul .search-all a:hover {
                    background-color: #179be7;
                    color: #fff
                }

        .layout-catalogs.mro ul li {
            width: 100%;
            box-sizing: border-box;
            padding-bottom: 8.6px
        }

            .layout-catalogs.mro ul li .industrial {
                display: block;
                width: 100%;
                border: 1px solid transparent
            }

                .layout-catalogs.mro ul li .industrial .first-ky-box {
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    display: -webkit-box;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2
                }

                .layout-catalogs.mro ul li .industrial .indtop {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    width: 100%;
                    text-overflow: ellipsis;
                    word-break: break-all;
                    white-space: nowrap;
                    overflow: hidden;
                    color: #000;
                    font-size: 14px;
                    letter-spacing: 2px;
                    line-height: 32px
                }

                    .layout-catalogs.mro ul li .industrial .indtop img {
                        width: 15px;
                        height: 15px;
                        margin: 0 9px 0 12px
                    }

                .layout-catalogs.mro ul li .industrial .first-ky-box {
                    line-height: 16px;
                    padding-left: 34px;
                    padding-right: 20px
                }

                .layout-catalogs.mro ul li .industrial .indspans-item {
                    font-size: 12px;
                    color: #999;
                    margin-right: 3px
                }

                .layout-catalogs.mro ul li .industrial .indspans {
                    width: 100%;
                    padding-left: 35px;
                    padding-right: 20px;
                    color: #999;
                    font-size: 12px;
                    line-height: 16.5px;
                    box-sizing: border-box
                }

                    .layout-catalogs.mro ul li .industrial .indspans span {
                        margin-right: 3px
                    }

                        .layout-catalogs.mro ul li .industrial .indspans span:hover {
                            color: #199de8
                        }

            .layout-catalogs.mro ul li.all {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                padding-right: 15px
            }

                .layout-catalogs.mro ul li.all > a {
                    color: #199de9
                }

                .layout-catalogs.mro ul li.all > img {
                    display: none
                }

            .layout-catalogs.mro ul li p {
                float: right;
                margin-right: 2px
            }

            .layout-catalogs.mro ul li .pic {
                float: left;
                display: inline-block;
                margin: 0 10px 0 16px;
                padding-top: 9px;
                width: 22px;
                height: 16px;
                vertical-align: middle;
                text-indent: 30px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/catagory_icon3.png) no-repeat
            }

            .layout-catalogs.mro ul li .ass-pic-470 {
                background-position: 2px -36px
            }

            .layout-catalogs.mro ul li .ass-pic-423 {
                background-position: 2px -98px;
                margin-top: 6px
            }

            .layout-catalogs.mro ul li .ass-pic-575 {
                background-position: 2px -126px;
                margin-top: 6px
            }

            .layout-catalogs.mro ul li .ass-pic-380 {
                background-position: 7px -94px
            }

            .layout-catalogs.mro ul li .ass-pic-515, .layout-catalogs.mro ul li .ass-pic-10991 {
                background-position: 2px -177px
            }

            .layout-catalogs.mro ul li .ass-pic-365 {
                background-position: 2px -210px;
                margin-top: 6px
            }

            .layout-catalogs.mro ul li .ass-pic-500 {
                background-position: 2px -230px
            }

            .layout-catalogs.mro ul li .ass-pic-319 {
                margin-top: 6px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/ljq.svg) 50% no-repeat
            }

            .layout-catalogs.mro ul li .ass-pic-320 {
                background-position: 4px -63px
            }

            .layout-catalogs.mro ul li .ass-pic-308 {
                background-position: 5px -178px
            }

            .layout-catalogs.mro ul li .ass-pic-312 {
                background-position: 0 -18px;
                margin-top: 6px
            }

            .layout-catalogs.mro ul li .ass-pic-348, .layout-catalogs.mro ul li .ass-pic-450, .layout-catalogs.mro ul li .ass-pic-582 {
                background-position: 2px -148px
            }

            .layout-catalogs.mro ul li .ass-pic-316 {
                background-position: 2px -259px
            }

            .layout-catalogs.mro ul li .ass-pic-513 {
                background-position: 2px -290px;
                margin-top: 6px
            }

            .layout-catalogs.mro ul li .ass-pic-601 {
                background-position: 2px -319px;
                margin-top: 6px
            }

            .layout-catalogs.mro ul li .ass-pic-570 {
                background-position: 2px -347px;
                margin-top: 6px
            }

            .layout-catalogs.mro ul li .ass-pic-385 {
                background-position: 2px -375px;
                margin-top: 6px
            }

            .layout-catalogs.mro ul li .ass-pic-938 {
                background-position: 2px -402px;
                margin-top: 6px
            }

            .layout-catalogs.mro ul li .ass-pic-320 {
                background-position: 2px -66px
            }

            .layout-catalogs.mro ul li .ass-pic-953 {
                background-position: 2px -426px;
                margin-top: 6px
            }

            .layout-catalogs.mro ul li .ass-pic-11279, .layout-catalogs.mro ul li .ass-pic-11337 {
                margin-top: 4px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/no_hardware.png) 50% no-repeat
            }

            .layout-catalogs.mro ul li:hover {
                background: #e6f6ff;
                cursor: pointer;
                border-radius: 8px 0 0 8px
            }

                .layout-catalogs.mro ul li:hover > div.industrial {
                    color: #199de9
                }

                .layout-catalogs.mro ul li:hover.all > img {
                    display: inline-block
                }

                .layout-catalogs.mro ul li:hover .sub-catalog-box {
                    display: block
                }

                .layout-catalogs.mro ul li:hover .s-submnu {
                    display: none
                }

                .layout-catalogs.mro ul li:hover .catalog-li-active a {
                    color: #0093e6
                }

                .layout-catalogs.mro ul li:hover > a {
                    float: none;
                    z-index: 100
                }

                .layout-catalogs.mro ul li:hover .ass-pic-470 {
                    background-position: -26px -36px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-423 {
                    margin-top: 6px;
                    background-position: -26px -98px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-575 {
                    margin-top: 6px;
                    background-position: -26px -126px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-380 {
                    background-position: -26px -94px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-515, .layout-catalogs.mro ul li:hover .ass-pic-10991 {
                    background-position: -26px -177px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-365 {
                    margin-top: 6px;
                    background-position: -26px -210px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-500 {
                    background-position: -26px -230px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-319 {
                    margin-top: 6px;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/h_ljq.svg) 50% no-repeat
                }

                .layout-catalogs.mro ul li:hover .ass-pic-320 {
                    background-position: -26px -66px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-308 {
                    background-position: -26px -178px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-312 {
                    background-position: -30px -17px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-348, .layout-catalogs.mro ul li:hover .ass-pic-450, .layout-catalogs.mro ul li:hover .ass-pic-582 {
                    background-position: -26px -148px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-316 {
                    background-position: -26px -259px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-513 {
                    margin-top: 6px;
                    background-position: -26px -290px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-601 {
                    background-position: -26px -319px;
                    margin-top: 6px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-570 {
                    background-position: -26px -347px;
                    margin-top: 6px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-385 {
                    margin-top: 6px;
                    background-position: -26px -375px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-938 {
                    margin-top: 6px;
                    background-position: -26px -402px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-953 {
                    margin-top: 6px;
                    background-position: -26px -426px
                }

                .layout-catalogs.mro ul li:hover .ass-pic-11279, .layout-catalogs.mro ul li:hover .ass-pic-11337 {
                    margin-top: 4px;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/catalogs/images/hardware.png) 50% no-repeat
                }

            .layout-catalogs.mro ul li .sub-catalog-box {
                display: none;
                position: absolute;
                z-index: 98;
                left: 228.8px;
                top: 0;
                box-sizing: border-box;
                width: 200px;
                height: 555px;
                background: #f7f7f7;
                box-shadow: 0 2px 6px 3px rgba(0,0,0,.05)
            }

                .layout-catalogs.mro ul li .sub-catalog-box .catalog-title {
                    padding: 0 14px;
                    box-sizing: border-box;
                    font-weight: 400;
                    color: #0093e6;
                    font-size: 14px;
                    height: 40px;
                    line-height: 40px
                }

                .layout-catalogs.mro ul li .sub-catalog-box ol {
                    height: 515px;
                    overflow-y: auto
                }

                    .layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li {
                        padding: 0 14px;
                        box-sizing: border-box;
                        font-weight: 400;
                        color: #444;
                        font-size: 14px;
                        height: 40px;
                        line-height: 40px
                    }

                        .layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li .catalog-a {
                            display: block;
                            width: 100%;
                            text-overflow: ellipsis;
                            word-break: break-all;
                            white-space: nowrap;
                            overflow: hidden
                        }

                        .layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li.catalog-li-active {
                            background: #e6f5ff;
                            color: #0093e6
                        }

                            .layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li.catalog-li-active .s-submnu .s-submun-content-item-active a .sub-catalogName-span {
                                color: #0093e6
                            }

                            .layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li.catalog-li-active .s-submnu .s-submun-content-item-active a .subcatalog-img {
                                border-color: #0093e6
                            }

                        .layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li:hover {
                            background: #e6f5ff;
                            color: #0093e6
                        }

                            .layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li:hover .s-submnu {
                                display: block
                            }

            .layout-catalogs.mro ul li .s-submnu {
                display: none;
                position: absolute;
                z-index: 98;
                left: 198.8px;
                top: 0;
                box-sizing: border-box;
                width: 398px;
                height: 555px;
                background: #fff;
                overflow-y: auto;
                box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
                padding: 10px 20px 0 24px
            }

                .layout-catalogs.mro ul li .s-submnu .s-submun-content {
                    height: auto
                }

                    .layout-catalogs.mro ul li .s-submnu .s-submun-content .sub-fix-box {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-flex-wrap: wrap;
                        flex-wrap: wrap
                    }

                    .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title {
                        line-height: 44px;
                        border-bottom: 1px solid #e3e3e3;
                        font-weight: 700;
                        color: #0895e7;
                        position: relative
                    }

                        .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn {
                            float: right;
                            width: 102px;
                            color: #ff7300;
                            height: 26px;
                            line-height: 26px;
                            margin-top: 12px
                        }

                            .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn img {
                                width: 100%;
                                height: 100%
                            }

                            .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn:hover + .connector-pic-btn-active {
                                display: block
                            }

                        .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active {
                            position: absolute;
                            right: 0;
                            top: 0;
                            display: none;
                            width: 102px;
                            color: #ff7300;
                            height: 26px;
                            line-height: 26px;
                            margin-top: 12px
                        }

                            .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active img {
                                width: 100%;
                                height: 100%
                            }

                            .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active:hover {
                                display: block
                            }

                        .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog {
                            float: none;
                            display: inline;
                            font-size: 14px;
                            font-weight: 700;
                            color: #333
                        }

                            .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog:hover {
                                color: #0895e7
                            }

                                .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog:hover ~ span {
                                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/catelog-more-hover.svg) no-repeat 100%
                                }

                        .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title span {
                            display: inline-block;
                            width: 6px;
                            height: 10px;
                            background: url(//static.szlcsc.com/ecp/assets/web/common/images/catelog-more.svg) no-repeat
                        }

                    .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item {
                        display: inline-block;
                        margin-top: 10px;
                        line-height: 12px;
                        color: #494949;
                        width: 84px;
                        margin-bottom: 10px
                    }

                        .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item.noMarginR {
                            margin-right: 0
                        }

                        .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item a {
                            font-weight: 400;
                            color: #444;
                            display: inline-block;
                            border: none;
                            text-align: left;
                            font-size: 12px;
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: flex;
                            -webkit-box-align: center;
                            -webkit-align-items: center;
                            align-items: center;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                            -webkit-flex-direction: column;
                            flex-direction: column
                        }

                            .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item a:hover {
                                color: #0093e6
                            }

                                .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item a:hover .subcatalog-img {
                                    border-color: #0093e6
                                }

                            .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item a .subcatalog-img {
                                width: 65px;
                                height: 65px;
                                background: #fff;
                                border: 1px solid #eee
                            }

                            .layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item a .sub-catalogName-span {
                                width: 65px;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                                display: -webkit-box;
                                text-overflow: ellipsis;
                                -webkit-line-clamp: 2;
                                margin-top: 6px;
                                line-height: 16px;
                                text-align: center
                            }

    .layout-catalogs.mro .catalog-img {
        margin-top: 15px;
        width: 240px;
        height: 98px
    }

.layout-foot.mro .give-up-ie8-tips-div {
    display: none;
    height: 66px;
    width: 100%;
    background: #ff9c6e;
    color: #fff;
    font-size: 14px
}

    .layout-foot.mro .give-up-ie8-tips-div .give-up-ie8-tips-div-con {
        margin: 0 auto;
        padding-top: 12px;
        width: 1200px
    }

    .layout-foot.mro .give-up-ie8-tips-div a, .layout-foot.mro .give-up-ie8-tips-div a:hover {
        font-size: 14px;
        color: #fff;
        text-decoration: underline
    }

.layout-foot.mro .spot {
    margin-top: 48px;
    background: #e3e3e3;
    border-bottom: 1px solid #d5d5d5
}

    .layout-foot.mro .spot ul {
        margin: 0 auto;
        height: 126px;
        background: #e3e3e3;
        width: 1198px;
        border-bottom: 1px solid #e3e3e3;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 0 53px 0 50px;
        box-sizing: border-box
    }

        .layout-foot.mro .spot ul li {
            text-align: center
        }

            .layout-foot.mro .spot ul li.sp02 {
                margin-right: 10px
            }

            .layout-foot.mro .spot ul li > div {
                text-align: left;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: start;
                -webkit-align-items: flex-start;
                align-items: flex-start
            }

                .layout-foot.mro .spot ul li > div > img {
                    width: 50px;
                    height: 50px
                }

                .layout-foot.mro .spot ul li > div > div {
                    margin-left: 9px
                }

                .layout-foot.mro .spot ul li > div h4 {
                    font-size: 18px;
                    margin-bottom: 6px;
                    font-weight: 400;
                    color: #333
                }

                .layout-foot.mro .spot ul li > div p {
                    font-size: 12px;
                    color: #666;
                    margin-bottom: 1px;
                    word-break: keep-all
                }

.layout-foot.mro .footer {
    margin: 0;
    height: 233px;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    background: #e3e3e3
}

    .layout-foot.mro .footer .foot {
        width: 1200px;
        margin: 0 auto;
        height: 100%;
        background: #e3e3e3;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

        .layout-foot.mro .footer .foot, .layout-foot.mro .footer .foot .footer-left {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex
        }

            .layout-foot.mro .footer .foot .footer-left dl {
                box-sizing: border-box;
                margin-top: 28px;
                margin-right: 59px;
                margin-bottom: 28px;
                text-align: left
            }

                .layout-foot.mro .footer .foot .footer-left dl:nth-last-of-type(2), .layout-foot.mro .footer .foot .footer-left dl:nth-last-of-type(3) {
                    margin-right: 75px
                }

                .layout-foot.mro .footer .foot .footer-left dl:last-of-type {
                    padding-right: 65px;
                    margin-right: 61px;
                    border-right: 1px solid #d5d5d5
                }

            .layout-foot.mro .footer .foot .footer-left dt {
                font-size: 14px;
                color: #333;
                font-weight: 700;
                margin-bottom: 24px
            }

            .layout-foot.mro .footer .foot .footer-left dd {
                margin-left: 0;
                margin-bottom: 13px;
                color: #666
            }

                .layout-foot.mro .footer .foot .footer-left dd > a {
                    color: #666
                }

                .layout-foot.mro .footer .foot .footer-left dd:last-of-type {
                    margin-bottom: 0
                }

                .layout-foot.mro .footer .foot .footer-left dd:hover a {
                    color: #0193e6
                }

                .layout-foot.mro .footer .foot .footer-left dd a {
                    font-size: 12px
                }

            .layout-foot.mro .footer .foot .footer-right {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex
            }

                .layout-foot.mro .footer .foot .footer-right dl {
                    box-sizing: border-box;
                    margin-top: 28px;
                    margin-right: 60px;
                    text-align: left
                }

                    .layout-foot.mro .footer .foot .footer-right dl:first-of-type {
                        margin-right: 42px
                    }

                    .layout-foot.mro .footer .foot .footer-right dl:last-of-type {
                        margin-right: 0
                    }

                .layout-foot.mro .footer .foot .footer-right dt {
                    font-size: 14px;
                    color: #333;
                    font-weight: 700;
                    margin-bottom: 24px
                }

                .layout-foot.mro .footer .foot .footer-right dd {
                    margin-left: 0;
                    margin-bottom: 13px;
                    color: #666
                }

                    .layout-foot.mro .footer .foot .footer-right dd:last-of-type {
                        margin-bottom: 0
                    }

                    .layout-foot.mro .footer .foot .footer-right dd.service-time {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: flex
                    }

                    .layout-foot.mro .footer .foot .footer-right dd a {
                        font-size: 12px
                    }

.layout-foot.mro .member {
    margin: 0 auto 10px;
    padding: 24px 0 14px;
    width: 1200px
}

    .layout-foot.mro .member table {
        margin-bottom: 10px
    }

        .layout-foot.mro .member table td {
            line-height: 24px
        }

            .layout-foot.mro .member table td.link-member {
                width: 98px;
                font-size: 12px;
                color: #444
            }

            .layout-foot.mro .member table td.link-txt a {
                float: left;
                margin-right: 23px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: #666
            }

                .layout-foot.mro .member table td.link-txt a:hover {
                    color: #0093e6
                }

            .layout-foot.mro .member table td.not-index a {
                margin-right: 23px
            }

.layout-foot.mro .link-wrap {
    background: #e3e3e3;
    width: 100%;
    border-top: 1px solid #d5d5d5;
    padding: 28px 0 39px;
    box-sizing: border-box
}

    .layout-foot.mro .link-wrap .link {
        width: 1200px;
        margin: 0 auto
    }

        .layout-foot.mro .link-wrap .link .link-site {
            display: none;
            padding-bottom: 18px
        }

        .layout-foot.mro .link-wrap .link .member-site {
            padding-bottom: 19px
        }

        .layout-foot.mro .link-wrap .link td {
            line-height: 24px
        }

        .layout-foot.mro .link-wrap .link ul li {
            line-height: 28px;
            font-size: 16px;
            float: left;
            font-weight: 700;
            margin-right: 32px;
            margin-bottom: 18px;
            width: 66px;
            cursor: pointer;
            color: #444
        }

            .layout-foot.mro .link-wrap .link ul li.active {
                border-bottom: 2px solid #0193e6;
                color: #0193e6
            }

        .layout-foot.mro .link-wrap .link .link-bt {
            width: 6%;
            float: left;
            white-space: nowrap
        }

        .layout-foot.mro .link-wrap .link .link-txt a {
            color: #666;
            margin-right: 23px;
            float: left;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

            .layout-foot.mro .link-wrap .link .link-txt a:hover {
                color: #0093e6
            }

        .layout-foot.mro .link-wrap .link .link-red a {
            color: red
        }

        .layout-foot.mro .link-wrap .link .link-txt-new a {
            width: 100%
        }

    .layout-foot.mro .link-wrap .letter-index {
        width: 1200px;
        margin: 0 auto
    }

        .layout-foot.mro .link-wrap .letter-index ul {
            overflow: hidden
        }

            .layout-foot.mro .link-wrap .letter-index ul li {
                float: left;
                text-align: center;
                cursor: pointer;
                margin-right: 15px
            }

                .layout-foot.mro .link-wrap .letter-index ul li:first-of-type {
                    margin-right: 0
                }

                .layout-foot.mro .link-wrap .letter-index ul li a {
                    color: #666
                }

                    .layout-foot.mro .link-wrap .letter-index ul li a:hover {
                        color: #0093e6
                    }

                .layout-foot.mro .link-wrap .letter-index ul li:first-child {
                    color: #666 !important;
                    cursor: default
                }

.layout-foot.mro .entry-type-wrapper {
    background: #c7c7c7;
    width: 100%
}

    .layout-foot.mro .entry-type-wrapper .entry-type {
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 1200px;
        height: 40px;
        margin: 0 auto
    }

        .layout-foot.mro .entry-type-wrapper .entry-type .icp {
            margin-left: 19px
        }

            .layout-foot.mro .entry-type-wrapper .entry-type .icp .icp-1 {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

                .layout-foot.mro .entry-type-wrapper .entry-type .icp .icp-1 .icon1, .layout-foot.mro .entry-type-wrapper .entry-type .icp .icp-1 .icon2 {
                    margin-right: 6px
                }

                .layout-foot.mro .entry-type-wrapper .entry-type .icp .icp-1 a {
                    display: inline-block;
                    text-decoration: none;
                    color: #444
                }

                .layout-foot.mro .entry-type-wrapper .entry-type .icp .icp-1 .icp-2 {
                    margin-left: 9px;
                    margin-right: 26px
                }

.layout-foot.theme-black.mro .spot {
    background: #373f5e !important;
    border-color: #4c5473 !important
}

    .layout-foot.theme-black.mro .spot ul {
        background: #373f5e !important;
        border-bottom: none !important
    }

        .layout-foot.theme-black.mro .spot ul h4 {
            color: #fff !important
        }

        .layout-foot.theme-black.mro .spot ul p {
            color: #abb2ca !important
        }

.layout-foot.theme-black.mro .footer {
    background: #373f5e !important;
    border-color: #4c5473 !important
}

    .layout-foot.theme-black.mro .footer .foot {
        background: #373f5e !important;
        border-bottom: none !important
    }

        .layout-foot.theme-black.mro .footer .foot .footer-left dl:last-of-type {
            border-color: #4c5473 !important
        }

        .layout-foot.theme-black.mro .footer .foot dd, .layout-foot.theme-black.mro .footer .foot dd a, .layout-foot.theme-black.mro .footer .foot dd span, .layout-foot.theme-black.mro .footer .foot dt, .layout-foot.theme-black.mro .footer .foot dt a, .layout-foot.theme-black.mro .footer .foot dt span {
            color: #abb2ca !important
        }

            .layout-foot.theme-black.mro .footer .foot dd a:hover, .layout-foot.theme-black.mro .footer .foot dt a:hover {
                color: #fff !important
            }

.layout-foot.theme-black.mro .link-wrap {
    background: #373f5e !important;
    border-top: none !important
}

    .layout-foot.theme-black.mro .link-wrap .link li {
        color: #abb2ca !important
    }

        .layout-foot.theme-black.mro .link-wrap .link li.active {
            color: #fff !important
        }

    .layout-foot.theme-black.mro .link-wrap .link .link-txt a {
        color: #abb2ca !important
    }

        .layout-foot.theme-black.mro .link-wrap .link .link-txt a:hover {
            color: #fff !important
        }

.layout-foot.theme-black.mro .entry-type-wrapper {
    background: #747c97 !important
}

    .layout-foot.theme-black.mro .entry-type-wrapper a {
        color: #373f5e !important
    }

#website-ad-dialog {
    position: fixed;
    z-index: 100000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

    #website-ad-dialog .dialog-container-wrap {
        position: relative
    }

        #website-ad-dialog .dialog-container-wrap .content {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            min-width: 200px;
            min-height: 120px;
            height: calc(100% - 280px);
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

            #website-ad-dialog .dialog-container-wrap .content #ad-link {
                position: relative;
                cursor: pointer;
                height: -webkit-fit-content;
                height: fit-content;
                display: block
            }

                #website-ad-dialog .dialog-container-wrap .content #ad-link .close-box {
                    position: absolute;
                    width: 72px;
                    height: 72px;
                    top: -72px;
                    right: -72px
                }

                #website-ad-dialog .dialog-container-wrap .content #ad-link .close {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 36px;
                    height: 36px;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/websiteAdDialog/images/dialog-close-icon3.svg) no-repeat;
                    background-size: 36px;
                    cursor: pointer
                }

                #website-ad-dialog .dialog-container-wrap .content #ad-link > img {
                    max-height: 100%;
                    max-width: 100%
                }

#website-group-dialog {
    position: fixed;
    z-index: 100000;
    top: 160px;
    bottom: 0;
    left: 0;
    right: 0
}

    #website-group-dialog .dialog-container-wrap-group {
        position: relative
    }

        #website-group-dialog .dialog-container-wrap-group .content {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            min-width: 200px;
            min-height: 120px;
            height: calc(100% - 280px);
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

            #website-group-dialog .dialog-container-wrap-group .content #ad-link {
                position: relative;
                cursor: pointer;
                height: -webkit-fit-content;
                height: fit-content;
                display: block
            }

                #website-group-dialog .dialog-container-wrap-group .content #ad-link .top {
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/websiteGroupDialog/images/top.png) no-repeat;
                    width: 444px;
                    height: 224px;
                    background-size: 100% 100%;
                    position: relative
                }

                #website-group-dialog .dialog-container-wrap-group .content #ad-link .line {
                    position: absolute;
                    top: 52%;
                    left: 8%;
                    width: 370px;
                    height: 22px;
                    background: #bf0909;
                    box-shadow: inset 0 0 1px 1px #a40000,inset 0 0 1px 0 #fff;
                    border-radius: 15px
                }

                #website-group-dialog .dialog-container-wrap-group .content #ad-link .card {
                    position: absolute;
                    width: 350px;
                    top: 57%;
                    left: 10.3%;
                    background: -webkit-linear-gradient(273deg,#fe795a,#ff4753);
                    background: linear-gradient(177deg,#fe795a,#ff4753);
                    border-radius: 0 0 1px 1px;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                    #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .card-top {
                        width: 100%;
                        height: 8px;
                        background: -webkit-linear-gradient(top,#a50505,rgba(185,15,15,.48) 48%,rgba(191,9,9,0));
                        background: linear-gradient(180deg,#a50505,rgba(185,15,15,.48) 48%,rgba(191,9,9,0))
                    }

                    #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .card-title {
                        width: 308px;
                        height: 67px;
                        background: url(//static.szlcsc.com/ecp/assets/web/layout/websiteGroupDialog/images/text.png) no-repeat
                    }

                        #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .card-title.jlc-act {
                            background: url(//static.szlcsc.com/ecp/assets/web/layout/websiteGroupDialog/images/jlc-act-title.png) no-repeat
                        }

                    #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list {
                        width: 300px;
                        height: 70px;
                        background: url(//static.szlcsc.com/ecp/assets/web/layout/websiteGroupDialog/images/card.png) no-repeat;
                        background-size: 100% 100%;
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-box-align: center;
                        -webkit-align-items: center;
                        align-items: center
                    }

                        #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list .list-left {
                            text-align: center;
                            width: 30%
                        }

                            #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list .list-left .price {
                                font-weight: 700;
                                color: #ff5d56;
                                font-size: 24px
                            }

                            #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list .list-left .unit {
                                color: #ff5d56;
                                font-size: 14px
                            }

                        #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list .list-right {
                            width: 70%
                        }

                            #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list .list-right .coupon-title {
                                font-weight: 700;
                                color: #444;
                                font-size: 14px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap
                            }

                            #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list .list-right .coupon-limit, #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list .list-right .coupon-time {
                                font-weight: 700;
                                color: #666;
                                font-size: 12px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap
                            }

                    #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list2 {
                        width: 300px;
                        height: 70px;
                        background: url(//static.szlcsc.com/ecp/assets/web/layout/websiteGroupDialog/images/card2.png) no-repeat;
                        background-size: 100% 100%;
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-box-align: center;
                        -webkit-align-items: center;
                        align-items: center
                    }

                        #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list2 .list-left {
                            text-align: center;
                            width: 30%
                        }

                            #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list2 .list-left .price {
                                font-weight: 700;
                                color: #ff5d56;
                                font-size: 24px
                            }

                            #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list2 .list-left .unit {
                                color: #ff5d56;
                                font-size: 14px
                            }

                        #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list2 .list-right {
                            width: 70%
                        }

                            #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list2 .list-right .coupon-title {
                                font-weight: 700;
                                color: #444;
                                font-size: 14px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap
                            }

                            #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list2 .list-right .coupon-limit, #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .list2 .list-right .coupon-time {
                                font-weight: 700;
                                color: #666;
                                font-size: 12px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap
                            }

                    #website-group-dialog .dialog-container-wrap-group .content #ad-link .card .website-group-dialog-btn {
                        width: 190px;
                        height: 50px;
                        background: #ff8c25;
                        border-radius: 30px;
                        color: #fff;
                        line-height: 50px;
                        font-size: 18px;
                        margin: 40px 0 30px;
                        font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
                        font-weight: 700
                    }

                #website-group-dialog .dialog-container-wrap-group .content #ad-link .close-box {
                    position: absolute;
                    width: 72px;
                    height: 72px;
                    top: -72px;
                    right: -72px
                }

                #website-group-dialog .dialog-container-wrap-group .content #ad-link .website-group-dialog-close {
                    position: absolute;
                    top: 153px;
                    left: -35px;
                    right: 0;
                    width: 20px;
                    height: 20px;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/websiteGroupDialog/images/dialog-close-icon3.svg) no-repeat;
                    background-size: 20px;
                    cursor: pointer
                }

                #website-group-dialog .dialog-container-wrap-group .content #ad-link > img {
                    max-height: 100%;
                    max-width: 100%
                }

#website-right-float-ad-dialog {
    position: fixed;
    top: 26%;
    right: 80px;
    z-index: 999
}

    #website-right-float-ad-dialog .website-right-float-ad {
        position: relative;
        display: inline-block
    }

        #website-right-float-ad-dialog .website-right-float-ad img {
            width: 188px;
            height: 157px
        }

        #website-right-float-ad-dialog .website-right-float-ad .website-right-float-ad-close {
            position: absolute;
            right: 0;
            width: 26px;
            height: 26px;
            z-index: 1000
        }

#register-label-dialog-mask {
    position: fixed;
    z-index: 100001;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5)
}

#register-label-dialog {
    position: fixed;
    z-index: 100002;
    top: 400px;
    bottom: 0;
    left: 0;
    right: 0
}

    #register-label-dialog .dialog-container-wrap-group {
        position: relative
    }

        #register-label-dialog .dialog-container-wrap-group .d-f-b {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }

        #register-label-dialog .dialog-container-wrap-group .content {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            min-width: 200px;
            min-height: 120px;
            width: 555px;
            height: 300px;
            background: -webkit-linear-gradient(top,#fff 2%,#fff);
            background: linear-gradient(180deg,#fff 2%,#fff);
            border-radius: 5px
        }

            #register-label-dialog .dialog-container-wrap-group .content .register-label-dialog-close {
                position: absolute;
                top: 15px;
                right: 15px;
                width: 17px;
                height: 17px;
                padding: 0;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/close.svg);
                border: none;
                outline: none;
                cursor: pointer;
                font-size: 16px
            }

            #register-label-dialog .dialog-container-wrap-group .content .title {
                font-size: 20px;
                font-weight: 500;
                color: #444;
                line-height: 28px;
                text-align: center;
                margin-top: 25px
            }

            #register-label-dialog .dialog-container-wrap-group .content .label-qus {
                margin: 49px 0 12px 23px;
                font-size: 16px;
                font-weight: 400;
                color: #444;
                line-height: 22px
            }

            #register-label-dialog .dialog-container-wrap-group .content .label-list {
                margin-left: 23px
            }

                #register-label-dialog .dialog-container-wrap-group .content .label-list .label {
                    width: 115px;
                    height: 40px;
                    line-height: 38px;
                    text-align: center;
                    background: #fff;
                    border-radius: 3px;
                    border: 1px solid #dedede;
                    box-sizing: border-box;
                    margin-right: 15px
                }

                    #register-label-dialog .dialog-container-wrap-group .content .label-list .label:hover {
                        cursor: pointer
                    }

                    #register-label-dialog .dialog-container-wrap-group .content .label-list .label.active {
                        border: 1px solid #1c9fe9;
                        color: #1c9fe9
                    }

            #register-label-dialog .dialog-container-wrap-group .content .register-label-dialog-submit-btn {
                width: 135px;
                height: 45px;
                line-height: 45px;
                color: #fff;
                background: #1c9fe9;
                border-radius: 3px;
                text-align: center;
                margin: 30px auto 0;
                font-size: 14px;
                font-weight: 600
            }

                #register-label-dialog .dialog-container-wrap-group .content .register-label-dialog-submit-btn:hover {
                    cursor: pointer;
                    background: #188ed3
                }

html {
    visibility: visible;
    opacity: 1
}

body, button, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, select, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    font-family: Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arail
}

body {
    background: #fff;
    font: 12px/18px Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arail;
    color: #444;
    min-width: 1200px
}

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

li, ul {
    list-style-type: none
}

a {
    color: #444;
    cursor: pointer
}

    a:hover {
        color: #0093e6
    }

button, input, select, textarea {
    color: #444
}

    input[type=text], textarea {
        border: 1px solid #dedede;
        padding: 0 5px
    }

.ele-origin input[type=text], .ele-origin textarea {
    border: 1px solid #dedede;
    padding-left: 15px;
    padding-right: 15px
}

    .ele-origin input[type=text]::-webkit-input-placeholder, .ele-origin textarea::-webkit-input-placeholder {
        font-size: 14px
    }

    .ele-origin input[type=text]::placeholder, .ele-origin textarea::placeholder {
        font-size: 14px
    }

.ele-origin .el-input--prefix .el-input__inner {
    padding-left: 30px
}

.ele-origin .el-input--suffix .el-input__inner {
    padding-right: 30px
}

select {
    border: 1px solid #dedede
}

input[type=text] {
    height: 26px;
    line-height: 26px
}

button, input[type=button] {
    cursor: pointer;
    outline: none
}

::-webkit-input-placeholder {
    color: #ccc;
    font-size: 12px
}

:-moz-placeholder {
    color: #ccc;
    font-size: 12px
}

:-ms-input-placeholder {
    color: #ccc;
    font-size: 12px
}

.common-button-style {
    padding: 8px 28px;
    color: #fff;
    background: #0093e6;
    border: none;
    border-radius: 3px;
    cursor: pointer
}

.overflow-ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.common-hover-tooltip-box {
    position: relative;
    cursor: pointer
}

    .common-hover-tooltip-box .icon_tip:hover, .common-hover-tooltip-box .icon_tip_narrow:hover, .common-hover-tooltip-box:hover .icon_tip, .common-hover-tooltip-box:hover .icon_tip_narrow {
        display: block
    }

    .common-hover-tooltip-box .icon_tip {
        display: none;
        position: absolute;
        top: -135px;
        left: 23px;
        z-index: 3;
        padding: 6px 10px;
        color: #666;
        text-align: left;
        font-size: 12px;
        background-color: #fff;
        border: 1px solid #cecbce;
        box-sizing: border-box;
        width: -webkit-max-content;
        width: max-content;
        border-radius: 2px;
        line-height: 20px
    }

    .common-hover-tooltip-box .icon_tip_narrow {
        display: none;
        position: absolute;
        left: 18px;
        top: 0;
        z-index: 4;
        width: 6px;
        height: 9px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/triangle.png) no-repeat
    }

    .common-hover-tooltip-box .icon_tip_down {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .common-hover-tooltip-box .icon_tip_up {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .common-hover-tooltip-box .icon_tip_right {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.main-container {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

.content-container {
    margin: 0 auto;
    width: 1200px
}

.position-r, .relative {
    position: relative
}

.display-none {
    display: none
}

.display-inline-block, .inline-block {
    display: inline-block
}

.fr, .right {
    float: right !important
}

.fl, .left {
    float: left !important
}

.clear {
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.vertical-align-mid {
    vertical-align: middle
}

.line-h24 {
    line-height: 24px
}

.line-h45 {
    line-height: 45px
}

.line-h30 {
    line-height: 30px
}

.line-h35 {
    line-height: 35px
}

.txt-center {
    text-align: center
}

.txt-right {
    text-align: right
}

.txt-indent15 {
    text-indent: 15px
}

.txt-indent10 {
    text-indent: 10px
}

.txt-indent20 {
    text-indent: 20px
}

.txt-indent25 {
    text-indent: 25px
}

.text-align-left {
    text-align: left
}

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

.mt16 {
    margin-top: 16px
}

.mt6 {
    margin-top: 6px
}

.mb7 {
    margin-bottom: 7px
}

.ml90 {
    margin-left: 90px
}

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

.mr17 {
    margin-left: 17px !important
}

.ml16 {
    margin-left: 16px !important
}

.ml110 {
    margin-left: 110px
}

.ml120 {
    margin-left: 120px
}

.ml60 {
    margin-left: 60px
}

.ml50 {
    margin-left: 50px
}

.ml5 {
    margin-left: 5px
}

.ml45 {
    margin-left: 45px
}

.ml255 {
    margin-left: 255px
}

.ml22 {
    margin-left: 22px !important
}

.mt8 {
    margin-top: 8px
}

.mt15 {
    margin-top: 15px
}

.mt10 {
    margin-top: 10px
}

.mt4 {
    margin-top: 4px
}

.mt5 {
    margin-top: 5px
}

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

.mt22 {
    margin-top: 22px
}

.mt30 {
    margin-top: 30px
}

.mt50 {
    margin-top: 50px
}

.mtn10 {
    margin-top: -10px
}

.mr8 {
    margin-right: 8px
}

.ml3 {
    margin-left: 3px
}

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

.ml7 {
    margin-left: 7px
}

.ml18 {
    margin-left: 18px
}

.ml35 {
    margin-left: 35px
}

.ml40 {
    margin-left: 40px
}

.ml20 {
    margin-left: 20px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.ml15 {
    margin-left: 15px
}

.mr5 {
    margin-right: 5px
}

.mr15 {
    margin-right: 15px
}

.mr3 {
    margin-right: 3px
}

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

.mr18 {
    margin-right: 18px
}

.mr20 {
    margin-right: 20px
}

.pt5 {
    padding-top: 5px
}

.pl10 {
    padding-left: 10px
}

.pl20 {
    padding-left: 20px
}

.pl15 {
    padding-left: 15px
}

.pl22 {
    padding-left: 22px
}

.pl25 {
    padding-left: 25px
}

.pl55 {
    padding-left: 55px
}

.pl60 {
    padding-left: 60px
}

.pl5 {
    padding-left: 5px
}

.pl45 {
    padding-left: 45px
}

.pl97 {
    padding-left: 97px
}

.pt15 {
    padding-top: 15px
}

.pt10 {
    padding-top: 10px
}

.pt25 {
    padding-top: 25px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pr5 {
    padding-right: 5px
}

.pr30 {
    padding-right: 30px
}

.pr25 {
    padding-right: 25px
}

.w510 {
    width: 510px
}

.w70 {
    width: 70px !important
}

.w220 {
    width: 220px !important
}

.w570 {
    width: 570px
}

.w580 {
    width: 580px
}

.w500 {
    width: 500px
}

.w450 {
    width: 450px
}

.w-percent-100 {
    width: 100%
}

.w340 {
    width: 340px
}

.w360 {
    width: 360px
}

.percent40 {
    width: 40% !important
}

.percent20 {
    width: 20% !important
}

.percent10 {
    width: 10% !important
}

.percent30 {
    width: 30% !important
}

.percent100 {
    width: 100% !important
}

.percent8 {
    width: 8% !important
}

.percent14 {
    width: 14%
}

.percent34 {
    width: 34%
}

.percent16 {
    width: 16%
}

.percent22 {
    width: 22%
}

.percent11 {
    width: 11%
}

.percent24 {
    width: 24% !important
}

.percent28 {
    width: 28% !important
}

.percent32 {
    width: 32% !important
}

.w150 {
    width: 150px
}

.w310 {
    width: 310px
}

.w680 {
    width: 680px
}

.w370 {
    width: 370px
}

.w190 {
    width: 190px !important
}

.w200 {
    width: 200px
}

.w530 {
    width: 530px
}

.w225 {
    width: 225px
}

.w240 {
    width: 240px
}

.w180 {
    width: 180px
}

.w400 {
    width: 400px
}

.w410 {
    width: 410px
}

.w440 {
    width: 440px
}

.w350 {
    width: 350px
}

.w415 {
    width: 415px
}

.w545 {
    width: 545px
}

.w940 {
    width: 940px
}

.w155 {
    width: 155px
}

.w120 {
    width: 120px
}

.w160 {
    width: 160px
}

.w170 {
    width: 170px
}

.w260 {
    width: 260px
}

.w300 {
    width: 300px
}

.w90 {
    width: 90px
}

.w80 {
    width: 80px !important
}

.w105 {
    width: 105px !important
}

.w110 {
    width: 110px
}

.w130 {
    width: 130px !important
}

.w140 {
    width: 140px
}

.w72 {
    width: 72px
}

.w335 {
    width: 335px
}

.w75 {
    width: 75px
}

.w100 {
    width: 100px
}

.w82 {
    width: 82px
}

.w50 {
    width: 50px
}

.w102 {
    width: 102px
}

.w65 {
    width: 65px
}

.w85 {
    width: 85px
}

.input-h25 {
    height: 25px
}

.h26 {
    height: 26px
}

.h155 {
    height: 155px
}

.h190 {
    height: 190px
}

.h180 {
    height: 180px
}

.h420 {
    height: 420px
}

.h300 {
    height: 300px
}

.h565 {
    height: 565px
}

.h22 {
    height: 22px
}

.h170 {
    height: 170px
}

.pointer {
    cursor: pointer
}

.line-through {
    text-decoration: line-through
}

.fw-b, .fwb {
    font-weight: 700
}

.fw-n {
    font-weight: 400
}

.visibility-hidden {
    visibility: hidden
}

.border-right-none {
    border-right: none
}

.ellipsis {
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden
}

.btn {
    text-align: center;
    color: #fff;
    line-height: 32px
}

.opacity-none {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.decoration-none {
    text-decoration: none !important
}

.f16 {
    font-size: 16px
}

.border-top-e5 {
    border-top: 1px solid #e5e5e5
}

.cursor-pointer {
    cursor: pointer
}

.cursor-not-allowed {
    cursor: not-allowed
}

.font-bold {
    font-weight: 700
}

.fs14 {
    font-size: 14px
}

.fs16 {
    font-size: 16px
}

.fs12 {
    font-size: 12px !important
}

.fs25 {
    font-size: 25px
}

.table-max-h {
    overflow: auto
}

.valid-form {
    margin-left: 1px;
    color: red
}

    .valid-form span.error {
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -218px -315px
    }

    .valid-form span.error, .valid-form span.success {
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle
    }

    .valid-form span.success {
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -310px -313px
    }

.valid-form-error, .valid-form-success {
    display: none
}

div.required-tip {
    margin-top: 5px
}

.error-required-tip {
    color: red
}

div.required-tip:before {
    margin: 0 3px
}

.required-tip:before {
    content: "";
    display: inline-block;
    margin: 0 3px 0 5px;
    width: 18px;
    height: 16px;
    vertical-align: -4px;
    background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png)
}

.error-required-tip:before {
    background-position: -552px -315px
}

.success-required-tip:before {
    margin-top: -2px;
    background-position: -310px -314px
}

.valid-error {
    position: absolute;
    left: 348px;
    top: 4px
}

    .valid-error span {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -218px -315px
    }

.pop-box {
    display: none;
    padding: 15px;
    position: absolute;
    z-index: 1;
    border: 1px solid #cecbce;
    background: #fff;
    box-shadow: 0 0 1px 2px #eee
}

    .pop-box .icon {
        position: absolute;
        top: -9px;
        left: 20px;
        width: 11px;
        height: 10px;
        background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -255px -441px
    }

.icon-exclamation {
    background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat 0 -315px
}

.icon-exclamation, .icon-question-mark {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom
}

.icon-question-mark {
    background: url(//static.szlcsc.com/ecp/assets/web/common/images/cart_icon.png) no-repeat -353px -282px
}

.common-fail-tip-box {
    position: fixed;
    z-index: 100001;
    top: 150px;
    left: 0;
    width: 100%
}

.common-fail-tip, .common-success-tip {
    display: none;
    position: fixed;
    z-index: 100001;
    top: 150px;
    left: 50%;
    padding-right: 10px;
    min-width: 120px;
    height: 40px;
    background: #fff;
    box-shadow: 1px 3px 9px #ddd;
    position: unset;
    width: -webkit-max-content !important;
    width: max-content !important;
    margin: 0 auto
}

    .common-fail-tip .icon, .common-success-tip .icon {
        margin-right: 5px;
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 40px
    }

    .common-fail-tip .icon {
        background: #ff7800 url(//static.szlcsc.com/ecp/assets/web/common/images/pay_icon.png) no-repeat -30px -15px
    }

    .common-success-tip .icon {
        background: #7fbe25 url(//static.szlcsc.com/ecp/assets/web/common/images/pay_icon.png) no-repeat -30px -15px
    }

.common-modal {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100000;
    padding: 0 0 20px;
    width: 660px;
    background: #fff;
    border: 4px solid #d9d9d9
}

    .common-modal .modal-title {
        position: relative;
        height: 34px;
        line-height: 32px;
        text-indent: 15px;
        background: #f2f2f2;
        border-bottom: 1px solid #dedede;
        color: #444
    }

        .common-modal .modal-title .left {
            float: left;
            font-size: 14px
        }

        .common-modal .modal-title .right {
            float: right;
            margin-top: 10px;
            height: 20px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -286px -317px;
            padding: 2px 10px;
            cursor: pointer
        }

    .common-modal .modal-content {
        padding: 20px 15px 12px;
        overflow: visible !important
    }

.member-nav {
    margin: 0 auto;
    padding-top: 16px;
    width: 1200px
}

    .member-nav, .member-nav a {
        font-size: 14px
    }

.pagination {
    margin: 10px auto 0;
    padding-bottom: 15px;
    height: 30px;
    line-height: 30px;
    text-align: right
}

    .pagination li {
        display: inline
    }

    .pagination .pagination-info {
        float: left;
        margin-top: 5px;
        padding-right: 20px;
        line-height: 22px;
        font-size: 12px
    }

    .pagination .pagination-info-total {
        color: #ff7900
    }

    .pagination .pagination-click {
        padding: 2px 5px;
        border: 1px solid #999
    }

        .pagination .pagination-click a {
            color: #666
        }

            .pagination .pagination-click a.active, .pagination .pagination-click a:hover {
                color: #0093e6;
                text-decoration: none
            }

    .pagination .pagination-click-more {
        border: none
    }

.address-popup {
    display: none;
    top: 30px;
    left: 176px;
    position: absolute;
    background: #fff;
    padding: 10px;
    z-index: 99999;
    width: 442px;
    line-height: 1;
    border: 1px solid #ccc;
    font-size: 12px
}

    .address-popup .address-head {
        position: relative
    }

        .address-popup .address-head .address-popup-ul {
            border-bottom: 2px solid #ffb786;
            height: 30px
        }

            .address-popup .address-head .address-popup-ul .address-popup-li {
                cursor: pointer;
                text-align: center;
                float: left;
                border: 1px solid #ccc;
                border-bottom: none;
                margin-left: 6px;
                margin-bottom: 0 !important;
                padding-left: 0;
                width: 82px;
                height: 28px !important;
                line-height: 30px !important;
                color: #999
            }

                .address-popup .address-head .address-popup-ul .address-popup-li span {
                    width: 9px;
                    height: 5px;
                    display: inline-block;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -203px -443px;
                    margin-left: 12px
                }

                .address-popup .address-head .address-popup-ul .address-popup-li b {
                    font-weight: 400
                }

                .address-popup .address-head .address-popup-ul .address-popup-li.active {
                    border: 2px solid #ffb786;
                    border-bottom-color: #fff;
                    color: inherit
                }

                    .address-popup .address-head .address-popup-ul .address-popup-li.active span {
                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -179px -443px
                    }

        .address-popup .address-head a {
            position: absolute;
            top: 0;
            right: 0;
            cursor: pointer;
            display: block;
            float: right;
            width: 14px;
            height: 14px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -286px -317px
        }

    .address-popup .area-list {
        margin-top: 10px
    }

        .address-popup .area-list span {
            display: inline-block;
            padding: 0 6px;
            line-height: 24px !important;
            cursor: pointer
        }

            .address-popup .area-list span.active {
                color: #fff;
                background: #ff7900
            }

    .address-popup .area-item {
        float: left;
        width: 108px
    }

.collect-goods-success-modal {
    width: 492px;
    margin-left: -246px;
    margin-top: -140px
}

    .collect-goods-success-modal .add-goods-success-icon {
        width: 50px;
        height: 50px;
        display: inline-block;
        background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/pay_icon.png);
        background-position-x: 0;
        background-position-y: 247px
    }

    .collect-goods-success-modal .add-goods-success-left {
        width: 20%;
        margin-right: 20px;
        display: inline-block;
        vertical-align: top;
        text-align: right
    }

    .collect-goods-success-modal .add-goods-success-right {
        display: inline-block
    }

    .collect-goods-success-modal .add-goods-success-message {
        margin-top: 5px;
        font-size: 16px;
        color: #71c000;
        font-weight: 700
    }

    .collect-goods-success-modal .check-collection-goods {
        margin-top: 8px;
        margin-bottom: 15px;
        font-size: 14px
    }

    .collect-goods-success-modal .blue-btn {
        width: 92px;
        height: 33px;
        border: none;
        border-radius: 2px;
        background: #0093e6;
        color: #fff
    }

.img-show {
    width: 340px;
    position: absolute;
    z-index: 999999
}

    .img-show .img-show1 {
        float: left;
        height: 366px;
        width: 15px;
        position: relative
    }

        .img-show .img-show1 b {
            width: 6px;
            height: 9px;
            float: right;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/img_sanxiaoxing.png) no-repeat;
            margin-top: 165px
        }

    .img-show .img-show2 {
        float: left;
        background: #fff;
        width: 318px;
        border: 1px solid #cecbce;
        text-align: center;
        padding-top: 10px;
        margin-left: -1px;
        box-shadow: 0 0 1px 2px #eee
    }

        .img-show .img-show2 span {
            word-wrap: break-word
        }

            .img-show .img-show2 span img {
                width: 300px;
                height: 300px
            }

        .img-show .img-show2 .font {
            width: 300px;
            float: left;
            text-align: center;
            font-size: 12px;
            padding: 5px 0 8px;
            color: #9a9a9a
        }

    .img-show .show-switch {
        padding: 8px 8px 5px 9px
    }

        .img-show .show-switch a:hover {
            background-position-y: -550px
        }

    .img-show .img-left {
        width: 14px;
        height: 28px;
        float: left;
        margin-top: 8px
    }

        .img-show .img-left a {
            width: 14px;
            height: 28px;
            float: left;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/index_icon.png) no-repeat -126px -503px
        }

    .img-show .img-cont {
        width: 265px;
        float: left;
        text-align: center
    }

        .img-show .img-cont img {
            margin-left: 3px;
            margin-right: 3px;
            cursor: pointer;
            vertical-align: middle
        }

    .img-show .img-chc {
        height: 40px;
        width: 40px;
        border: 1px solid #a9a9a9
    }

    .img-show .img-cls {
        height: 38px;
        width: 38px;
        border: 2px solid #0093e6
    }

    .img-show .img-right {
        width: 14px;
        height: 28px;
        float: left;
        margin-top: 8px
    }

        .img-show .img-right a {
            width: 14px;
            height: 28px;
            float: left;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/index_icon.png) no-repeat -163px -503px
        }

.hint-down {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100000;
    padding: 0 0 20px;
    background: #fff;
    border: 4px solid #d9d9d9;
    height: auto !important
}

    .hint-down .down-tit {
        position: relative;
        height: 34px;
        line-height: 32px;
        text-indent: 15px;
        background: #f2f2f2;
        border-bottom: 1px solid #dedede;
        color: #444;
        font-size: 14px;
        font-weight: 700
    }

        .hint-down .down-tit a {
            position: absolute;
            top: 10px;
            right: 0;
            height: 20px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -286px -317px;
            padding: 2px 10px;
            cursor: pointer
        }

    .hint-down .down-cont {
        padding: 20px 15px 12px
    }

        .hint-down .down-cont li {
            height: 30px;
            line-height: 30px
        }

            .hint-down .down-cont li a.down-pdf {
                float: right;
                height: 30px;
                box-sizing: border-box;
                padding: 0 5px;
                background: #f2f2f2;
                border: 1px solid #ccc;
                border-radius: 3px
            }

            .hint-down .down-cont li i {
                position: relative;
                top: 2px;
                width: 22px;
                height: 20px;
                display: inline-block;
                background-image: url(/images/v_cn_3.0/list_item_icon20181217.png);
                background-position-x: -20px;
                background-position-y: 162px
            }

            .hint-down .down-cont li > span {
                display: inline-block;
                width: 110px;
                text-align: right;
                color: #999
            }

                .hint-down .down-cont li > span.noFile {
                    text-align: left
                }

        .hint-down .down-cont a.ellipsis {
            display: inline-block;
            width: 300px;
            vertical-align: top
        }

.wrap-library {
    border: 3px solid #7c7c7c;
    width: 380px;
    padding: 3px 8px 10px 12px;
    height: 120px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -60px;
    z-index: 2223000;
    display: none
}

    .wrap-library a {
        width: 14px;
        height: 12px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/hint_popup.png) no-repeat -52px -676px;
        float: right
    }

    .wrap-library p {
        float: left;
        font-size: 14px;
        padding-top: 8px
    }

    .wrap-library input {
        width: 115px;
        height: 28px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/hint_popup.png) no-repeat 0 -835px;
        float: left;
        border: none;
        cursor: pointer;
        margin: 12px 0 0 130px
    }

.arrival-notice-modal {
    width: 450px;
    margin-left: -225px;
    margin-top: -140px
}

    .arrival-notice-modal .modal-content {
        text-align: center;
        font-size: 14px
    }

    .arrival-notice-modal .notice-text {
        color: #444
    }

    .arrival-notice-modal form {
        margin-top: 25px;
        padding-left: 10px;
        text-align: left
    }

        .arrival-notice-modal form > div {
            margin-top: 12px
        }

        .arrival-notice-modal form input {
            width: 230px
        }

        .arrival-notice-modal form .btn-wrapper {
            text-align: center
        }

            .arrival-notice-modal form .btn-wrapper .yellow-btn, .arrival-notice-modal form .btn-wrapper .yellow-btn-notice {
                width: 92px;
                height: 33px;
                line-height: 33px;
                border: none;
                border-radius: 2px;
                background: #ff7800;
                color: #fff
            }

.left-negative10 {
    left: -10px
}

.icon-mark {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/cart_icon.png);
    background-position: -352px -282px;
    margin-bottom: -6px
}

    .icon-mark .icon-tip {
        left: -160px !important;
        display: none;
        position: absolute;
        top: 25px;
        z-index: 1;
        padding: 10px;
        color: #666;
        font-size: 12px;
        line-height: 18px;
        background-color: #fff;
        border: 1px solid #cecbce;
        box-sizing: border-box;
        box-shadow: 0 0 2px 3px #f2f2f2;
        width: 106px;
        text-align: left;
        border-radius: 2px;
        cursor: default
    }

    .icon-mark:hover .icon-tip, .icon-mark:hover .icon-tip-narrow {
        display: block !important
    }

.icon-order {
    width: 19px;
    height: 16px;
    margin-bottom: -3px;
    background: url(//static.szlcsc.com/ecp/assets/web/common/images/order.svg) no-repeat
}

.icon-tip-narrow:hover, .icon-tip:hover {
    display: block
}

.icon-tip-narrow {
    display: none;
    position: absolute;
    right: 2px;
    top: 20px;
    z-index: 2;
    width: 11px;
    height: 6px;
    background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px
}

.so-no-result {
    margin: 30px auto 34px;
    font-size: 15px
}

    .so-no-result .so-no-result-icon {
        margin: auto;
        width: 109px;
        height: 98px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/new_so01.png) no-repeat 50%
    }

    .so-no-result .so-no-result-tip {
        margin-top: 15px;
        text-align: center
    }

        .so-no-result .so-no-result-tip p {
            line-height: 1.75
        }

            .so-no-result .so-no-result-tip p a {
                margin-left: 4px;
                text-decoration: underline
            }

    .so-no-result .btn-wrapper {
        margin-top: 16px
    }

.add-cart-ball {
    visibility: hidden;
    position: absolute;
    z-index: 100001;
    width: 16px;
    height: 16px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: url(//static.szlcsc.com/ecp/assets/web/static/images/red_ball.png) no-repeat 50%
}

.common-float-dialog {
    position: absolute;
    left: -18px;
    top: 28px;
    min-width: 100px;
    height: auto;
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    border: 1px solid #eaeaea;
    text-align: center;
    font-style: normal;
    display: none;
    z-index: 5
}

    .common-float-dialog .f-s {
        top: -19px;
        left: 20px;
        border-color: transparent transparent #d2d2d2;
        border-width: 9px
    }

    .common-float-dialog .f-i, .common-float-dialog .f-s {
        position: absolute;
        display: block;
        height: 0;
        width: 0;
        border-style: dashed dashed solid
    }

    .common-float-dialog .f-i {
        top: -9px;
        left: -10px;
        border-color: transparent transparent #fff;
        border-width: 10px
    }

.lcsc-dialog-mask {
    position: fixed;
    z-index: 100000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    background: rgba(0,0,0,.35)
}

.legal-require-style {
    font-weight: 700 !important;
    text-decoration: underline !important
}

.user-select {
    -webkit-user-select: none;
    user-select: none
}

input {
    outline: none
}

#jlc-cas-login-window {
    z-index: 100000000 !important
}

.nowrap {
    white-space: nowrap
}

.bom-common-tips {
    position: fixed;
    left: 50%;
    top: 5vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: none;
    z-index: 99999999999
}

    .bom-common-tips > div {
        height: 46px;
        min-width: 270px;
        padding: 0 15px 0 10px
    }

        .bom-common-tips > div.success {
            background: #f1fffa;
            border-radius: 5px;
            border: 1px solid #41e2a7
        }

        .bom-common-tips > div.warning {
            background: #fff5ed;
            border-radius: 5px;
            border: 1px solid #fca91e
        }

    .bom-common-tips span {
        font-size: 14px;
        line-height: 1em;
        color: rgba(0,0,0,.9);
        padding: 0 9px
    }

    .bom-common-tips .bom-common-tips-close {
        cursor: pointer;
        margin-left: 50px
    }

    .bom-common-tips .refresh {
        cursor: pointer;
        padding: 2px;
        color: #315af8
    }

    .bom-common-tips .scrollItem {
        color: #315af8;
        text-decoration: underline;
        padding: 5px;
        cursor: pointer
    }

.text-deduction {
    background-color: #f30;
    height: 26px;
    padding: 0 15px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    width: 100px;
    margin-left: -36px;
    text-align: center;
    font-weight: 400
}

.blue {
    color: #0093e6
}

.red {
    color: red
}

.yellow {
    color: #ff7a01
}

.green {
    color: #0da401
}

.light-gray {
    color: #999
}

.grey {
    color: #a0a0a0
}

.cff3300 {
    color: #f30
}

.fff {
    color: #fff
}

.bgcolor-efeeee {
    background-color: #efeeee
}

.goldenrod {
    color: #ff7800 !important
}

a.goldenrod:hover {
    color: #ff7800;
    text-decoration: underline
}

.c666 {
    color: #666
}

.c444 {
    color: #444
}

.c999 {
    color: #999
}

.cff7800 {
    color: #ff7800
}

.c9a9a9a, .color9a {
    color: #9a9a9a
}

.c009900 {
    color: #090
}

.c009933 {
    color: #093
}

.gray {
    color: grey
}

.light-color {
    color: #ff7800
}

.white {
    color: #fff !important
}

.purple {
    color: #7359e2 !important
}

.placehd {
    color: #999
}

.LUCENE_HIGHLIGHT_CLASS {
    background-color: #ff0
}

.PRODUCT-MODEL-RED-TEXT {
    color: #eb1616
}

.orange {
    color: #ff7900
}

.color666 {
    color: #666
}

.color333 {
    color: #333
}

.bgf6 {
    background-color: #f6f6f6
}

.bgf0f8fd {
    background-color: #f0f8fd
}

.bgfa {
    background-color: #fafafa
}

.help-page-color-blue {
    color: #409eff
}

.common-useless-coupon {
    background: #ffebeb;
    color: #ff2020;
    width: -webkit-max-content;
    width: max-content;
    padding: 0 5px;
    border-radius: 2px;
    margin-bottom: 5px
}

.common-useless-coupon2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    text-indent: 5px;
    font-size: 12px;
    margin-top: 3px
}

.flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important
}

.flex-al-c {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important
}

.flex-jc-c {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important
}

.flex-jc-bt {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important
}

.flex-fd-c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.dfc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dfb, .dfc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.dfb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.dfa {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.ml-0 {
    margin-left: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-12 {
    margin-left: 12px !important
}

.mr-12 {
    margin-right: 12px !important
}

.mt-12 {
    margin-top: 12px !important
}

.mb-12 {
    margin-bottom: 12px !important
}

.pl-12 {
    padding-left: 12px !important
}

.pr-12 {
    padding-right: 12px !important
}

.pt-12 {
    padding-top: 12px !important
}

.pb-12 {
    padding-bottom: 12px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-25 {
    margin-left: 25px !important
}

.mr-25 {
    margin-right: 25px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.pl-25 {
    padding-left: 25px !important
}

.pr-25 {
    padding-right: 25px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

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

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

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

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

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

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

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

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

.ml-35 {
    margin-left: 35px !important
}

.mr-35 {
    margin-right: 35px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.pl-35 {
    padding-left: 35px !important
}

.pr-35 {
    padding-right: 35px !important
}

.pt-35 {
    padding-top: 35px !important
}

.pb-35 {
    padding-bottom: 35px !important
}

.ml-40 {
    margin-left: 40px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.ml-45 {
    margin-left: 45px !important
}

.mr-45 {
    margin-right: 45px !important
}

.mt-45 {
    margin-top: 45px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.pl-45 {
    padding-left: 45px !important
}

.pr-45 {
    padding-right: 45px !important
}

.pt-45 {
    padding-top: 45px !important
}

.pb-45 {
    padding-bottom: 45px !important
}

.ml-50 {
    margin-left: 50px !important
}

.mr-50 {
    margin-right: 50px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.ml-55 {
    margin-left: 55px !important
}

.mr-55 {
    margin-right: 55px !important
}

.mt-55 {
    margin-top: 55px !important
}

.mb-55 {
    margin-bottom: 55px !important
}

.pl-55 {
    padding-left: 55px !important
}

.pr-55 {
    padding-right: 55px !important
}

.pt-55 {
    padding-top: 55px !important
}

.pb-55 {
    padding-bottom: 55px !important
}

.ml-60 {
    margin-left: 60px !important
}

.mr-60 {
    margin-right: 60px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pr-60 {
    padding-right: 60px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.ml-65 {
    margin-left: 65px !important
}

.mr-65 {
    margin-right: 65px !important
}

.mt-65 {
    margin-top: 65px !important
}

.mb-65 {
    margin-bottom: 65px !important
}

.pl-65 {
    padding-left: 65px !important
}

.pr-65 {
    padding-right: 65px !important
}

.pt-65 {
    padding-top: 65px !important
}

.pb-65 {
    padding-bottom: 65px !important
}

.ml-70 {
    margin-left: 70px !important
}

.mr-70 {
    margin-right: 70px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pr-70 {
    padding-right: 70px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.ml-75 {
    margin-left: 75px !important
}

.mr-75 {
    margin-right: 75px !important
}

.mt-75 {
    margin-top: 75px !important
}

.mb-75 {
    margin-bottom: 75px !important
}

.pl-75 {
    padding-left: 75px !important
}

.pr-75 {
    padding-right: 75px !important
}

.pt-75 {
    padding-top: 75px !important
}

.pb-75 {
    padding-bottom: 75px !important
}

.ml-80 {
    margin-left: 80px !important
}

.mr-80 {
    margin-right: 80px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pr-80 {
    padding-right: 80px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.ml-85 {
    margin-left: 85px !important
}

.mr-85 {
    margin-right: 85px !important
}

.mt-85 {
    margin-top: 85px !important
}

.mb-85 {
    margin-bottom: 85px !important
}

.pl-85 {
    padding-left: 85px !important
}

.pr-85 {
    padding-right: 85px !important
}

.pt-85 {
    padding-top: 85px !important
}

.pb-85 {
    padding-bottom: 85px !important
}

.ml-90 {
    margin-left: 90px !important
}

.mr-90 {
    margin-right: 90px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pr-90 {
    padding-right: 90px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.ml-95 {
    margin-left: 95px !important
}

.mr-95 {
    margin-right: 95px !important
}

.mt-95 {
    margin-top: 95px !important
}

.mb-95 {
    margin-bottom: 95px !important
}

.pl-95 {
    padding-left: 95px !important
}

.pr-95 {
    padding-right: 95px !important
}

.pt-95 {
    padding-top: 95px !important
}

.pb-95 {
    padding-bottom: 95px !important
}

.ml-100 {
    margin-left: 100px !important
}

.mr-100 {
    margin-right: 100px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pr-100 {
    padding-right: 100px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.line-over-1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.line-over-2 {
    -webkit-line-clamp: 2
}

.line-over-2, .line-over-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-over-3 {
    -webkit-line-clamp: 3
}

.line-over-4 {
    -webkit-line-clamp: 4
}

.line-over-4, .line-over-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-over-5 {
    -webkit-line-clamp: 5
}

.mro-btn {
    min-width: 100px;
    min-height: 32px;
    padding: 5px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 12px;
    color: #333;
    line-height: 1em;
    background-color: #fff;
    border-radius: 16px;
    border: none;
    outline: none;
    box-sizing: border-box
}

    .mro-btn:hover {
        color: #0093e6;
        border: 1px solid #0093e6
    }

    .mro-btn.primary {
        background: -webkit-linear-gradient(323deg,#00c5f4,#0093e6);
        background: linear-gradient(127deg,#00c5f4,#0093e6);
        color: #fff
    }

        .mro-btn.primary:hover {
            border: none;
            background: -webkit-linear-gradient(323deg,#00c5f4,#37a5e6);
            background: linear-gradient(127deg,#00c5f4,#37a5e6)
        }

.mro-input {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dedde1;
    outline: none;
    font-size: 14px;
    height: 40px;
    width: 450px;
    line-height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    color: #333
}

    .mro-input::-webkit-input-placeholder {
        color: #ccc
    }

    .mro-input::placeholder {
        color: #ccc
    }

    .mro-input:hover {
        border-color: #c5c4c8
    }

    .mro-input:focus {
        border-color: #29a4ea
    }

    .mro-input.error {
        border-color: #f66c69
    }

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.v-modal {
    z-index: 100000 !important
}

.el-dialog__wrapper {
    z-index: 100001 !important
}

.annual-mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 999998;
    display: none
}

.fw600 {
    font-weight: 600
}

#annual-statement-dialog {
    display: none;
    position: fixed;
    top: 30vh;
    z-index: 999999;
    width: 100%
}

    #annual-statement-dialog .commonP {
        color: #520000
    }

    #annual-statement-dialog .commonSpan {
        background: -webkit-linear-gradient(107deg,#ff0808,#ff7f00);
        background: linear-gradient(343deg,#ff0808,#ff7f00);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background: transparent\9;
        color: #ff0808\9
    }

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    #annual-statement-dialog .commonSpan {
        background: transparent;
        color: #ff0808
    }
}

#annual-statement-dialog .commonBtn {
    cursor: pointer;
    position: absolute;
    width: 286px;
    height: 102px;
    bottom: 20px;
    left: calc(50% - 143px)
}

    #annual-statement-dialog .commonBtn span {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        top: 25px;
        color: #fff;
        font-size: 22px;
        letter-spacing: 1px;
        font-weight: 500;
        line-height: 30px
    }

    #annual-statement-dialog .commonBtn .openMailBtn {
        width: 100%
    }

#annual-statement-dialog .mailBox {
    display: none;
    width: 556px;
    height: 360px;
    margin: auto;
    position: relative
}

    #annual-statement-dialog .mailBox .msgTitle {
        font-size: 28px;
        font-family: Helvetica;
        letter-spacing: 1px;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 86px
    }

    #annual-statement-dialog .mailBox .closeBtn {
        position: absolute;
        right: 0;
        height: 20px;
        width: 20px;
        margin: 15px;
        cursor: pointer
    }

    #annual-statement-dialog .mailBox .mailImg {
        height: 100%;
        width: 100%
    }

#annual-statement-dialog .contentBox {
    display: none;
    width: 694px;
    height: 520px;
    position: fixed;
    left: calc(50% - 347px);
    top: 18vh
}

    #annual-statement-dialog .contentBox .head {
        height: 40px;
        background: #fff0ec
    }

        #annual-statement-dialog .contentBox .head .closeBtn {
            float: right;
            width: 20px;
            height: 20px;
            margin: 10px 20px 0;
            cursor: pointer
        }

    #annual-statement-dialog .contentBox .contentInner {
        width: 100%;
        height: 480px;
        position: relative
    }

        #annual-statement-dialog .contentBox .contentInner .rabitImg {
            position: absolute;
            width: 158px;
            right: -5px;
            top: 0;
            z-index: 9
        }

        #annual-statement-dialog .contentBox .contentInner .plusImg {
            width: 100%;
            height: 100%
        }

        #annual-statement-dialog .contentBox .contentInner .textBox {
            position: absolute;
            top: 24px;
            left: 32px;
            width: 630px;
            height: 362px
        }

            #annual-statement-dialog .contentBox .contentInner .textBox .visiable {
                visibility: hidden
            }

            #annual-statement-dialog .contentBox .contentInner .textBox .bigSpan {
                font-size: 20px;
                font-weight: 700
            }

            #annual-statement-dialog .contentBox .contentInner .textBox .tips {
                font-size: 12px;
                font-family: Helvetica;
                color: #825751;
                line-height: 14px;
                width: 100%;
                height: 30px;
                margin: 12px -13px;
                -webkit-transform: scale(.9);
                transform: scale(.9)
            }

            #annual-statement-dialog .contentBox .contentInner .textBox .step1 {
                display: none
            }

                #annual-statement-dialog .contentBox .contentInner .textBox .step1 .title {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    margin: 22px 0 15px 20px
                }

                    #annual-statement-dialog .contentBox .contentInner .textBox .step1 .title img {
                        width: 60px !important
                    }

                    #annual-statement-dialog .contentBox .contentInner .textBox .step1 .title .commonSpan {
                        font-size: 28px;
                        margin-left: 10px;
                        display: inline-block;
                        line-height: 35px
                    }

                #annual-statement-dialog .contentBox .contentInner .textBox .step1 .commonP {
                    color: #4a0900;
                    font-size: 16px;
                    margin: 0 0 14px 22px;
                    letter-spacing: .5px
                }

            #annual-statement-dialog .contentBox .contentInner .textBox .step2 {
                display: none;
                width: 610px;
                margin: -23px auto;
                position: relative;
                height: 152px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/annualStatementDialog/images/bg2.png) no-repeat;
                background-size: 100% 100%
            }

                #annual-statement-dialog .contentBox .contentInner .textBox .step2 .commonP {
                    margin: 0 0 14px 12px;
                    font-size: 14px
                }

                    #annual-statement-dialog .contentBox .contentInner .textBox .step2 .commonP .commonSpan {
                        color: #e03600
                    }

            #annual-statement-dialog .contentBox .contentInner .textBox .step3 {
                display: none
            }

                #annual-statement-dialog .contentBox .contentInner .textBox .step3 .step3box {
                    width: 610px;
                    position: relative;
                    height: 189px;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/annualStatementDialog/images/bg3.png) no-repeat;
                    background-size: 100% 100%;
                    margin: 12px auto
                }

                    #annual-statement-dialog .contentBox .contentInner .textBox .step3 .step3box .commonP {
                        margin: 0 0 15px 12px;
                        font-size: 14px
                    }

                        #annual-statement-dialog .contentBox .contentInner .textBox .step3 .step3box .commonP .commonSpan {
                            font-size: 20px
                        }

                    #annual-statement-dialog .contentBox .contentInner .textBox .step3 .step3box .tips {
                        margin-top: 18px
                    }

            #annual-statement-dialog .contentBox .contentInner .textBox .step4 {
                margin-top: 10px
            }

                #annual-statement-dialog .contentBox .contentInner .textBox .step4 .commonP {
                    margin: 0 0 14px 22px;
                    font-size: 16px;
                    font-weight: 600
                }

                #annual-statement-dialog .contentBox .contentInner .textBox .step4 .giftImg {
                    position: absolute;
                    width: 45px;
                    margin-top: -21px
                }

                #annual-statement-dialog .contentBox .contentInner .textBox .step4 .tips {
                    margin-top: 10px;
                    font-weight: 600
                }

        #annual-statement-dialog .contentBox .contentInner .btnBox {
            position: absolute;
            bottom: 18px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            left: 113px;
            left: 20px\9
        }

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    #annual-statement-dialog .contentBox .contentInner .btnBox {
        left: 20px
    }
}

#annual-statement-dialog .contentBox .contentInner .btnBox .commonBtn {
    position: relative;
    bottom: 0;
    left: unset;
    width: 216px;
    height: 58px
}

    #annual-statement-dialog .contentBox .contentInner .btnBox .commonBtn span {
        top: 5px;
        font-size: 22px
    }

    #annual-statement-dialog .contentBox .contentInner .btnBox .commonBtn + .commonBtn {
        margin-left: 36px
    }

.ani1 {
    -webkit-animation: animates 1s ease-in-out 0s;
    animation: animates 1s ease-in-out 0s
}

.ani2 {
    -webkit-animation: animates2 3.3s ease-in-out 0s;
    animation: animates2 3.3s ease-in-out 0s
}

.ani3 {
    -webkit-animation: animates3 5.5s ease-in-out 0s;
    animation: animates3 5.5s ease-in-out 0s
}

@-webkit-keyframes animates {
    0% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

@keyframes animates {
    0% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

@-webkit-keyframes animates2 {
    0%,60.06% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

@keyframes animates2 {
    0%,60.06% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

@-webkit-keyframes animates3 {
    0%,81% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

@keyframes animates3 {
    0%,81% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

.mb5 {
    margin-bottom: 5px
}

.lcsc-tools.layout-tools {
    position: fixed;
    bottom: 102px;
    right: 0;
    z-index: 8888;
    width: 64px;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .lcsc-tools.layout-tools.hide {
        display: none
    }

    .lcsc-tools.layout-tools.tool-hide {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .lcsc-tools.layout-tools .red-package {
        display: inline-block;
        width: 66px;
        height: 66px;
        background: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/xrfl.gif) 100% 100% no-repeat;
        background-size: cover;
        margin-bottom: 9px
    }

    .lcsc-tools.layout-tools .tjfl {
        display: inline-block;
        width: 66px;
        height: 66px;
        background: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/yqyl.gif) 100% 100% no-repeat;
        background-size: cover;
        margin-bottom: 9px
    }

    .lcsc-tools.layout-tools .right-utils-show-btn {
        position: absolute;
        bottom: 42px;
        right: 5px;
        box-sizing: border-box;
        width: 55px;
        height: 37px;
        border-radius: 2px;
        text-align: center;
        line-height: 37px;
        border: 1px solid #dfdfdf;
        color: #666;
        font-size: 12px;
        background-color: #fff;
        cursor: pointer
    }

        .lcsc-tools.layout-tools .right-utils-show-btn .right-utils-item-icon {
            margin: 0 auto 4px;
            display: block;
            width: 11px;
            height: 10px;
            background: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/righ_utils_icon_new.png) 50% no-repeat
        }

    .lcsc-tools.layout-tools .right-utils-item {
        position: relative;
        padding: 5px 6px 9px 7px;
        display: block;
        box-sizing: border-box;
        width: 64px;
        height: 61px;
        background-color: #fff;
        cursor: pointer
    }

        .lcsc-tools.layout-tools .right-utils-item:nth-last-child(2) {
            border-radius: 0 0 0 8px
        }

        .lcsc-tools.layout-tools .right-utils-item:hover {
            border-color: #dfdfdf;
            background-color: #199de9
        }

            .lcsc-tools.layout-tools .right-utils-item:hover .right-utils-item-panel {
                visibility: visible;
                -webkit-transition: all .5s;
                transition: all .5s;
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            .lcsc-tools.layout-tools .right-utils-item:hover .right-utils-item-text {
                color: #fff
            }

        .lcsc-tools.layout-tools .right-utils-item .border-ccc {
            display: block;
            height: 1px;
            margin-bottom: 8px;
            background: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/border_img.png) no-repeat;
            width: 126px
        }

        .lcsc-tools.layout-tools .right-utils-item .arrow-wrap {
            width: 126px
        }

            .lcsc-tools.layout-tools .right-utils-item .arrow-wrap .arrow-down {
                display: block;
                width: 12px;
                height: 8px;
                margin: 0 auto;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/arrow-down-grey.svg);
                cursor: pointer
            }

                .lcsc-tools.layout-tools .right-utils-item .arrow-wrap .arrow-down:hover {
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/arrow-down-blue.svg)
                }

        .lcsc-tools.layout-tools .right-utils-item .right-utils-item-icon {
            margin: 0 auto;
            display: block;
            width: 30px;
            height: 31px;
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/righ_utils_icon_new.png);
            background-repeat: no-repeat;
            background-position: 50%
        }

        .lcsc-tools.layout-tools .right-utils-item .right-utils-item-text {
            display: block;
            text-align: center;
            color: #333
        }

        .lcsc-tools.layout-tools .right-utils-item .right-utils-item-panel {
            visibility: hidden;
            box-sizing: border-box;
            position: absolute;
            top: -1px;
            right: 78px;
            z-index: 1;
            width: 155px;
            border: 1px solid #e3e3e3;
            background: #fff;
            -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
            cursor: default;
            box-shadow: 5px 4px 8px 0 rgba(1,66,104,.17);
            border-radius: 8px
        }

            .lcsc-tools.layout-tools .right-utils-item .right-utils-item-panel .white-box {
                width: 70px;
                height: 100%;
                position: absolute;
                top: 0;
                right: -41px;
                background: transparent
            }

            .lcsc-tools.layout-tools .right-utils-item .right-utils-item-panel .arrows {
                position: absolute;
                top: 20px;
                right: -5px;
                width: 6px;
                height: 9px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/rightUtils20180907_new.png) no-repeat -220px 0
            }

    .lcsc-tools.layout-tools .right-utils-item-kf {
        border: 1px solid #dfdfdf
    }

        .lcsc-tools.layout-tools .right-utils-item-kf .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/kf.svg);
            background-repeat: no-repeat
        }

        .lcsc-tools.layout-tools .right-utils-item-kf:hover .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/kf-hover.svg)
        }

        .lcsc-tools.layout-tools .right-utils-item-kf .right-utils-item-panel {
            padding: 17px 10px;
            width: 155px
        }

            .lcsc-tools.layout-tools .right-utils-item-kf .right-utils-item-panel h4 {
                font-weight: 700;
                padding-bottom: 8px;
                font-size: 12px;
                color: #333
            }

            .lcsc-tools.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel h4 {
                line-height: 12px;
                font-size: 12px
            }

            .lcsc-tools.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item .kf-panel-item-icon {
                height: 13px;
                width: 18px;
                float: left;
                margin-top: 4px;
                background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/side-tel.svg);
                background-position: 0 0;
                background-repeat: no-repeat
            }

            .lcsc-tools.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-fwsj {
                margin-top: 5px;
                margin-bottom: 24px;
                color: #333;
                font-size: 12px;
                line-height: 12px
            }

                .lcsc-tools.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-fwsj p:first-of-type {
                    margin-bottom: 10px
                }

                .lcsc-tools.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-fwsj .kf-panel-item-icon {
                    background-position-x: -116px
                }

            .lcsc-tools.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-kfrx #kf-phone-p {
                margin-bottom: 20px;
                color: #333
            }

            .lcsc-tools.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-tsdh {
                margin-bottom: 0
            }

    .lcsc-tools.layout-tools #forKF {
        display: none;
        border: 1px solid #dfdfdf
    }

        .lcsc-tools.layout-tools #forKF .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/vip.svg);
            background-repeat: no-repeat
        }

        .lcsc-tools.layout-tools #forKF:hover .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/vip-hover.svg)
        }

    .lcsc-tools.layout-tools .right-utils-item-QQ {
        border-bottom: 1px solid #dfdfdf;
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf
    }

        .lcsc-tools.layout-tools .right-utils-item-QQ .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/qq.svg);
            background-repeat: no-repeat
        }

        .lcsc-tools.layout-tools .right-utils-item-QQ:hover .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/qq-hover.svg)
        }

    .lcsc-tools.layout-tools .right-utils-item-yhq {
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf
    }

        .lcsc-tools.layout-tools .right-utils-item-yhq .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/yhq.svg);
            background-repeat: no-repeat
        }

        .lcsc-tools.layout-tools .right-utils-item-yhq:hover .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/yhq-hover.svg)
        }

    .lcsc-tools.layout-tools .right-utils-item-yjwj {
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf
    }

        .lcsc-tools.layout-tools .right-utils-item-yjwj .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/yjwj.svg);
            background-repeat: no-repeat
        }

        .lcsc-tools.layout-tools .right-utils-item-yjwj:hover .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/yjwj-hover.svg)
        }

        .lcsc-tools.layout-tools .right-utils-item-yjwj .right-utils-item-panel {
            text-align: left;
            width: 284px;
            height: 116px;
            border: none;
            background: transparent;
            box-shadow: 0 0 0 0;
            right: 65px
        }

            .lcsc-tools.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content {
                background: transparent;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

                .lcsc-tools.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content > img {
                    width: 100%
                }

                .lcsc-tools.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips {
                    position: absolute;
                    right: 35px;
                    top: 20px
                }

                    .lcsc-tools.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips > span {
                        display: block
                    }

                    .lcsc-tools.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips .title {
                        font-size: 16px;
                        color: #199de9;
                        margin-bottom: 4px
                    }

                    .lcsc-tools.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips .tips {
                        font-size: 12px;
                        color: #666;
                        margin-bottom: 12px
                    }

                    .lcsc-tools.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips .btn {
                        width: 74px;
                        height: 24px;
                        line-height: 24px;
                        background: -webkit-linear-gradient(228deg,#36ccf6,#199de9);
                        background: linear-gradient(222deg,#36ccf6,#199de9);
                        border-radius: 12px;
                        font-size: 12px;
                        color: #fff;
                        cursor: pointer
                    }

        .lcsc-tools.layout-tools .right-utils-item-yjwj p {
            color: #fff
        }

    .lcsc-tools.layout-tools .right-utils-item-QR {
        border: 1px solid #dfdfdf;
        border-bottom: none;
        border-radius: 8px 0 0 0
    }

        .lcsc-tools.layout-tools .right-utils-item-QR .code-img-wrap {
            margin: auto;
            width: 120px
        }

        .lcsc-tools.layout-tools .right-utils-item-QR .code-tip-text1 {
            margin-top: 10px;
            margin-left: 11px;
            padding-bottom: 8px;
            width: 134px;
            line-height: 12px;
            font-size: 12px;
            font-weight: 700
        }

        .lcsc-tools.layout-tools .right-utils-item-QR .border-ccc {
            margin-left: 12px
        }

        .lcsc-tools.layout-tools .right-utils-item-QR .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/wx.svg);
            background-repeat: no-repeat
        }

        .lcsc-tools.layout-tools .right-utils-item-QR:hover .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/wx-hover.svg)
        }

        .lcsc-tools.layout-tools .right-utils-item-QR .right-utils-item-panel {
            width: 155px;
            height: 172px
        }

            .lcsc-tools.layout-tools .right-utils-item-QR .right-utils-item-panel .code-img {
                width: 120px;
                height: 120px
            }

    .lcsc-tools.layout-tools .right-utils-item-wx {
        border: 1px solid #dfdfdf;
        border-top: none
    }

        .lcsc-tools.layout-tools .right-utils-item-wx .item-content {
            padding: 15px 0
        }

        .lcsc-tools.layout-tools .right-utils-item-wx .code-tip-text1 {
            margin-bottom: 7px
        }

        .lcsc-tools.layout-tools .right-utils-item-wx .phone-number {
            color: #56070d;
            margin: 10px 0
        }

        .lcsc-tools.layout-tools .right-utils-item-wx .description {
            color: #bab1b1;
            margin-bottom: 10px
        }

        .lcsc-tools.layout-tools .right-utils-item-wx .tips {
            color: #bab1b1;
            margin: 4px 0
        }

        .lcsc-tools.layout-tools .right-utils-item-wx .wd200 {
            width: 200px
        }

        .lcsc-tools.layout-tools .right-utils-item-wx .right-utils-item-icon {
            margin: 0 auto;
            display: block;
            width: 30px;
            height: 31px;
            background: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/xmt.svg) 50% no-repeat
        }

        .lcsc-tools.layout-tools .right-utils-item-wx:hover .right-utils-item-icon {
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/xmt-hover.svg)
        }

        .lcsc-tools.layout-tools .right-utils-item-wx .right-utils-item-panel {
            top: -115px;
            text-align: center
        }

            .lcsc-tools.layout-tools .right-utils-item-wx .right-utils-item-panel .arrows {
                top: 135px
            }

            .lcsc-tools.layout-tools .right-utils-item-wx .right-utils-item-panel .code-img {
                margin-left: 38px;
                width: 120px;
                height: 110px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/righ_utils_icon_tsyj_qrcode.png) no-repeat;
                background-size: cover
            }

            .lcsc-tools.layout-tools .right-utils-item-wx .right-utils-item-panel .mro-code-img {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/tools/images/mro_righ_utils_icon_new.jpg) no-repeat;
                background-size: 100% 100%
            }

            .lcsc-tools.layout-tools .right-utils-item-wx .right-utils-item-panel .code-tip-text {
                text-align: center;
                line-height: 12px
            }

    .lcsc-tools.layout-tools .right-utils-item-hdb {
        margin-top: 9px;
        width: 64px;
        padding: 0;
        height: 120px;
        background-color: transparent
    }

        .lcsc-tools.layout-tools .right-utils-item-hdb:hover {
            background-color: transparent
        }

        .lcsc-tools.layout-tools .right-utils-item-hdb li {
            width: 100%;
            height: 60px;
            background: #fff;
            border-left: 1px solid #dfdfdf
        }

            .lcsc-tools.layout-tools .right-utils-item-hdb li:first-of-type {
                border-top: 1px solid #dfdfdf;
                border-left: 1px solid #dfdfdf;
                border-radius: 8px 0 0 0
            }

            .lcsc-tools.layout-tools .right-utils-item-hdb li:last-of-type {
                border-bottom: 1px solid #dfdfdf;
                border-left: 1px solid #dfdfdf;
                border-radius: 0 0 0 8px
            }

            .lcsc-tools.layout-tools .right-utils-item-hdb li.ss {
                border-bottom: 1px solid #dfdfdf;
                border-radius: 8px 0 0 8px
            }

            .lcsc-tools.layout-tools .right-utils-item-hdb li.go-to-top {
                display: none
            }

            .lcsc-tools.layout-tools .right-utils-item-hdb li.show {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                justify-content: center
            }

            .lcsc-tools.layout-tools .right-utils-item-hdb li img {
                width: 26px;
                height: 26px;
                display: block
            }

                .lcsc-tools.layout-tools .right-utils-item-hdb li img.ran {
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg)
                }

                .lcsc-tools.layout-tools .right-utils-item-hdb li img.h {
                    display: none
                }

            .lcsc-tools.layout-tools .right-utils-item-hdb li p {
                font-size: 12px;
                color: #333;
                text-align: center;
                line-height: 1em;
                margin-top: 5px
            }

            .lcsc-tools.layout-tools .right-utils-item-hdb li:hover {
                background: #199de9
            }

                .lcsc-tools.layout-tools .right-utils-item-hdb li:hover p {
                    color: #fff
                }

                .lcsc-tools.layout-tools .right-utils-item-hdb li:hover img {
                    display: none
                }

                    .lcsc-tools.layout-tools .right-utils-item-hdb li:hover img.h {
                        display: block
                    }

            .lcsc-tools.layout-tools .right-utils-item-hdb li + li {
                border-top: 1px solid #f0f0f0
            }

    .lcsc-tools.layout-tools .bomCustomTop {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        border-top-left-radius: 8px !important
    }

.new-person-bottom-fixed {
    max-width: 3840px;
    width: 100%;
    height: 120px;
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 999999;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer
}

    .new-person-bottom-fixed .img {
        height: 100%;
        width: 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: auto 100%
    }

    .new-person-bottom-fixed .close {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 4px;
        width: 18px;
        height: 18px;
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/close_top.png) no-repeat;
        color: #dedede;
        font-size: 20px;
        cursor: pointer
    }

.animate {
    position: absolute;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: animate;
    animation-name: animate
}

@-webkit-keyframes animate {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes animate {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.red-package-gif {
    display: none;
    width: 1100px;
    height: 1200px;
    position: fixed;
    background: url(//static.szlcsc.com/ecp/assets/web/common/images/activity-fixed-bottom.gif) no-repeat;
    right: -500px;
    margin-top: -400px;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.little-tools {
    width: 32px;
    height: 110px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px 0 0 8px;
    border: 1px solid #f0f0f0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 80px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    cursor: pointer;
    z-index: 8888
}

    .little-tools.hide {
        display: none
    }

    .little-tools.little-tools-show {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .little-tools img {
        width: 24px;
        height: 24px;
        display: block;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

        .little-tools img.h {
            display: none
        }

    .little-tools span {
        word-break: break-all;
        width: 13px;
        margin-top: 3px
    }

    .little-tools:hover {
        background: #199de9
    }

        .little-tools:hover img {
            display: none
        }

            .little-tools:hover img.h {
                display: block
            }

        .little-tools:hover span {
            color: #fff
        }

.add-cart-modal, .sellAbroad-add-cart-modal {
    border: 4px solid #d9d9d9;
    position: fixed;
    left: 50%;
    top: 50%;
    background: #fff;
    padding: 0 0 20px;
    z-index: 100000;
    width: 660px;
    margin-left: -330px;
    margin-top: -190px
}

    .add-cart-modal .yellow, .sellAbroad-add-cart-modal .yellow {
        color: #ff7a01;
        font-size: 14px
    }

    .add-cart-modal .buy-num, .sellAbroad-add-cart-modal .buy-num {
        margin-top: 15px;
        position: relative
    }

    .add-cart-modal .item-tit-color, .sellAbroad-add-cart-modal .item-tit-color {
        color: #9a9a9a
    }

    .add-cart-modal .stock-flag, .sellAbroad-add-cart-modal .stock-flag {
        position: relative;
        display: inline-block;
        width: 14px;
        height: 14px;
        line-height: 14px;
        margin-left: 3px;
        margin-right: 20px;
        border-radius: 2px;
        text-align: center;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/gantanhao.svg) no-repeat;
        cursor: pointer;
        vertical-align: -2px
    }

        .add-cart-modal .stock-flag .pop-box, .sellAbroad-add-cart-modal .stock-flag .pop-box {
            position: absolute;
            top: 20px;
            left: -10px;
            min-width: 100px;
            padding: 9px;
            font-style: normal;
            box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
            border: 1px solid #e9e9e9
        }

            .add-cart-modal .stock-flag .pop-box .icon_tip_narrow, .sellAbroad-add-cart-modal .stock-flag .pop-box .icon_tip_narrow {
                position: absolute;
                left: 10px;
                top: -7px;
                width: 11px;
                height: 7px;
                background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px
            }

            .add-cart-modal .stock-flag .pop-box .tip-text, .sellAbroad-add-cart-modal .stock-flag .pop-box .tip-text {
                font-size: 12px;
                font-weight: 400;
                color: #666;
                text-align: left
            }

                .add-cart-modal .stock-flag .pop-box .tip-text .text, .sellAbroad-add-cart-modal .stock-flag .pop-box .tip-text .text {
                    height: 16px;
                    line-height: 16px;
                    white-space: nowrap
                }

                    .add-cart-modal .stock-flag .pop-box .tip-text .text .stock-num, .sellAbroad-add-cart-modal .stock-flag .pop-box .tip-text .text .stock-num {
                        color: #333;
                        font-weight: 700
                    }

    .add-cart-modal .modal-title, .sellAbroad-add-cart-modal .modal-title {
        position: relative;
        height: 34px;
        line-height: 35px;
        text-indent: 15px;
        background: #f2f2f2;
        border-bottom: 1px solid #dedede;
        color: #444
    }

        .add-cart-modal .modal-title .left, .sellAbroad-add-cart-modal .modal-title .left {
            float: left;
            font-size: 14px
        }

        .add-cart-modal .modal-title .right, .sellAbroad-add-cart-modal .modal-title .right {
            float: right;
            display: block;
            margin-top: 10px;
            height: 20px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -286px -317px;
            padding: 2px 10px;
            cursor: pointer
        }

    .add-cart-modal .modal-content, .sellAbroad-add-cart-modal .modal-content {
        padding: 20px 28px 12px;
        overflow: visible !important
    }

        .add-cart-modal .modal-content .add-one, .sellAbroad-add-cart-modal .modal-content .add-one {
            background: #ff7800;
            width: 32px;
            height: 16px;
            border-radius: 8px;
            position: relative;
            left: 310px;
            top: -30px;
            color: #fff;
            text-align: center;
            line-height: 15px
        }

    .add-cart-modal .ul-left, .sellAbroad-add-cart-modal .ul-left {
        float: left;
        width: 246px
    }

        .add-cart-modal .ul-left li, .sellAbroad-add-cart-modal .ul-left li {
            margin-bottom: 18px;
            white-space: normal
        }

        .add-cart-modal .ul-left .li-name, .sellAbroad-add-cart-modal .ul-left .li-name {
            display: inline-block;
            vertical-align: top;
            width: 184px
        }

        .add-cart-modal .ul-left .icon-wrap, .sellAbroad-add-cart-modal .ul-left .icon-wrap {
            position: relative;
            display: inline-block;
            vertical-align: text-bottom;
            margin-left: 5px;
            width: 20px;
            height: 20px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/cart_icon.png) no-repeat -350px -278px
        }

    .add-cart-modal .ul-right, .sellAbroad-add-cart-modal .ul-right {
        float: left;
        padding-left: 26px;
        width: 330px;
        border-left: 1px solid #e9e9e9
    }

        .add-cart-modal .ul-right .item-border, .sellAbroad-add-cart-modal .ul-right .item-border {
            text-align: center
        }

            .add-cart-modal .ul-right .item-border ul, .add-cart-modal .ul-right .item-border ul li, .sellAbroad-add-cart-modal .ul-right .item-border ul, .sellAbroad-add-cart-modal .ul-right .item-border ul li {
                width: 100%;
                text-align: center
            }

            .add-cart-modal .ul-right .item-border span, .sellAbroad-add-cart-modal .ul-right .item-border span {
                display: inline-block;
                width: 50%;
                box-sizing: border-box;
                text-align: left
            }

            .add-cart-modal .ul-right .item-border .span-1, .sellAbroad-add-cart-modal .ul-right .item-border .span-1 {
                text-align: right
            }

                .add-cart-modal .ul-right .item-border .span-1 .separator, .sellAbroad-add-cart-modal .ul-right .item-border .span-1 .separator {
                    margin: 0 5px;
                    font-weight: 400
                }

            .add-cart-modal .ul-right .item-border .span-2, .sellAbroad-add-cart-modal .ul-right .item-border .span-2 {
                color: #ff7b00
            }

        .add-cart-modal .ul-right .ul-right-l, .sellAbroad-add-cart-modal .ul-right .ul-right-l {
            float: left;
            width: 60px;
            color: #9a9a9a
        }

        .add-cart-modal .ul-right li .input, .sellAbroad-add-cart-modal .ul-right li .input {
            width: 63px
        }

        .add-cart-modal .ul-right ul, .sellAbroad-add-cart-modal .ul-right ul {
            float: left;
            margin-top: -5px
        }

            .add-cart-modal .ul-right ul li, .sellAbroad-add-cart-modal .ul-right ul li {
                height: 30px;
                line-height: 30px;
                width: 168px
            }

                .add-cart-modal .ul-right ul li.first, .sellAbroad-add-cart-modal .ul-right ul li.first {
                    border-top: none
                }

                .add-cart-modal .ul-right ul li .span-2, .sellAbroad-add-cart-modal .ul-right ul li .span-2 {
                    float: right
                }

        .add-cart-modal .ul-right .checkbox, .sellAbroad-add-cart-modal .ul-right .checkbox {
            vertical-align: text-bottom
        }

        .add-cart-modal .ul-right .icon-i, .sellAbroad-add-cart-modal .ul-right .icon-i {
            display: inline-block;
            vertical-align: text-bottom;
            width: 20px;
            height: 20px;
            background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/pay_icon.png) no-repeat 0 -40px
        }

    .add-cart-modal .common-btn, .sellAbroad-add-cart-modal .common-btn {
        margin-top: 10px;
        width: 93px;
        height: 33px;
        line-height: 33px;
        border-radius: 2px;
        border: none;
        color: #fff;
        background: #ff7a01;
        cursor: pointer
    }

.add-cart-modal-toast {
    z-index: 2;
    display: none;
    padding: 0 10px;
    position: absolute;
    top: -50px;
    left: 60px;
    height: 36px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #444;
    white-space: nowrap;
    border: 1px solid #cecbce;
    background: #fff;
    box-shadow: 0 0 1px 2px #eee
}

    .add-cart-modal-toast .icon {
        position: absolute;
        bottom: -10px;
        left: 30px;
        display: block;
        width: 11px;
        height: 10px;
        background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -276px -470px
    }

.page-link-page-util {
    margin-top: 20px
}

    .page-link-page-util .border-none {
        border: none
    }

    .page-link-page-util .bgccc {
        background-color: #ccc
    }

    .page-link-page-util .page-left {
        float: right
    }

        .page-link-page-util .page-left li {
            float: left;
            margin-right: 12px;
            height: 32px;
            line-height: 30px !important
        }

            .page-link-page-util .page-left li a, .page-link-page-util .page-left li span {
                padding: 0 8px;
                display: block;
                border: 1px solid #ccc
            }

                .page-link-page-util .page-left li a.active, .page-link-page-util .page-left li span.active {
                    color: #fff;
                    background: #0093e6;
                    border: 1px solid #0093e6
                }

    .page-link-page-util .page-right {
        float: right;
        height: 22px;
        line-height: 22px;
        margin-top: 4px
    }

        .page-link-page-util .page-right input {
            width: 20px;
            height: 22px;
            padding: 0 5px;
            border: 1px solid #ccc
        }

        .page-link-page-util .page-right .confirm-page {
            margin-left: 8px;
            width: 54px;
            height: 24px;
            line-height: 22px;
            background: #f3f3f5;
            cursor: pointer
        }

            .page-link-page-util .page-right .confirm-page:hover {
                color: #0093e6
            }

        .page-link-page-util .page-right .page-input {
            width: 30px;
            line-height: normal;
            box-sizing: content-box
        }

.catalog-warp {
    width: 302px;
    height: 100%;
    background: #fff;
    border-right: 1px solid #dedede;
    position: fixed;
    top: 0;
    left: -260px;
    z-index: 10000
}

    .catalog-warp .so-list-left-catalog {
        width: 252px;
        height: 100%;
        overflow-x: hidden;
        padding: 0 4px;
        font-size: 14px;
        float: left
    }

        .catalog-warp .so-list-left-catalog .list-side-li {
            margin-bottom: 5px
        }

        .catalog-warp .so-list-left-catalog .list-side-li-tit {
            box-sizing: border-box;
            padding: 0 12px 0 15px;
            height: 42px;
            line-height: 42px;
            border: 1px solid #e3e3e3
        }

            .catalog-warp .so-list-left-catalog .list-side-li-tit > a {
                display: inline-block;
                width: 90%;
                color: #444;
                text-overflow: ellipsis;
                word-break: break-all;
                white-space: nowrap;
                overflow: hidden
            }

                .catalog-warp .so-list-left-catalog .list-side-li-tit > a:hover {
                    color: #0093e6
                }

        .catalog-warp .so-list-left-catalog .list-side-li-tit-active {
            background: #e4e4e4;
            font-weight: 700
        }

        .catalog-warp .so-list-left-catalog .list-side-li-tit-icon {
            float: right;
            width: 16px;
            height: 16px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/notes.png) no-repeat 0 -23px;
            margin-top: 13px;
            cursor: pointer
        }

        .catalog-warp .so-list-left-catalog .list-side-li-tit-icon-close {
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/notes.png) no-repeat 0 -40px
        }

        .catalog-warp .so-list-left-catalog .list-side-li-tit-icon-active {
            float: right;
            width: 8px;
            height: 14px;
            background: url(/images/v_cn_3.0/list_item_icon20181217.png) no-repeat 0 -9px;
            margin-top: 14px;
            cursor: default
        }

        .catalog-warp .so-list-left-catalog .list-side-li-child {
            padding: 6px 12px 6px 15px;
            border: 1px solid #e3e3e3;
            border-top: none;
            display: none
        }

            .catalog-warp .so-list-left-catalog .list-side-li-child > a {
                display: block;
                height: 30px;
                line-height: 30px;
                text-overflow: ellipsis;
                word-break: break-all;
                white-space: nowrap;
                overflow: hidden
            }

        .catalog-warp .so-list-left-catalog .list-side-li-child-active {
            display: block;
            height: auto
        }

        .catalog-warp .so-list-left-catalog::-webkit-scrollbar {
            width: 10px;
            height: 1px
        }

        .catalog-warp .so-list-left-catalog::-webkit-scrollbar-thumb {
            border-radius: 10px;
            box-shadow: inset 0 0 5px rgba(0,0,0,.2);
            background: #999
        }

        .catalog-warp .so-list-left-catalog::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px rgba(0,0,0,.2);
            border-radius: 10px;
            background: #ededed
        }

    .catalog-warp .show-catalog {
        width: 42px;
        height: 100%;
        text-align: center;
        position: relative;
        float: right
    }

        .catalog-warp .show-catalog .show-btn {
            width: 22px;
            text-align: center;
            color: #999;
            font-size: 14px;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            cursor: pointer;
            -webkit-user-select: none;
            user-select: none
        }

            .catalog-warp .show-catalog .show-btn:hover {
                color: #0094e5
            }

        .catalog-warp .show-catalog .show-icon {
            display: block;
            width: 20px;
            height: 20px;
            margin-top: 4px;
            margin-left: 1px
        }

        .catalog-warp .show-catalog .show-icon-l {
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/catalog-k.svg) 50% no-repeat
        }

        .catalog-warp .show-catalog .show-icon-r {
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/catalog-s.svg) 50% no-repeat
        }

/*!
 * Viewer.js v1.10.5
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2022-04-05T08:21:00.150Z
 */
.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px
}

.viewer-zoom-in:before {
    background-position: 0 0;
    content: "Zoom In"
}

.viewer-zoom-out:before {
    background-position: -20px 0;
    content: "Zoom Out"
}

.viewer-one-to-one:before {
    background-position: -40px 0;
    content: "One to One"
}

.viewer-reset:before {
    background-position: -60px 0;
    content: "Reset"
}

.viewer-prev:before {
    background-position: -80px 0;
    content: "Previous"
}

.viewer-play:before {
    background-position: -100px 0;
    content: "Play"
}

.viewer-next:before {
    background-position: -120px 0;
    content: "Next"
}

.viewer-rotate-left:before {
    background-position: -140px 0;
    content: "Rotate Left"
}

.viewer-rotate-right:before {
    background-position: -160px 0;
    content: "Rotate Right"
}

.viewer-flip-horizontal:before {
    background-position: -180px 0;
    content: "Flip Horizontal"
}

.viewer-flip-vertical:before {
    background-position: -200px 0;
    content: "Flip Vertical"
}

.viewer-fullscreen:before {
    background-position: -220px 0;
    content: "Enter Full Screen"
}

.viewer-fullscreen-exit:before {
    background-position: -240px 0;
    content: "Exit Full Screen"
}

.viewer-close:before {
    background-position: -260px 0;
    content: "Close"
}

.viewer-container {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    bottom: 0;
    direction: ltr;
    font-size: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

    .viewer-container::selection, .viewer-container ::selection {
        background-color: transparent
    }

    .viewer-container:focus {
        outline: 0
    }

    .viewer-container img {
        display: block;
        height: auto;
        max-height: none !important;
        max-width: none !important;
        min-height: 0 !important;
        min-width: 0 !important;
        width: 100%
    }

.viewer-canvas {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

    .viewer-canvas > img {
        height: auto;
        margin: 15px auto;
        max-width: 90% !important;
        width: auto
    }

.viewer-footer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center
}

.viewer-navbar {
    background-color: rgba(0,0,0,.5);
    overflow: hidden
}

.viewer-list {
    box-sizing: content-box;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 1px 0
}

    .viewer-list > li {
        color: transparent;
        cursor: pointer;
        float: left;
        font-size: 0;
        height: 50px;
        line-height: 0;
        opacity: .5;
        overflow: hidden;
        -webkit-transition: opacity .15s;
        transition: opacity .15s;
        width: 30px
    }

        .viewer-list > li:focus, .viewer-list > li:hover {
            opacity: .75
        }

        .viewer-list > li:focus {
            outline: 0
        }

        .viewer-list > li + li {
            margin-left: 1px
        }

    .viewer-list > .viewer-loading {
        position: relative
    }

        .viewer-list > .viewer-loading:after {
            border-width: 2px;
            height: 20px;
            margin-left: -10px;
            margin-top: -10px;
            width: 20px
        }

    .viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover {
        opacity: 1
    }

.viewer-player {
    background-color: #000;
    bottom: 0;
    cursor: none;
    display: none;
    right: 0;
    z-index: 1
}

    .viewer-player, .viewer-player > img {
        left: 0;
        position: absolute;
        top: 0
    }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px
}

    .viewer-toolbar > ul > li {
        background-color: rgba(0,0,0,.5);
        border-radius: 50%;
        cursor: pointer;
        float: left;
        height: 24px;
        overflow: hidden;
        -webkit-transition: background-color .15s;
        transition: background-color .15s;
        width: 24px
    }

        .viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover {
            background-color: rgba(0,0,0,.8)
        }

        .viewer-toolbar > ul > li:focus {
            box-shadow: 0 0 3px #fff;
            outline: 0;
            position: relative;
            z-index: 1
        }

        .viewer-toolbar > ul > li:before {
            margin: 2px
        }

        .viewer-toolbar > ul > li + li {
            margin-left: 1px
        }

    .viewer-toolbar > ul > .viewer-small {
        height: 18px;
        margin-bottom: 3px;
        margin-top: 3px;
        width: 18px
    }

        .viewer-toolbar > ul > .viewer-small:before {
            margin: -1px
        }

    .viewer-toolbar > ul > .viewer-large {
        height: 30px;
        margin-bottom: -3px;
        margin-top: -3px;
        width: 30px
    }

        .viewer-toolbar > ul > .viewer-large:before {
            margin: 5px
        }

.viewer-tooltip {
    background-color: rgba(0,0,0,.8);
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin-left: -25px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px
}

.viewer-title {
    color: #ccc;
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 5% 5px;
    max-width: 90%;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    white-space: nowrap
}

    .viewer-title:hover {
        opacity: 1
    }

.viewer-button {
    -webkit-app-region: no-drag;
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: -40px;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    width: 80px
}

    .viewer-button:focus, .viewer-button:hover {
        background-color: rgba(0,0,0,.8)
    }

    .viewer-button:focus {
        box-shadow: 0 0 3px #fff;
        outline: 0
    }

    .viewer-button:before {
        bottom: 15px;
        left: 15px;
        position: absolute
    }

.viewer-fixed {
    position: fixed
}

.viewer-open {
    overflow: hidden
}

.viewer-show {
    display: block
}

.viewer-hide {
    display: none
}

.viewer-backdrop {
    background-color: rgba(0,0,0,.5)
}

.viewer-invisible {
    visibility: hidden
}

.viewer-move {
    cursor: move;
    cursor: grab
}

.viewer-fade {
    opacity: 0
}

.viewer-in {
    opacity: 1
}

.viewer-transition {
    -webkit-transition: all .3s;
    transition: all .3s
}

@-webkit-keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.viewer-loading:after {
    -webkit-animation: viewer-spinner 1s linear infinite;
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid hsla(0,0%,100%,.1);
    border-left-color: hsla(0,0%,100%,.5);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1
}

@media(max-width: 767px) {
    .viewer-hide-xs-down {
        display: none
    }
}

@media(max-width: 991px) {
    .viewer-hide-sm-down {
        display: none
    }
}

@media(max-width: 1199px) {
    .viewer-hide-md-down {
        display: none
    }
}

.cpt-loading-mask * {
    box-sizing: border-box
}

.cpt-loading-mask.column {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: 100;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    user-select: none
}

    .cpt-loading-mask.column .div-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 260px;
        background: rgba(0,0,0,.6);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        border-radius: 12px;
        padding: 16px
    }

        .cpt-loading-mask.column .div-loading .loading {
            position: relative;
            width: 60px;
            height: 60px;
            background: transparent;
            margin: 0 auto
        }

            .cpt-loading-mask.column .div-loading .loading.origin div {
                width: 80%;
                height: 80%;
                position: absolute;
                left: 10%;
                top: 10%;
                filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                opacity: 1;
                -webkit-animation: load 2.28s linear infinite;
                animation: load 2.28s linear infinite
            }

                .cpt-loading-mask.column .div-loading .loading.origin div span {
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: #fbc9b9;
                    position: absolute;
                    left: 50%;
                    margin-top: -10px;
                    margin-left: -10px
                }

                .cpt-loading-mask.column .div-loading .loading.origin div:first-child {
                    -webkit-animation-delay: .2s;
                    animation-delay: .2s
                }

                .cpt-loading-mask.column .div-loading .loading.origin div:nth-child(2) {
                    -webkit-animation-delay: .4s;
                    animation-delay: .4s
                }

                .cpt-loading-mask.column .div-loading .loading.origin div:nth-child(3) {
                    -webkit-animation-delay: .6s;
                    animation-delay: .6s
                }

                .cpt-loading-mask.column .div-loading .loading.origin div:nth-child(4) {
                    -webkit-animation-delay: .8s;
                    animation-delay: .8s
                }

                .cpt-loading-mask.column .div-loading .loading.origin div:nth-child(5) {
                    -webkit-animation-delay: 1s;
                    animation-delay: 1s
                }

            .cpt-loading-mask.column .div-loading .loading.pic {
                width: 80px;
                height: 80px
            }

                .cpt-loading-mask.column .div-loading .loading.pic img {
                    width: 100%;
                    height: 100%
                }

        .cpt-loading-mask.column .div-loading .loading-title {
            width: 100%;
            text-align: center;
            color: #fff;
            padding: 2px 0;
            font-size: 16px;
            margin-bottom: 20px;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .cpt-loading-mask.column .div-loading .loading-discription {
            width: 100%;
            text-align: center;
            color: #fff;
            font-size: 14px;
            margin-top: 20px
        }

.cpt-loading-mask.row {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: 100;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    user-select: none
}

    .cpt-loading-mask.row .div-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 260px;
        background: rgba(0,0,0,.6);
        display: -webkit-flex;
        display: -webkit-box;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        border-radius: 12px;
        padding: 15px
    }

        .cpt-loading-mask.row .div-loading .loading {
            position: relative;
            width: 60px;
            height: 60px;
            background: transparent;
            float: left
        }

            .cpt-loading-mask.row .div-loading .loading.origin div {
                width: 80%;
                height: 80%;
                position: absolute;
                left: 10%;
                top: 10%;
                filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                opacity: 1;
                -webkit-animation: load 2.28s linear infinite;
                animation: load 2.28s linear infinite
            }

                .cpt-loading-mask.row .div-loading .loading.origin div span {
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: #fbc9b9;
                    position: absolute;
                    left: 50%;
                    margin-top: -10px;
                    margin-left: -10px
                }

                .cpt-loading-mask.row .div-loading .loading.origin div:first-child {
                    -webkit-animation-delay: .2s;
                    animation-delay: .2s
                }

                .cpt-loading-mask.row .div-loading .loading.origin div:nth-child(2) {
                    -webkit-animation-delay: .4s;
                    animation-delay: .4s
                }

                .cpt-loading-mask.row .div-loading .loading.origin div:nth-child(3) {
                    -webkit-animation-delay: .6s;
                    animation-delay: .6s
                }

                .cpt-loading-mask.row .div-loading .loading.origin div:nth-child(4) {
                    -webkit-animation-delay: .8s;
                    animation-delay: .8s
                }

                .cpt-loading-mask.row .div-loading .loading.origin div:nth-child(5) {
                    -webkit-animation-delay: 1s;
                    animation-delay: 1s
                }

            .cpt-loading-mask.row .div-loading .loading.pic {
                width: 80px;
                height: 80px
            }

                .cpt-loading-mask.row .div-loading .loading.pic img {
                    width: 100%;
                    height: 100%
                }

        .cpt-loading-mask.row .div-loading .loading-title {
            width: 72%;
            text-align: center;
            color: #fff;
            font-size: 16px;
            padding: 2px 0 2px 20px;
            margin-bottom: 0;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .cpt-loading-mask.row .div-loading .loading-discription {
            display: none;
            width: 100%;
            text-align: center;
            color: #fff;
            font-size: 12px;
            margin-top: 20px
        }

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

@-webkit-keyframes fadeInNoTransform {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInNoTransform {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeInNoTransform {
    -webkit-animation-name: fadeInNoTransform;
    animation-name: fadeInNoTransform
}

@-webkit-keyframes fadeOutNoTransform {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOutNoTransform {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOutNoTransform {
    -webkit-animation-name: fadeOutNoTransform;
    animation-name: fadeOutNoTransform
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    10% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    50% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg)
    }

    62% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    65% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }

    90% {
        -webkit-transform: rotate(340deg);
        transform: rotate(340deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    10% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    50% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg)
    }

    62% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    65% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }

    90% {
        -webkit-transform: rotate(340deg);
        transform: rotate(340deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.page-confirm-customer-type {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    display: none
}

    .page-confirm-customer-type .mt2 {
        margin-top: 2px
    }

    .page-confirm-customer-type .line40 {
        margin-left: 15px;
        height: 40px;
        line-height: 40px
    }

    .page-confirm-customer-type .line-h40 {
        line-height: 40px
    }

    .page-confirm-customer-type .line-height-45 {
        line-height: 45px
    }

    .page-confirm-customer-type .line-height-36 {
        line-height: 36px
    }

    .page-confirm-customer-type .line-h15 {
        line-height: 15px
    }

    .page-confirm-customer-type .text-decoration-underline {
        text-decoration: underline
    }

    .page-confirm-customer-type .c0e83ce {
        color: #0e83ce
    }

    .page-confirm-customer-type .link-phone {
        width: 195px;
        height: 25px;
        line-height: 25px;
        border: none
    }

    .page-confirm-customer-type .confirm-customer-type-mask {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #777;
        opacity: .6;
        z-index: 9998
    }

    .page-confirm-customer-type .confirm-customer-content {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        overflow: auto;
        position: relative;
        z-index: 9999
    }

    .page-confirm-customer-type .confirm-customer-type-main {
        position: relative;
        z-index: 9999;
        margin: auto;
        width: 800px;
        height: 750px;
        background-color: #fff;
        border: 4px solid #d9d9d9
    }

        .page-confirm-customer-type .confirm-customer-type-main img {
            vertical-align: -4px
        }

        .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-title {
            position: relative;
            height: 34px;
            line-height: 34px;
            text-indent: 15px;
            border-bottom: 1px solid #dedede;
            font-size: 14px;
            font-weight: 700;
            color: #444;
            background: #f2f2f2
        }

        .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content {
            padding: 10px 15px
        }

            .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .m-slt {
                position: relative;
                padding: 10px 35px;
                border: 1px solid #ccc;
                font-size: 12px;
                cursor: pointer
            }

                .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .m-slt.cur {
                    border: 2px solid #0093e6
                }

            .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .sub-tit {
                font-size: 14px;
                font-weight: 700
            }

            .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .person-wrap .person-form {
                margin: 10px auto 0
            }

            .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .person-wrap table {
                margin-top: 10px;
                border: none
            }

                .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .person-wrap table .name-input {
                    width: 195px;
                    height: 25px;
                    line-height: 25px
                }

                .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .person-wrap table .icon-ok {
                    position: relative;
                    left: -15px
                }

                .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .person-wrap table .confirm-person-btn {
                    width: 113px;
                    height: 30px;
                    border: 1px solid #34aff5;
                    font-size: 14px;
                    color: #fff;
                    cursor: pointer;
                    background: #34aff5
                }

            .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .enterprise-wrap .enterprise-form {
                margin: 10px auto 0
            }

            .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .enterprise-wrap .enterprise-input {
                width: 195px;
                height: 25px;
                line-height: 25px
            }

            .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .enterprise-wrap .confirm-enterprise-btn {
                float: left;
                width: 113px;
                height: 30px;
                border: 1px solid #34aff5;
                color: #fff;
                font-size: 14px;
                cursor: pointer;
                background: #34aff5
            }

            .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .enterprise-wrap .upload-wrapper .upload-before {
                position: relative
            }

                .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .enterprise-wrap .upload-wrapper .upload-before .upload-btn {
                    width: 95px;
                    height: 28px;
                    text-align: center;
                    color: #ff7800;
                    background: #fff;
                    border-radius: 4px;
                    margin: 15px 0;
                    border: 1px solid #ff7800
                }

                .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .enterprise-wrap .upload-wrapper .upload-before .upload-file {
                    top: 0;
                    bottom: 0;
                    right: 0;
                    left: 0;
                    position: absolute;
                    opacity: 0;
                    outline: none;
                    font-size: 0;
                    width: 100px;
                    cursor: pointer
                }

            .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .enterprise-wrap .upload-wrapper .upload-after {
                display: none
            }

                .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .enterprise-wrap .upload-wrapper .upload-after .upload-btn {
                    color: #0093e6;
                    margin-left: 10px;
                    position: relative;
                    cursor: pointer
                }

                    .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .enterprise-wrap .upload-wrapper .upload-after .upload-btn .upload-file {
                        position: absolute;
                        top: 0;
                        opacity: 0;
                        bottom: 0;
                        right: 0;
                        width: 40px;
                        height: 30px;
                        cursor: pointer
                    }

                .page-confirm-customer-type .confirm-customer-type-main .confirm-customer-type-content .enterprise-wrap .upload-wrapper .upload-after .file-img {
                    width: 110px;
                    height: 110px;
                    border-radius: 4px;
                    border: 1px solid #f2f2f2;
                    object-fit: contain;
                    overflow: hidden
                }

    .page-confirm-customer-type .enterprise-modal {
        margin-top: -150px;
        margin-left: -254px;
        width: 500px
    }

        .page-confirm-customer-type .enterprise-modal .btn-wrapper {
            margin-top: 25px;
            text-align: center
        }

            .page-confirm-customer-type .enterprise-modal .btn-wrapper .blue-btn {
                height: 28px;
                width: 72px;
                border: none;
                border-radius: 2px;
                color: #fff;
                background: #0093e6
            }

    .page-confirm-customer-type .confirm-submit-btn {
        position: absolute;
        bottom: 25px;
        margin-left: -57px;
        left: 50%
    }

    .page-confirm-customer-type .dialog-reset-co-wrap {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        bottom: 0;
        right: 0
    }

        .page-confirm-customer-type .dialog-reset-co-wrap .dialog-reset-co-mask {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,.5)
        }

        .page-confirm-customer-type .dialog-reset-co-wrap .dialog-reset-co-main {
            z-index: 2;
            position: relative;
            margin: 30vh auto 0;
            width: 565px;
            height: 246px;
            background: #fff;
            border-radius: 5px
        }

            .page-confirm-customer-type .dialog-reset-co-wrap .dialog-reset-co-main .dialog-reset-co-title {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                height: 50px;
                padding: 0 20px;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                border-bottom: 1px solid #e8e8e8
            }

                .page-confirm-customer-type .dialog-reset-co-wrap .dialog-reset-co-main .dialog-reset-co-title p {
                    font-size: 16px;
                    color: #444
                }

                .page-confirm-customer-type .dialog-reset-co-wrap .dialog-reset-co-main .dialog-reset-co-title .close-dialog-reset-co {
                    cursor: pointer;
                    display: block;
                    width: 14px;
                    height: 14px;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -286px -317px
                }

            .page-confirm-customer-type .dialog-reset-co-wrap .dialog-reset-co-main .content {
                padding: 35px 20px 0
            }

                .page-confirm-customer-type .dialog-reset-co-wrap .dialog-reset-co-main .content p {
                    font-size: 14px;
                    color: #666;
                    line-height: 24px
                }

            .page-confirm-customer-type .dialog-reset-co-wrap .dialog-reset-co-main .dialog-reset-co-footer {
                position: absolute;
                bottom: 20px;
                width: 100%;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: end;
                -webkit-justify-content: flex-end;
                justify-content: flex-end;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

                .page-confirm-customer-type .dialog-reset-co-wrap .dialog-reset-co-main .dialog-reset-co-footer .btn {
                    cursor: pointer;
                    margin-right: 20px;
                    width: 110px;
                    height: 40px;
                    background: #f8f8f8;
                    border-radius: 5px;
                    border: 1px solid #dedede;
                    color: #444;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center
                }

                    .page-confirm-customer-type .dialog-reset-co-wrap .dialog-reset-co-main .dialog-reset-co-footer .btn:hover {
                        opacity: .9
                    }

                    .page-confirm-customer-type .dialog-reset-co-wrap .dialog-reset-co-main .dialog-reset-co-footer .btn.btn-blue {
                        background: #0093e6;
                        color: #fff
                    }

.coupon-main {
    display: none;
    width: 256px;
    height: 100vh;
    background: #fff;
    border-left: 1px solid #dedede;
    position: fixed;
    top: 0;
    right: -281px;
    z-index: 10000
}

    .coupon-main .coupon-top {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        height: 76px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 256px;
        background: #eafaff;
        position: relative
    }

        .coupon-main .coupon-top i {
            display: block;
            width: 34px;
            height: 31px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/coupon.png) no-repeat 50%;
            margin-right: 7px
        }

        .coupon-main .coupon-top h3 {
            font-size: 16px;
            color: #444
        }

        .coupon-main .coupon-top .close {
            width: 20px;
            height: 20px;
            position: absolute;
            top: 12px;
            right: 12px;
            color: #9e9e9e;
            cursor: pointer;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/X.png) no-repeat 50%
        }

    .coupon-main .coupon-tabs {
        width: 100%;
        box-sizing: border-box;
        height: 30px;
        border: 1px solid #199fe9;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }

        .coupon-main .coupon-tabs .title {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            font-size: 14px;
            cursor: pointer;
            color: #444
        }

            .coupon-main .coupon-tabs .title.active {
                background: #199fe9;
                color: #fff
            }

    .coupon-main .coupons {
        overflow-x: hidden;
        height: 100%;
        padding-bottom: 80px;
        box-sizing: border-box
    }

        .coupon-main .coupons::-webkit-scrollbar {
            width: 5px;
            height: 1px
        }

        .coupon-main .coupons::-webkit-scrollbar-thumb {
            border-radius: 5px;
            box-shadow: inset 0 0 5px rgba(0,0,0,.2);
            background: #999
        }

        .coupon-main .coupons::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px rgba(0,0,0,.2);
            border-radius: 10px;
            background: #ededed
        }

    .coupon-main #waitReceive {
        display: block
    }

    .coupon-main #receive {
        display: none
    }

    .coupon-main .coupon-area {
        width: 100%;
        overflow: hidden
    }

        .coupon-main .coupon-area .mar_bot {
            margin-bottom: 14px;
            overflow: hidden
        }

            .coupon-main .coupon-area .mar_bot .line {
                width: calc((100% - 81px)/2);
                height: 1px;
                background: #e9e9e9;
                margin-top: 9.5px;
                float: left
            }

            .coupon-main .coupon-area .mar_bot .title {
                width: 81px;
                text-align: center;
                font-size: 14px;
                color: #666;
                line-height: 20px;
                float: left
            }

        .coupon-main .coupon-area .coupon-box .coupon-item {
            position: relative;
            width: 192px;
            height: 140px;
            font-size: 12px;
            margin: 16px auto 0;
            box-sizing: border-box;
            padding: 0 12px;
            background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/bg.png);
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

            .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-btn {
                position: absolute;
                bottom: 12px;
                left: 50%;
                margin-left: -84px;
                box-sizing: border-box;
                width: 168px;
                height: 26px;
                text-align: center;
                background: #199fe9;
                font-size: 12px;
                font-weight: 400;
                color: #fff;
                line-height: 26px;
                cursor: pointer;
                border-radius: 3.52px
            }

            .coupon-main .coupon-area .coupon-box .coupon-item .over-btn {
                cursor: default
            }

            .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-top-title {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                flex-direction: column
            }

                .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-top-title .coupon-item-con-desc {
                    margin-top: 8px;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center
                }

                    .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-top-title .coupon-item-con-desc .icon {
                        font-weight: 700;
                        font-size: 14px;
                        color: #0d567e
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-top-title .coupon-item-con-desc .money {
                        font-weight: 700;
                        font-size: 27px;
                        color: #0d567e;
                        line-height: 1
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-top-title .coupon-item-con-desc .express-free {
                        line-height: 1;
                        font-size: 24px;
                        font-weight: 700;
                        color: #0d567e
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-top-title .coupon-item-con-desc .disable-color {
                        color: #8897a0 !important
                    }

                .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-top-title .condition-brought {
                    margin-top: 4px;
                    line-height: 1
                }

                    .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-top-title .condition-brought .condition {
                        color: #0d567e
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-top-title .condition-brought .condition-disable {
                        color: #a5a5a6
                    }

            .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .brought {
                color: #666;
                margin-top: 2px
            }

                .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .brought.dis-color {
                    color: #999
                }

                .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .brought .coupon-item-tips {
                    float: right;
                    -webkit-filter: grayscale(1);
                    filter: grayscale(1)
                }

            .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .plus-btn {
                width: 71px;
                height: 22px;
                text-align: center;
                line-height: 22px;
                font-size: 12px;
                color: #fffb90;
                position: absolute;
                left: 7px;
                top: -2px
            }

                .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .plus-btn i {
                    display: block;
                    width: 71px;
                    height: 22px;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/plus.svg) 50% no-repeat
                }

                .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .plus-btn .plus-used {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/plus-used.svg) 50% no-repeat
                }

                .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .plus-btn span {
                    position: absolute;
                    left: 10px;
                    top: -1px
                }

            .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .colorf {
                color: #fff
            }

            .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-name {
                margin-top: 2px;
                line-height: 1
            }

                .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-name .ellipsis {
                    font-size: 12px;
                    color: #444
                }

                    .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con .coupon-item-name .ellipsis.dis-color {
                        color: #666
                    }

            .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-con h3 {
                max-width: 150px;
                font-size: 13px;
                font-weight: 700;
                color: #333;
                display: inline-block
            }

            .coupon-main .coupon-area .coupon-box .coupon-item.receive {
                background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/ylq.png)
            }

                .coupon-main .coupon-area .coupon-box .coupon-item.receive .coupon-item-btn {
                    background: -webkit-linear-gradient(left,#f4e6d6,#ffd9a8);
                    background: linear-gradient(90deg,#f4e6d6,#ffd9a8);
                    color: #444
                }

                .coupon-main .coupon-area .coupon-box .coupon-item.receive .coupon-item-con .coupon-item-top-title .express-free, .coupon-main .coupon-area .coupon-box .coupon-item.receive .coupon-item-con .coupon-item-top-title .icon, .coupon-main .coupon-area .coupon-box .coupon-item.receive .coupon-item-con .coupon-item-top-title .money {
                    color: #fff
                }

                .coupon-main .coupon-area .coupon-box .coupon-item.receive .coupon-item-con .coupon-item-top-title .condition, .coupon-main .coupon-area .coupon-box .coupon-item.receive .coupon-item-con .coupon-item-top-title .condition-brought {
                    color: #e6f6ff
                }

                .coupon-main .coupon-area .coupon-box .coupon-item.receive .coupon-item-con .coupon-item-name .ellipsis {
                    color: #fff
                }

                .coupon-main .coupon-area .coupon-box .coupon-item.receive .coupon-item-con .brought {
                    color: #d8f1ff
                }

            .coupon-main .coupon-area .coupon-box .coupon-item.used {
                background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/bklq.png)
            }

                .coupon-main .coupon-area .coupon-box .coupon-item.used .coupon-item-btn {
                    background: #b0d1ed;
                    color: #fff
                }

                .coupon-main .coupon-area .coupon-box .coupon-item.used .coupon-item-con .coupon-item-name .ellipsis {
                    color: #666
                }

            .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus {
                background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/plusbg.png);
                background-size: 192px 140px
            }

                .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus .coupon-item-con .brought {
                    margin-left: 68px
                }

                .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus .coupon-item-btn {
                    background: #61679e
                }

                .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.receive {
                    background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/plusylq.png)
                }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.receive .coupon-item-btn {
                        background: -webkit-linear-gradient(left,#f4e6d6,#ffd9a8);
                        background: linear-gradient(90deg,#f4e6d6,#ffd9a8);
                        color: #444
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.receive .coupon-item-con .coupon-item-top-title .condition, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.receive .coupon-item-con .coupon-item-top-title .condition-brought, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.receive .coupon-item-con .coupon-item-top-title .express-free, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.receive .coupon-item-con .coupon-item-top-title .icon, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.receive .coupon-item-con .coupon-item-top-title .money {
                        color: #ffefd8
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.receive .coupon-item-con .coupon-item-name .ellipsis {
                        color: #fff
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.receive .coupon-item-con .brought {
                        color: #ffd49f
                    }

                .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.used {
                    background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/plusbklq.png)
                }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.used .coupon-item-btn {
                        background: #b3c2e1
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.used .coupon-item-con .coupon-item-top-title .coupon-item-con-desc .icon, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-plus.used .coupon-item-con .coupon-item-top-title .coupon-item-con-desc .money {
                        color: #8897a0
                    }

            .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro {
                background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/mrobg.svg);
                background-size: 100% 100%
            }

                .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro .coupon-item-top-title .condition-brought .condition, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro .coupon-item-top-title .coupon-item-con-desc .express-free, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro .coupon-item-top-title .coupon-item-con-desc .icon, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro .coupon-item-top-title .coupon-item-con-desc .money {
                    color: #527cf0
                }

                .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro .coupon-item-btn {
                    background: #567eeb
                }

                .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.receive {
                    background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/mroylq.svg)
                }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.receive .coupon-item-btn {
                        background: -webkit-linear-gradient(left,#f4e6d6,#ffd9a8);
                        background: linear-gradient(90deg,#f4e6d6,#ffd9a8);
                        color: #444
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.receive .coupon-item-con .coupon-item-name .ellipsis, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.receive .coupon-item-con .coupon-item-top-title .condition, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.receive .coupon-item-con .coupon-item-top-title .condition-brought, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.receive .coupon-item-con .coupon-item-top-title .express-free, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.receive .coupon-item-con .coupon-item-top-title .icon, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.receive .coupon-item-con .coupon-item-top-title .money {
                        color: #fff
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.receive .coupon-item-con .brought {
                        color: #d8f1ff
                    }

                .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.used {
                    background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/mroused.svg)
                }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.used .coupon-item-btn {
                        background: #b7c5ed
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.used .coupon-item-con .coupon-item-top-title .coupon-item-con-desc .icon, .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.used .coupon-item-con .coupon-item-top-title .coupon-item-con-desc .money {
                        color: #8897a0
                    }

                    .coupon-main .coupon-area .coupon-box .coupon-item.coupon-item-mro.used .coupon-item-con .coupon-item-top-title .coupon-item-con-desc .disable-color {
                        color: #b7c5ed !important
                    }

            .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-tag {
                position: absolute;
                width: 73px;
                height: 64px;
                top: 1px;
                right: 1px;
                background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/coupon/tag.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

                .coupon-main .coupon-area .coupon-box .coupon-item .coupon-item-tag span {
                    -webkit-transform: rotate(40deg);
                    transform: rotate(40deg);
                    display: block;
                    position: relative;
                    top: -8px;
                    right: -10px;
                    font-size: 12px;
                    color: #fff
                }

    .coupon-main .plus-area .mar_bot .line {
        width: calc((100% - 138px)/2)
    }

    .coupon-main .plus-area .mar_bot .title {
        width: 138px
    }

    .coupon-main .coupon-area:last-child {
        margin-bottom: 55px
    }

    .coupon-main .freight-money-icon {
        position: relative;
        display: inline-block;
        width: 14px;
        height: 14px;
        line-height: 14px;
        border-radius: 2px;
        text-align: center;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/help.svg) no-repeat;
        cursor: pointer;
        vertical-align: 2px;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        z-index: 1
    }

        .coupon-main .freight-money-icon .pop-box {
            position: absolute;
            top: 25px;
            left: -32px;
            min-width: 100px;
            padding: 9px;
            font-style: normal;
            box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
            border: 1px solid #e9e9e9
        }

            .coupon-main .freight-money-icon .pop-box .icon_tip_narrow {
                position: absolute;
                left: 32px;
                top: -7px;
                width: 11px;
                height: 7px;
                background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px
            }

            .coupon-main .freight-money-icon .pop-box .tip-text {
                font-size: 12px;
                font-weight: 400;
                color: #666;
                text-align: left
            }

                .coupon-main .freight-money-icon .pop-box .tip-text .text {
                    height: 16px;
                    line-height: 16px;
                    white-space: nowrap
                }

                    .coupon-main .freight-money-icon .pop-box .tip-text .text .freight-money {
                        color: #333;
                        font-weight: 700
                    }

#plus-coupon-contain .plus-main {
    display: none;
    width: 281px;
    height: 100vh;
    background: #fff;
    border-left: 1px solid #dedede;
    position: fixed;
    top: 0;
    right: -281px;
    z-index: 10001;
    overflow-x: hidden
}

    #plus-coupon-contain .plus-main .plus-top {
        width: 100%;
        padding: 20px;
        position: relative
    }

        #plus-coupon-contain .plus-main .plus-top h3 {
            font-size: 16px;
            color: #666
        }

        #plus-coupon-contain .plus-main .plus-top .close {
            width: 14px;
            height: 14px;
            position: absolute;
            top: 24px;
            right: 50px;
            color: #9e9e9e;
            cursor: pointer;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -286px -317px
        }

    #plus-coupon-contain .plus-main .line {
        width: 100%;
        height: 1px;
        background: #e9e9e9
    }

    #plus-coupon-contain .plus-main .plus-contain {
        position: relative;
        height: 100%
    }

    #plus-coupon-contain .plus-main .plus-warp {
        overflow-x: hidden;
        position: absolute;
        left: 0;
        top: 0
    }

        #plus-coupon-contain .plus-main .plus-warp .plus-box {
            width: 281px;
            float: left;
            padding-bottom: 26px
        }

        #plus-coupon-contain .plus-main .plus-warp .plus-row {
            padding: 20px
        }

            #plus-coupon-contain .plus-main .plus-warp .plus-row .change-title {
                font-size: 14px;
                color: #444;
                line-height: 19px;
                float: left;
                letter-spacing: .78px
            }

            #plus-coupon-contain .plus-main .plus-warp .plus-row .btn-page {
                float: right;
                font-size: 14px;
                color: #999;
                letter-spacing: .2px
            }

                #plus-coupon-contain .plus-main .plus-warp .plus-row .btn-page span {
                    cursor: default
                }

                    #plus-coupon-contain .plus-main .plus-warp .plus-row .btn-page span:first-child, #plus-coupon-contain .plus-main .plus-warp .plus-row .btn-page span:last-child {
                        cursor: pointer
                    }

                #plus-coupon-contain .plus-main .plus-warp .plus-row .btn-page .page {
                    width: 20px;
                    line-height: 20px;
                    text-align: center;
                    display: inline-block;
                    font-weight: 700
                }

                    #plus-coupon-contain .plus-main .plus-warp .plus-row .btn-page .page:hover {
                        border-radius: 10px;
                        background: #e6eff4;
                        color: #0093e6
                    }

                #plus-coupon-contain .plus-main .plus-warp .plus-row .btn-page .cur-page {
                    color: #0093e6
                }

        #plus-coupon-contain .plus-main .plus-warp .cur-product {
            width: 248px;
            height: 95px;
            border: 1px solid #e9e9e9;
            margin: 16px auto
        }

            #plus-coupon-contain .plus-main .plus-warp .cur-product ul {
                width: 100%;
                height: 100%;
                padding: 6px;
                overflow: hidden
            }

                #plus-coupon-contain .plus-main .plus-warp .cur-product ul li {
                    float: left
                }

                    #plus-coupon-contain .plus-main .plus-warp .cur-product ul li:first-child {
                        width: 83px;
                        height: 83px
                    }

                        #plus-coupon-contain .plus-main .plus-warp .cur-product ul li:first-child a, #plus-coupon-contain .plus-main .plus-warp .cur-product ul li:first-child img {
                            display: block;
                            width: 100%;
                            height: 100%
                        }

                    #plus-coupon-contain .plus-main .plus-warp .cur-product ul li:last-child {
                        margin-left: 6px
                    }

                        #plus-coupon-contain .plus-main .plus-warp .cur-product ul li:last-child div {
                            width: 145px;
                            font-size: 12px;
                            color: #999;
                            line-height: 17px;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            white-space: nowrap
                        }

                            #plus-coupon-contain .plus-main .plus-warp .cur-product ul li:last-child div a.pName {
                                color: #0093e6
                            }

                        #plus-coupon-contain .plus-main .plus-warp .cur-product ul li:last-child span {
                            color: #444
                        }

        #plus-coupon-contain .plus-main .plus-warp .tz-box button {
            display: block;
            width: 149px;
            height: 20px;
            background: #fff;
            border: 1px solid #e9e9e9;
            margin: 0 auto
        }

            #plus-coupon-contain .plus-main .plus-warp .tz-box button i {
                display: block;
                width: 18px;
                height: 10px;
                margin: 0 auto
            }

                #plus-coupon-contain .plus-main .plus-warp .tz-box button i.i-t {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/plus/s.svg) 50% no-repeat
                }

                #plus-coupon-contain .plus-main .plus-warp .tz-box button i.i-b {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/plus/x.svg) 50% no-repeat
                }

            #plus-coupon-contain .plus-main .plus-warp .tz-box button:hover {
                background: #e9e9e9
            }

                #plus-coupon-contain .plus-main .plus-warp .tz-box button:hover i.i-t {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/plus/sh.svg) 50% no-repeat
                }

                #plus-coupon-contain .plus-main .plus-warp .tz-box button:hover i.i-b {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/plus/xh.svg) 50% no-repeat
                }

        #plus-coupon-contain .plus-main .plus-warp .tz-box .tz-warp {
            width: 248px;
            border: 1px solid #e9e9e9;
            margin: 15px auto;
            overflow: hidden;
            position: relative
        }

            #plus-coupon-contain .plus-main .plus-warp .tz-box .tz-warp .tz-contain {
                width: 248px;
                position: absolute;
                left: 0;
                top: 0
            }

                #plus-coupon-contain .plus-main .plus-warp .tz-box .tz-warp .tz-contain ul {
                    width: 100%;
                    height: 95px;
                    padding: 6px;
                    margin-top: 9px;
                    overflow: hidden
                }

                    #plus-coupon-contain .plus-main .plus-warp .tz-box .tz-warp .tz-contain ul li {
                        float: left
                    }

                        #plus-coupon-contain .plus-main .plus-warp .tz-box .tz-warp .tz-contain ul li:first-child {
                            width: 83px;
                            height: 83px
                        }

                            #plus-coupon-contain .plus-main .plus-warp .tz-box .tz-warp .tz-contain ul li:first-child a, #plus-coupon-contain .plus-main .plus-warp .tz-box .tz-warp .tz-contain ul li:first-child img {
                                display: block;
                                width: 100%;
                                height: 100%
                            }

                        #plus-coupon-contain .plus-main .plus-warp .tz-box .tz-warp .tz-contain ul li:last-child {
                            margin-left: 6px
                        }

                            #plus-coupon-contain .plus-main .plus-warp .tz-box .tz-warp .tz-contain ul li:last-child div {
                                width: 145px;
                                font-size: 12px;
                                color: #999;
                                line-height: 17px;
                                text-overflow: ellipsis;
                                overflow: hidden;
                                white-space: nowrap
                            }

                                #plus-coupon-contain .plus-main .plus-warp .tz-box .tz-warp .tz-contain ul li:last-child div a.pName {
                                    color: #0093e6
                                }

                            #plus-coupon-contain .plus-main .plus-warp .tz-box .tz-warp .tz-contain ul li:last-child span {
                                color: #444
                            }

        #plus-coupon-contain .plus-main .plus-warp i.add {
            display: block;
            width: 27px;
            height: 27px;
            margin: 15px auto;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/plus/add.svg) 50% no-repeat
        }

        #plus-coupon-contain .plus-main .plus-warp i.equal {
            display: block;
            width: 15px;
            height: 23px;
            margin: 15px auto;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/plus/equal.svg) 50% no-repeat
        }

        #plus-coupon-contain .plus-main .plus-warp .tz-price {
            text-align: center;
            margin-bottom: 5px;
            color: #999
        }

            #plus-coupon-contain .plus-main .plus-warp .tz-price span {
                font-size: 18px;
                font-weight: 700;
                color: #ff7800
            }

        #plus-coupon-contain .plus-main .plus-warp .original-price {
            text-align: center;
            margin-bottom: 5px;
            color: #999
        }

            #plus-coupon-contain .plus-main .plus-warp .original-price span {
                color: #666
            }

        #plus-coupon-contain .plus-main .plus-warp .tz-num {
            text-align: center;
            margin-bottom: 8px;
            color: #999;
            position: relative
        }

            #plus-coupon-contain .plus-main .plus-warp .tz-num .tz-input {
                width: 80px;
                height: 20px;
                font-size: 12px
            }

        #plus-coupon-contain .plus-main .plus-warp .add-cart {
            margin-bottom: 4px;
            position: relative;
            text-align: center
        }

            #plus-coupon-contain .plus-main .plus-warp .add-cart button {
                display: inline-block;
                width: 92px;
                height: 33px;
                border: none;
                border-radius: 2px;
                background: #ff7800;
                color: #fff;
                margin: 0 auto
            }

            #plus-coupon-contain .plus-main .plus-warp .add-cart i {
                display: inline-block;
                width: 16px;
                height: 16px;
                cursor: pointer;
                vertical-align: middle;
                margin-left: 20px
            }

                #plus-coupon-contain .plus-main .plus-warp .add-cart i.tip {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/gantanhao.svg) 50% no-repeat;
                    position: relative
                }

                    #plus-coupon-contain .plus-main .plus-warp .add-cart i.tip:hover + .tip-flag {
                        display: block
                    }

            #plus-coupon-contain .plus-main .plus-warp .add-cart .tip-flag {
                position: absolute;
                right: 115px;
                top: -30px;
                width: auto;
                height: auto;
                padding: 10px;
                background: #fff;
                box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
                border: 1px solid #eaeaea;
                text-align: left;
                display: none;
                z-index: 5
            }

                #plus-coupon-contain .plus-main .plus-warp .add-cart .tip-flag s {
                    position: absolute;
                    top: 40px;
                    right: -14px;
                    display: block;
                    height: 0;
                    width: 0;
                    border: 6px dashed transparent;
                    border-bottom: 6px solid #c8c8c8;
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg)
                }

                #plus-coupon-contain .plus-main .plus-warp .add-cart .tip-flag i {
                    position: absolute;
                    top: -9px;
                    left: -30px;
                    display: block;
                    height: 0;
                    width: 0;
                    border: 10px dashed transparent;
                    border-bottom: 10px solid #fff
                }

        #plus-coupon-contain .plus-main .plus-warp .tz-tip {
            text-align: center
        }

            #plus-coupon-contain .plus-main .plus-warp .tz-tip i {
                display: inline-block;
                vertical-align: bottom;
                margin-right: 6px;
                width: 20px;
                height: 20px
            }

                #plus-coupon-contain .plus-main .plus-warp .tz-tip i.tz-success {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/gg.svg) 50% no-repeat
                }

                #plus-coupon-contain .plus-main .plus-warp .tz-tip i.tz-max-num {
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/warn.svg) 50% no-repeat
                }

            #plus-coupon-contain .plus-main .plus-warp .tz-tip .l9h {
                line-height: 19px
            }

        #plus-coupon-contain .plus-main .plus-warp .tz-add-cart-tip, #plus-coupon-contain .plus-main .plus-warp .tz-max-tip {
            display: none
        }

    #plus-coupon-contain .plus-main .cFF7800 {
        color: #ff7800
    }

    #plus-coupon-contain .plus-main .c999 {
        color: #999
    }

    #plus-coupon-contain .plus-main .add-cart-modal-toast {
        z-index: 2;
        display: none;
        padding: 0 10px;
        position: absolute;
        top: -50px;
        left: 24px;
        height: 36px;
        line-height: 38px;
        text-align: center;
        font-size: 14px;
        color: #444;
        white-space: nowrap;
        border: 1px solid #cecbce;
        background: #fff;
        box-shadow: 0 0 1px 2px #eee
    }

        #plus-coupon-contain .plus-main .add-cart-modal-toast .icon {
            position: absolute;
            bottom: -10px;
            left: 30px;
            display: block;
            width: 11px;
            height: 10px;
            background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -276px -470px
        }

    #plus-coupon-contain .plus-main .user-select {
        -webkit-user-select: none;
        user-select: none
    }

    #plus-coupon-contain .plus-main .plus-box::-webkit-scrollbar {
        width: 10px;
        height: 1px
    }

    #plus-coupon-contain .plus-main .plus-box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        background: #999
    }

    #plus-coupon-contain .plus-main .plus-box::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        border-radius: 10px;
        background: #ededed
    }

.catalog-pagination {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .catalog-pagination, .catalog-pagination ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        justify-content: end
    }

        .catalog-pagination ul {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1
        }

            .catalog-pagination ul li {
                padding: 7px 9px;
                margin-right: 12px;
                border: 1px solid #ccc;
                cursor: pointer
            }

                .catalog-pagination ul li:hover a {
                    color: #0093e6
                }

                .catalog-pagination ul li.active {
                    border-color: #0093e6;
                    color: #fff;
                    background: #0093e6
                }

            .catalog-pagination ul a {
                color: #444
            }

        .catalog-pagination .info {
            padding-left: 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

        .catalog-pagination .pl-15 {
            padding-left: 10px
        }

        .catalog-pagination input[type=text] {
            border: 1px solid #dedede;
            padding: 0 5px;
            width: 30px;
            height: 22px;
            margin: 0 4px;
            display: inline-block
        }

        .catalog-pagination .catalog-pagination-btn {
            display: inline-block;
            margin-left: 8px;
            padding: 0;
            width: 54px;
            height: 24px;
            cursor: pointer;
            line-height: 23px;
            text-align: center;
            background: #f3f3f5;
            margin-right: 12px;
            border: 1px solid #ccc;
            color: #444
        }

            .catalog-pagination .catalog-pagination-btn:hover {
                color: #0093e6
            }

.stock {
    margin-top: 14px;
    width: 100%;
    height: 42px;
    line-height: 42px;
    border-top: 1px solid #eff6fa;
    border-bottom: 1px solid #eff6fa;
    border-right: 1px solid #eff6fa;
    background: #eff6fa
}

    .stock .aszzs {
        float: left;
        padding: 0 20px;
        border-right: 1px solid #e3e3e3;
        height: 100%;
        color: #444;
        font-size: 14px
    }

    .stock .qwzzs {
        position: relative;
        background: #0093e6 !important;
        color: #fff !important
    }

        .stock .qwzzs:hover {
            color: #fff
        }

        .stock .qwzzs .icon {
            display: none
        }

    .stock .small-square {
        width: 70px;
        height: 23px;
        line-height: 23px;
        margin: 8px 0;
        padding: 0;
        text-align: center;
        background: #fff;
        border: 1px solid #ddd;
        border-left: none
    }

    .stock .white-bottom-arrow .icon, .stock .white-top-arrow .icon {
        display: block;
        position: absolute;
        top: 5px;
        right: 7px;
        width: 10px;
        height: 16px;
        background: url(/images/v_cn_3.0/list_item_icon20181217.png) no-repeat -175px -3px
    }

    .stock .white-bottom-arrow .icon {
        background-position-x: -193px
    }

    .stock .input-style {
        float: left;
        margin: 0 15px;
        position: relative
    }

        .stock .input-style:hover .so-price {
            display: block
        }

        .stock .input-style b {
            font-weight: 400;
            margin: 0 4px
        }

        .stock .input-style .srk {
            width: 56px;
            height: 23px;
            line-height: 23px;
            color: #999
        }

        .stock .input-style .so-price {
            display: none;
            position: absolute;
            left: -6px;
            top: -1px;
            z-index: 1;
            width: 167px;
            height: 80px;
            background: #fff;
            box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
            border: 1px solid #e9e9e9
        }

            .stock .input-style .so-price .price-float {
                margin-left: 5px
            }

            .stock .input-style .so-price .so-btn {
                margin-top: -9px
            }

                .stock .input-style .so-price .so-btn button {
                    background: transparent;
                    border: none;
                    font-size: 12px;
                    color: #999;
                    margin: 0;
                    padding: 0
                }

                .stock .input-style .so-price .so-btn .empty-btn {
                    margin-left: 28px;
                    margin-right: 47px;
                    cursor: pointer
                }

                    .stock .input-style .so-price .so-btn .empty-btn:hover {
                        color: #0094e5;
                        border-color: #0094e5
                    }

                .stock .input-style .so-price .so-btn button.search-btn {
                    width: 47px;
                    height: 24px;
                    line-height: 22px;
                    border: 1px solid #999
                }

                .stock .input-style .so-price .so-btn button:hover {
                    color: #0094e5;
                    border-color: #0094e5
                }

    .stock .check-style {
        float: left;
        line-height: 42px
    }

        .stock .check-style .has-shop {
            margin-right: 15px
        }

        .stock .check-style input {
            margin-right: 3px;
            vertical-align: top;
            margin-top: 15px
        }

    .stock .right .cur-page {
        margin-right: 12px
    }

    .stock .right a {
        float: right;
        width: 50px;
        height: 42px;
        border-left: 1px solid #e3e3e3
    }

        .stock .right a:hover {
            background: #fff
        }

        .stock .right a.next {
            border-right: 1px solid #e3e3e3
        }

            .stock .right a.next i {
                background: url(/images/v_cn_3.0/list_item_icon20181217.png) no-repeat -235px -6px
            }

        .stock .right a i {
            display: block;
            margin: 14px 21px;
            width: 10px;
            height: 16px;
            background: url(/images/v_cn_3.0/list_item_icon20181217.png) no-repeat -212px -6px
        }

    .stock .right .g01 input {
        height: 25px;
        line-height: 25px;
        color: #444;
        text-indent: 5px
    }

    .stock .right .g01 .search-key {
        width: 240px;
        height: 25px;
        outline: none
    }

    .stock .right .g01 .out {
        margin-left: -4px;
        margin-right: 15px;
        padding: 0 10px;
        width: 92px;
        height: 27px;
        line-height: 27px;
        background: #0093e6;
        color: #fff;
        border: none
    }

    .stock .right .g01 span {
        color: #444
    }

    .stock .spnum {
        float: right;
        margin-right: 21px;
        color: #666
    }

.public-params {
    width: 1200px;
    height: 108px;
    margin-top: 11px;
    background: #e6f1fd
}

    .public-params .img {
        display: inline-block;
        width: 90px;
        height: 90px;
        padding: 9px 0 9px 15px;
        cursor: pointer
    }

    .public-params .params {
        display: inline-block;
        width: 1075px;
        height: 100%;
        padding-left: 15px
    }

        .public-params .params .wrap {
            display: inline-block;
            width: 100%;
            height: 100px;
            padding-top: 8px
        }

            .public-params .params .wrap .title {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                color: #0093e6;
                font-size: 14px
            }

                .public-params .params .wrap .title .product-name-link {
                    display: block;
                    max-width: 200px;
                    float: left
                }

                .public-params .params .wrap .title .catalog {
                    display: inline-block;
                    max-width: 100px;
                    height: 17px;
                    padding: 2px 10px;
                    margin-left: 4px;
                    font-size: 12px;
                    color: #979797;
                    background: hsla(0,0%,100%,.75);
                    border: 1px solid #ddd
                }

            .public-params .params .wrap .l02-zb {
                float: left;
                margin-right: 40px
            }

                .public-params .params .wrap .l02-zb li {
                    box-sizing: border-box;
                    width: 100%;
                    height: 23px;
                    margin: 0;
                    padding: 0
                }

                    .public-params .params .wrap .l02-zb li a {
                        color: #333
                    }

                .public-params .params .wrap .l02-zb a:hover {
                    color: #0093e6
                }

                .public-params .params .wrap .l02-zb .ellipsis {
                    width: 200px;
                    max-width: 200px
                }

                .public-params .params .wrap .l02-zb .ms {
                    margin-bottom: 6px
                }

                .public-params .params .wrap .l02-zb .ellipsis-link {
                    max-width: 240px
                }

                .public-params .params .wrap .l02-zb .desc {
                    display: -webkit-inline-box;
                    width: 300px;
                    vertical-align: top;
                    height: 55px;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                    overflow: hidden
                }

                .public-params .params .wrap .l02-zb .sjsc {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    width: 91px;
                    margin-right: 0
                }

                    .public-params .params .wrap .l02-zb .sjsc i {
                        width: 17px;
                        height: 16px;
                        margin-right: 2px;
                        background: url(/images/v_cn_3.0/list_item_icon20181217.png) no-repeat -23px -32px
                    }

                    .public-params .params .wrap .l02-zb .sjsc:hover {
                        color: #0093e6;
                        border-color: #0093e6
                    }

            .public-params .params .wrap .w-206 {
                width: 206px
            }

            .public-params .params .wrap .w-350 {
                width: 350px
            }

.add-more-warp {
    padding: 10px 0;
    text-align: center;
    font-size: 14px
}

    .add-more-warp i {
        margin-left: 5px;
        display: inline-block;
        vertical-align: bottom;
        width: 20px;
        height: 20px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/jt.png) no-repeat
    }

.search-loading {
    display: none;
    width: 100%;
    padding: 10px 0;
    text-align: center
}

    .search-loading b {
        color: #0094e7
    }

.goods {
    box-sizing: border-box;
    padding: 7px 10px 0;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e3e3e3;
    background: #f9f9f9
}

    .goods .g01 {
        float: left;
        margin-right: 20px;
        width: 150px
    }

        .goods .g01 input {
            width: 150px;
            height: 23px;
            line-height: 23px;
            color: #999;
            text-indent: 5px
        }

    .goods .g02 {
        width: 403px;
        float: left
    }

        .goods .g02 p {
            float: left;
            line-height: 25px;
            color: #444
        }

        .goods .g02 b {
            font-weight: 400;
            margin: 0 4px;
            float: left;
            line-height: 25px
        }

        .goods .g02 .srk {
            width: 56px;
            height: 23px;
            line-height: 23px;
            color: #999;
            text-align: center;
            float: left
        }

        .goods .g02 .out {
            float: left;
            margin-left: 10px;
            padding: 0 10px;
            height: 24px;
            line-height: 24px;
            background: #b7b7b7;
            color: #fff;
            border: none
        }

            .goods .g02 .out:hover {
                background: #0093e6
            }

    .goods .g03 {
        float: left;
        line-height: 25px;
        color: #444
    }

        .goods .g03 input {
            margin-top: 6px;
            margin-right: 3px;
            vertical-align: top
        }

    .goods .g04 {
        float: right;
        line-height: 25px
    }

.list-b-an {
    text-align: center;
    margin: 30px auto;
    font-size: 14px;
    color: #666
}

    .list-b-an a {
        font-size: 18px;
        text-decoration: underline
    }

.mfyzb-modal {
    width: 540px !important;
    height: 170px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

    .mfyzb-modal .con-t {
        width: 100%;
        border-collapse: collapse
    }

        .mfyzb-modal .con-t td {
            display: none;
            text-align: center
        }

            .mfyzb-modal .con-t td img {
                margin-bottom: 10px
            }

.offer-modal {
    width: 589px;
    height: 385px;
    box-sizing: border-box;
    margin-left: -257px;
    margin-top: -179px
}

    .offer-modal .required-number, .offer-modal .required-price {
        display: inline-block;
        padding-left: 10px
    }

        .offer-modal .required-number #addCartModaltoast, .offer-modal .required-price #addCartModaltoast {
            top: 38px;
            z-index: 10
        }

            .offer-modal .required-number #addCartModaltoast .icon, .offer-modal .required-price #addCartModaltoast .icon {
                top: -9px;
                left: 50%;
                background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -255px -441px
            }

        .offer-modal .required-number span, .offer-modal .required-price span {
            color: red;
            margin-right: 5px
        }

        .offer-modal .required-number input, .offer-modal .required-price input {
            width: 100px
        }

    .offer-modal .required-price {
        position: relative;
        width: 279px
    }

        .offer-modal .required-price input {
            padding-left: 15px;
            position: relative
        }

        .offer-modal .required-price b {
            font-weight: 400;
            margin-left: 5px
        }

            .offer-modal .required-price b.money {
                position: absolute;
                top: 18%;
                z-index: 1
            }

    .offer-modal .required-number {
        padding-right: 10px;
        text-align: right;
        position: relative;
        cursor: pointer
    }

        .offer-modal .required-number #addCartModaltoast {
            right: 11px;
            left: auto;
            font-weight: 400
        }

        .offer-modal .required-number .unit-wrap {
            padding-right: 10px;
            position: absolute;
            z-index: 2;
            bottom: 0;
            right: -28px;
            width: 28px;
            text-align: center;
            line-height: 26px;
            background: #f2f2f2;
            border: 1px solid #dedede
        }

            .offer-modal .required-number .unit-wrap .select-icon {
                display: inline-block;
                position: absolute;
                top: 10px;
                right: 4px;
                content: "";
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #666
            }

            .offer-modal .required-number .unit-wrap .select-icon-active {
                border: 5px solid transparent;
                border-top: none;
                border-bottom: 5px solid #666
            }

            .offer-modal .required-number .unit-wrap .unit {
                margin: 0;
                color: #444
            }

        .offer-modal .required-number .unit-select {
            display: none;
            padding-right: 10px;
            position: absolute;
            bottom: -54px;
            left: -1px;
            width: 28px;
            background: #f2f2f2;
            border: 1px solid #dedede
        }

            .offer-modal .required-number .unit-select .unit1:hover, .offer-modal .required-number .unit-select .unit2:hover {
                color: #ff7800
            }

    .offer-modal .lock-stock {
        padding-left: 10px;
        margin-top: 10px;
        line-height: 28px
    }

        .offer-modal .lock-stock .radio {
            vertical-align: middle;
            margin-right: 6px;
            margin-top: -2px
        }

    .offer-modal .choose-industry {
        font-weight: 400;
        margin-top: 10px;
        position: relative;
        cursor: pointer
    }

        .offer-modal .choose-industry span {
            margin-left: 44px
        }

        .offer-modal .choose-industry .select-title {
            width: 443px;
            display: inline-block;
            border: 1px solid #dedede;
            box-sizing: border-box;
            height: 28px;
            padding: 0 10px;
            line-height: 28px;
            position: relative
        }

            .offer-modal .choose-industry .select-title:after {
                display: inline-block;
                position: absolute;
                top: 10px;
                right: 10px;
                content: "";
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #666
            }

        .offer-modal .choose-industry .select {
            width: 443px;
            border: 1px solid #dedede;
            margin-left: 83px;
            height: 212px;
            padding: 5px;
            box-sizing: border-box;
            position: absolute;
            background: #fff;
            display: none
        }

            .offer-modal .choose-industry .select p {
                width: 30%;
                box-sizing: border-box;
                display: inline-block
            }

                .offer-modal .choose-industry .select p.active span {
                    background-color: #ff7b00;
                    color: #fff
                }

                .offer-modal .choose-industry .select p span {
                    display: inline-block;
                    box-sizing: border-box;
                    margin: 0;
                    padding: 5px
                }

    .offer-modal .submit {
        display: block;
        border: none;
        width: 93px;
        height: 33px;
        line-height: 33px;
        font-size: 14px;
        text-align: center;
        background: #aba9a9;
        color: #fff;
        font-weight: 400;
        margin: 30px auto 0;
        cursor: default
    }

    .offer-modal .account {
        font-weight: 400;
        font-size: 12px;
        margin-top: 49px
    }

        .offer-modal .account .title {
            color: red;
            font-weight: 700
        }

        .offer-modal .account p {
            margin: 5px 0
        }

.contrast {
    display: none;
    position: fixed;
    left: 50%;
    z-index: 100000;
    background: #fff;
    border: 4px solid #d9d9d9;
    box-sizing: border-box;
    width: 1000px;
    height: 160px;
    bottom: 0;
    top: auto;
    margin-left: -465px
}

    .contrast .contrast-nr .contrast1 {
        position: relative;
        height: 34px;
        line-height: 32px;
        padding-left: 15px;
        background: #f2f2f2;
        border-bottom: 1px solid #dedede;
        color: #444
    }

        .contrast .contrast-nr .contrast1 .contrast-bt li {
            float: left
        }

        .contrast .contrast-nr .contrast1 .contrast-bt a {
            display: inline-block;
            padding: 0 12px 1px;
            font-size: 14px;
            color: #444;
            font-weight: 700
        }

            .contrast .contrast-nr .contrast1 .contrast-bt a.hover {
                color: #0093e6;
                border-bottom: 2px solid #0093e6
            }

        .contrast .contrast-nr .contrast1 .contrast-yc a {
            float: right;
            display: block;
            margin-top: 10px;
            width: 0;
            height: 20px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -286px -317px;
            padding: 2px 10px
        }

    .contrast .contrast-nr .contrast-cp {
        padding: 20px 15px 12px
    }

        .contrast .contrast-nr .contrast-cp .contrast-btn {
            float: right;
            box-sizing: border-box;
            width: 90px;
            padding: 16px 0 12px 20px;
            border-left: 1px solid #e3e3e3
        }

            .contrast .contrast-nr .contrast-cp .contrast-btn input {
                margin-bottom: 15px;
                width: 60px;
                height: 25px;
                line-height: 25px;
                border: none;
                border-radius: 2px;
                background: #0093e6;
                color: #fff
            }

            .contrast .contrast-nr .contrast-cp .contrast-btn a {
                color: #0093e6
            }

    .contrast .lcsc-2015db {
        width: 980px;
        margin: 0 auto;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 20%;
        z-index: 999999
    }

    .contrast .lcsc-2015db-nr {
        border: 1px solid #cdcdcd;
        border-bottom: 0;
        background-color: #fff;
        box-shadow: 1px 5px 10px #eaeaea,-5px -5px 10px #eaeaea;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=85, offX=-3,offY=-3,OffX=-2, OffY=-2,Color='#eaeaea')"
    }

    .contrast .lcsc-2015db-bt {
        width: 980px;
        height: 34px
    }

    .contrast .lcsc-2015db-bt1 {
        float: left;
        position: relative
    }

        .contrast .lcsc-2015db-bt1 li, .contrast .lcsc-2015db-bt1 li a {
            width: 100px;
            height: 36px;
            float: left;
            display: block
        }

            .contrast .lcsc-2015db-bt1 li a {
                text-align: center;
                font-size: 14px;
                color: #333;
                line-height: 36px;
                font-weight: 700;
                position: absolute;
                top: 0
            }

        .contrast .lcsc-2015db-bt1 .hover {
            background: #fff;
            width: 100px;
            height: 34px;
            border: 2px solid #0093e6;
            border-bottom: 0;
            color: #0093e6;
            line-height: 34px;
            display: block;
            position: absolute;
            top: 0;
            z-index: 99;
            float: left
        }

    .contrast .lcsc-2015db-bt2 {
        float: right;
        line-height: 34px
    }

        .contrast .lcsc-2015db-bt2 a {
            margin-right: 10px;
            margin-left: 10px;
            color: #039;
            text-decoration: underline
        }

    .contrast .lcsc-2015db-nr1 {
        width: 976px;
        height: 100px;
        background: #fff;
        border: 2px solid #0093e6
    }

    .contrast .lcsc-2015db-nr2 {
        float: left
    }

        .contrast .lcsc-2015db-nr2 dl {
            width: 290px;
            float: left
        }

        .contrast .lcsc-2015db-nr2 dt {
            width: 82px;
            height: 82px;
            float: left
        }

            .contrast .lcsc-2015db-nr2 dt img {
                width: 82px;
                height: 82px
            }

        .contrast .lcsc-2015db-nr2 dd {
            float: left;
            margin-left: 10px;
            margin-top: 2px;
            width: 182px
        }

    .contrast .lcsc-2015db-nr2-1 {
        width: 148px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left
    }

    .contrast .lcsc-2015db-nr2-2 {
        float: right;
        width: 29px;
        text-align: right;
        color: #0093e6
    }

    .contrast .lcsc-2015db-nr2 dd b {
        font-weight: 400
    }

    .contrast .lcsc-2015db-nr2-3 {
        box-sizing: border-box;
        width: 100%;
        height: 20px;
        line-height: 20px;
        background: #fff;
        border: 1px solid #ccc;
        margin-top: 3px;
        position: relative
    }

        .contrast .lcsc-2015db-nr2-3 div {
            font-size: 12px;
            font-weight: 400;
            text-align: right;
            width: 100%
        }

    .contrast .lfy-btg {
        width: 180px;
        height: 24px
    }

    .contrast .lcsc-2015db-nr2-fd {
        width: 167px;
        background: #fff;
        border: 1px solid #ccc;
        border-bottom: 0;
        position: absolute;
        z-index: 99;
        bottom: 1px;
        left: -1px
    }

        .contrast .lcsc-2015db-nr2-fd li {
            width: 170px;
            padding-right: 8px;
            text-align: left;
            cursor: pointer
        }

    .contrast .lcsc-2015db-nr2-4 dt {
        width: 82px;
        height: 82px;
        background: #f3f3f3;
        text-align: center
    }

        .contrast .lcsc-2015db-nr2-4 dt b {
            font-size: 66px;
            color: #ccc;
            line-height: 82px;
            font-weight: 400
        }

    .contrast .lcsc-2015db-nr2-4 dd {
        color: #ccc;
        font-size: 14px
    }

    .contrast .lcsc-2015db-nr3 {
        width: 130px;
        float: right;
        text-align: center
    }

        .contrast .lcsc-2015db-nr3 p {
            padding-top: 13px
        }

        .contrast .lcsc-2015db-nr3 a {
            color: #005aa0
        }

.pagination-page-wrap {
    margin: 20px 0
}

    .pagination-page-wrap .page {
        width: 100%;
        text-align: left;
        margin: 20px auto 0;
        height: 30px;
        padding-bottom: 5px
    }

        .pagination-page-wrap .page a, .pagination-page-wrap .page span {
            padding: 7px 9px;
            margin-right: 12px;
            border: 1px solid #ccc
        }

        .pagination-page-wrap .page .active {
            border-color: #0093e6;
            color: #fff;
            background: #0093e6
        }

        .pagination-page-wrap .page a.curr-page {
            color: #fff;
            background: #0093e6
        }

        .pagination-page-wrap .page .total-page {
            margin-right: 12px
        }

            .pagination-page-wrap .page .total-page i {
                font-style: normal
            }

.mid-advert {
    display: none;
    width: 1200px;
    height: 64px;
    margin: 8px 0;
    position: relative
}

    .mid-advert a, .mid-advert img {
        display: block;
        width: 100%;
        height: 100%
    }

    .mid-advert img {
        border: 0
    }

    .mid-advert .close {
        width: 18px;
        height: 18px;
        background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/close_top.png) no-repeat;
        cursor: pointer;
        position: absolute;
        right: 6px;
        top: 6px
    }

.search-init {
    width: 1180px;
    height: 45px;
    padding: 5px 0
}

    .search-init p {
        padding-left: 16px;
        width: 100%;
        height: 100%;
        background: #fcf1b2;
        border: 1px solid #ffdec0;
        line-height: 45px;
        font-family: PingFangSC-Medium,PingFang SC;
        font-size: 18px
    }

    .search-init .MODEL_SUGGEST_CLASS {
        color: #eb1616
    }

.no-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

    .no-list .empty-result {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: inline-flex;
        margin: 80px auto 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

        .no-list .empty-result .img-box {
            width: 274px;
            height: 184px;
            margin-right: 48px;
            background: #333
        }

            .no-list .empty-result .img-box img {
                width: 100%
            }

        .no-list .empty-result .tip-box {
            font-size: 16px;
            color: #444
        }

            .no-list .empty-result .tip-box p {
                margin-bottom: 6px
            }

                .no-list .empty-result .tip-box p .zxzx {
                    display: -webkit-inline-box;
                    display: -webkit-inline-flex;
                    display: inline-flex;
                    width: 82px;
                    height: 24px;
                    margin: 0 6px;
                    background: rgba(0,148,229,.1);
                    border-radius: 12px;
                    border: 1px solid #0094e5;
                    color: #0094e5;
                    font-size: 12px;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    cursor: pointer
                }

                    .no-list .empty-result .tip-box p .zxzx img {
                        width: 12px;
                        height: 14px;
                        margin-right: 6px
                    }

            .no-list .empty-result .tip-box .btn-box {
                margin-top: 20px
            }

                .no-list .empty-result .tip-box .btn-box a {
                    display: inline-block;
                    width: 94px;
                    height: 34px;
                    text-align: center;
                    line-height: 34px;
                    box-sizing: content-box;
                    border-radius: 4px;
                    color: #666;
                    background: #fff;
                    border: 1px solid #666
                }

                    .no-list .empty-result .tip-box .btn-box a:first-child {
                        background: #0094e5;
                        color: #fff;
                        border: none;
                        margin-right: 15px
                    }

.productItemTh, .productItemThFixed {
    margin: auto;
    width: 1201px;
    height: 30px;
    line-height: 30px;
    background: #f1f1f1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 700;
    color: #333
}

    .productItemTh .th, .productItemThFixed .th {
        display: inline-block
    }

.view-more-fixed-bottom {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
    width: 100%
}

    .view-more-fixed-bottom .pack-up-text {
        display: block;
        margin: auto;
        cursor: pointer;
        background: rgba(0,0,0,.31);
        color: #fff;
        border-radius: 2px 2px 0 0;
        width: 116px;
        height: 26px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        letter-spacing: 1px
    }

    .view-more-fixed-bottom .arrow_top {
        display: inline-block;
        margin-left: 5px;
        width: 7px;
        height: 7px;
        margin-bottom: -4px;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.inside-page {
    display: block;
    position: relative;
    padding: 15px 0 0;
    border: 1px solid #e9e9e9;
    background: #fff;
    border-collapse: collapse;
    margin-bottom: 10px;
    border-radius: 3px
}

    .inside-page .rebate-popover .plus {
        display: inline-block;
        width: 79px;
        height: 21px;
        line-height: 21px;
        text-align: center;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/plus/plus.svg) 100% no-repeat;
        color: #ffe7c0 !important
    }

    .inside-page.list-items .two-top-mro-top {
        width: 360px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 2px
    }

    .inside-page.list-items .two-top-mro-bottom, .inside-page.list-items .two-top-mro-top {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }

    .inside-page.list-items .mro-product-name {
        -webkit-line-clamp: 2;
        width: 350px !important;
        margin-bottom: 5px;
        line-height: 20px
    }

        .inside-page.list-items .mro-product-name .overflow-ellipsis {
            text-wrap: inherit;
            width: 100%
        }

            .inside-page.list-items .mro-product-name .overflow-ellipsis > span {
                -webkit-user-select: all;
                user-select: all
            }

    .inside-page.list-items .ellipsis {
        width: 150px;
        max-width: 400px
    }

    .inside-page.list-items .ellipsis-link {
        max-width: 150px
    }

    .inside-page.list-items .li-ellipsis {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 150px;
        max-width: 400px
    }

        .inside-page.list-items .li-ellipsis > span {
            -webkit-user-select: all;
            user-select: all
        }

    .inside-page.list-items .td-ellipsis {
        height: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

        .inside-page.list-items .td-ellipsis > span {
            -webkit-user-select: all;
            user-select: all
        }

    .inside-page.list-items .line-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: 1200px;
        padding-bottom: 8px
    }

        .inside-page.list-items .line-box .one {
            width: 90px;
            padding-left: 12px;
            position: relative
        }

            .inside-page.list-items .line-box .one .one-to-item-link {
                position: relative;
                display: block
            }

                .inside-page.list-items .line-box .one .one-to-item-link .hot-discount-icon {
                    position: absolute;
                    left: -1px;
                    top: -1px;
                    width: 90px;
                    height: 22px;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/hot_return_bg_small_new.svg) 50% no-repeat;
                    font-size: 12px;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    white-space: nowrap
                }

                    .inside-page.list-items .line-box .one .one-to-item-link .hot-discount-icon .hot-label {
                        color: #000;
                        margin-right: 1px;
                        margin-left: 10px;
                        -webkit-transform: scale(.9);
                        transform: scale(.9)
                    }

                    .inside-page.list-items .line-box .one .one-to-item-link .hot-discount-icon .discount-label {
                        color: #fff;
                        width: 50px;
                        text-align: center;
                        -webkit-transform: scale(.9);
                        transform: scale(.9)
                    }

                    .inside-page.list-items .line-box .one .one-to-item-link .hot-discount-icon.price-icon {
                        position: absolute;
                        width: 68px;
                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/hot_discout_bg_small_new.svg) 50% no-repeat
                    }

                        .inside-page.list-items .line-box .one .one-to-item-link .hot-discount-icon.price-icon .price-label {
                            color: #fff;
                            width: 32px;
                            text-align: center;
                            -webkit-transform: scale(.9);
                            transform: scale(.9)
                        }

                    .inside-page.list-items .line-box .one .one-to-item-link .hot-discount-icon.single-icon {
                        position: absolute;
                        width: 40px;
                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/hot_bg_small_new.svg) 50% no-repeat
                    }

                        .inside-page.list-items .line-box .one .one-to-item-link .hot-discount-icon.single-icon .single-label {
                            color: #000;
                            margin-left: 10px;
                            -webkit-transform: scale(.9);
                            transform: scale(.9)
                        }

                .inside-page.list-items .line-box .one .one-to-item-link .new-product {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 72px;
                    height: 20px;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/new-product.png) 50% no-repeat;
                    font-size: 12px;
                    color: #fff
                }

                    .inside-page.list-items .line-box .one .one-to-item-link .new-product span {
                        margin: 0;
                        padding-left: 6px;
                        line-height: 20px
                    }

                    .inside-page.list-items .line-box .one .one-to-item-link .new-product .is-djb-hot-img {
                        position: absolute;
                        top: -1px;
                        left: -1px;
                        z-index: 1;
                        width: 88px;
                        height: 25px
                    }

                .inside-page.list-items .line-box .one .one-to-item-link .djb-icon span {
                    padding-left: 12px !important;
                    line-height: 19px !important
                }

            .inside-page.list-items .line-box .one .flash-sales {
                line-height: 15px;
                font-size: 12px;
                background: #f30;
                width: 35px;
                height: 35px;
                text-align: center;
                color: #fff;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1
            }

            .inside-page.list-items .line-box .one .clearance {
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/clearance.svg);
                width: 36px;
                height: 29px;
                line-height: 29px;
                text-align: center;
                text-indent: 5px;
                position: absolute;
                color: #fff;
                top: 0;
                left: 0;
                z-index: 1
            }

            .inside-page.list-items .line-box .one .shuang11-discount-icon {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                min-width: 35px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                font-size: 12px;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/shuang11_discount_icon_item.png) 50% no-repeat;
                background-size: 35px;
                color: #fff
            }

            .inside-page.list-items .line-box .one img {
                width: 90px;
                height: 90px;
                float: left;
                overflow: hidden
            }

                .inside-page.list-items .line-box .one img.is-hot-img {
                    position: absolute;
                    top: -1px;
                    left: -1px;
                    z-index: 1;
                    width: 45px;
                    height: 39px
                }

                .inside-page.list-items .line-box .one img.is-djb-hot-img {
                    position: absolute;
                    top: -1px;
                    left: -1px;
                    z-index: 1;
                    width: 88px;
                    height: 25px
                }

            .inside-page.list-items .line-box .one span {
                width: 90px;
                float: left;
                margin: 3px 0
            }

            .inside-page.list-items .line-box .one .db, .inside-page.list-items .line-box .one .sc {
                float: left;
                background: #fff;
                border: 1px solid #e9e9e9;
                height: 20px;
                width: 45px;
                color: #999;
                font-size: 12px;
                cursor: pointer
            }

            .inside-page.list-items .line-box .one .db {
                border-right-color: transparent;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/productItem/images/compare.svg) no-repeat 50%
            }

            .inside-page.list-items .line-box .one .sc {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/productItem/images/collect.svg) no-repeat 50%
            }

            .inside-page.list-items .line-box .one .collected {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/productItem/images/collected.svg) no-repeat 50% !important
            }

            .inside-page.list-items .line-box .one .db:hover, .inside-page.list-items .line-box .one .sc:hover {
                border: 1px solid rgba(255,120,0,.19);
                color: #ff7800
            }

            .inside-page.list-items .line-box .one .maybe-look {
                width: 20px;
                text-align: center;
                height: auto;
                background: #e5fbf8;
                border-radius: 4px 0 0 4px;
                font-family: PingFangSC-Medium,PingFang SC;
                color: #4acfbe;
                padding: 10px 2px 15px;
                position: absolute;
                line-height: 17px;
                left: -25px;
                top: -10px
            }

        .inside-page.list-items .line-box .line-box-right {
            padding-left: 12px;
            box-sizing: border-box
        }

        .inside-page.list-items .line-box .line-box-right-bottom {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex
        }

        .inside-page.list-items .line-box .multi-ellipsis {
            height: auto;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            .inside-page.list-items .line-box .multi-ellipsis > span {
                -webkit-user-select: all;
                user-select: all
            }

        .inside-page.list-items .line-box .two {
            display: block;
            width: auto !important
        }

            .inside-page.list-items .line-box .two .two-top {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex
            }

            .inside-page.list-items .line-box .two ul li {
                box-sizing: border-box;
                width: 100%;
                height: 23px;
                margin: 0;
                padding: 0
            }

            .inside-page.list-items .line-box .two .l02-zb {
                margin-right: 20px;
                width: 130px !important;
                -webkit-flex-shrink: 0;
                flex-shrink: 0
            }

                .inside-page.list-items .line-box .two .l02-zb li a {
                    color: #333
                }

                .inside-page.list-items .line-box .two .l02-zb a:hover, .inside-page.list-items .line-box .two .l02-zb li b a {
                    color: #0093e6
                }

                .inside-page.list-items .line-box .two .l02-zb .ms {
                    margin-bottom: 6px;
                    -webkit-line-clamp: 1
                }

                .inside-page.list-items .line-box .two .l02-zb:first-child {
                    width: 190px !important
                }

                .inside-page.list-items .line-box .two .l02-zb:last-child {
                    margin-right: 20px;
                    width: 140px !important
                }

            .inside-page.list-items .line-box .two .band {
                float: left;
                width: 100%
            }

                .inside-page.list-items .line-box .two .band a {
                    width: 110px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    -webkit-user-select: all;
                    user-select: all
                }

        .inside-page.list-items .line-box .two-half {
            width: 30px;
            -webkit-flex-shrink: 0;
            flex-shrink: 0
        }

            .inside-page.list-items .line-box .two-half .l02-yb {
                line-height: 23px;
                box-sizing: border-box
            }

                .inside-page.list-items .line-box .two-half .l02-yb li {
                    height: 20px
                }

            .inside-page.list-items .line-box .two-half i.sjck-i {
                width: 15px;
                height: 16px;
                display: inline-block;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/link.svg) no-repeat;
                vertical-align: text-bottom;
                margin-left: -4px
            }

            .inside-page.list-items .line-box .two-half a.sjck-a {
                text-decoration: underline
            }

                .inside-page.list-items .line-box .two-half a.sjck-a:hover {
                    color: #0094e7
                }

        .inside-page.list-items .line-box .three-box {
            position: relative;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            width: 170px
        }

            .inside-page.list-items .line-box .three-box.originPosition {
                margin-bottom: 0;
                width: 245px
            }

                .inside-page.list-items .line-box .three-box.originPosition .three-box-bottom {
                    top: 0
                }

                    .inside-page.list-items .line-box .three-box.originPosition .three-box-bottom .smt-price {
                        border-top: none;
                        padding-top: 0;
                        margin-top: 0
                    }

            .inside-page.list-items .line-box .three-box .three-box-top {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex
            }

                .inside-page.list-items .line-box .three-box .three-box-top .three .show-dollar-transform-icon {
                    position: relative;
                    display: inline-block;
                    width: 14px;
                    height: 14px;
                    margin-right: 4px;
                    vertical-align: -3px;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/hk-icon/prompt-usd.svg) no-repeat 50%;
                    background-size: 14px 14px
                }

                    .inside-page.list-items .line-box .three-box .three-box-top .three .show-dollar-transform-icon .common-float-dialog {
                        padding: 10px 12px;
                        left: -23px
                    }

                    .inside-page.list-items .line-box .three-box .three-box-top .three .show-dollar-transform-icon .common-float-content {
                        white-space: nowrap
                    }

                        .inside-page.list-items .line-box .three-box .three-box-top .three .show-dollar-transform-icon .common-float-content .item {
                            line-height: 1.75;
                            text-align: left
                        }

                    .inside-page.list-items .line-box .three-box .three-box-top .three .show-dollar-transform-icon:hover .common-float-dialog {
                        display: block
                    }

            .inside-page.list-items .line-box .three-box .three-box-bottom {
                position: absolute;
                bottom: -70px;
                width: 100%
            }

                .inside-page.list-items .line-box .three-box .three-box-bottom .smt-price {
                    border-top: 1px dashed #c5c1c1;
                    bottom: 0;
                    padding-top: 3px;
                    margin-top: 3px;
                    text-align: center
                }

                    .inside-page.list-items .line-box .three-box .three-box-bottom .smt-price a {
                        color: #199de9;
                        background-color: #e3f5ff;
                        display: inline-block;
                        height: 20px;
                        line-height: 20px;
                        padding: 2px 8px;
                        margin-left: 10px
                    }

    .inside-page.list-items .group .one {
        width: 90px;
        padding-left: 15px
    }

        .inside-page.list-items .group .one .one-to-item-link {
            position: relative;
            display: block
        }

            .inside-page.list-items .group .one .one-to-item-link .new-product {
                position: absolute;
                left: 0;
                top: 0;
                width: 72px;
                height: 20px;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/new-product.png) 50% no-repeat;
                font-size: 12px;
                color: #fff
            }

                .inside-page.list-items .group .one .one-to-item-link .new-product span {
                    margin: 0;
                    padding-left: 6px;
                    line-height: 20px
                }

        .inside-page.list-items .group .one .flash-sales {
            line-height: 15px;
            font-size: 12px;
            background: #f30;
            width: 35px;
            height: 35px;
            text-align: center;
            color: #fff;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1
        }

        .inside-page.list-items .group .one .clearance {
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/clearance.svg);
            width: 36px;
            height: 29px;
            line-height: 29px;
            text-align: center;
            text-indent: 5px;
            position: absolute;
            color: #fff;
            top: 0;
            left: 0;
            z-index: 1
        }

        .inside-page.list-items .group .one .shuang11-discount-icon {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            min-width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            font-size: 12px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/shuang11_discount_icon_item.png) 50% no-repeat;
            background-size: 35px;
            color: #fff
        }

        .inside-page.list-items .group .one img {
            width: 90px;
            height: 90px;
            float: left;
            overflow: hidden
        }

            .inside-page.list-items .group .one img.pticon {
                position: absolute;
                top: -1px;
                right: -1px;
                z-index: 1;
                width: 36px;
                height: 17px
            }

            .inside-page.list-items .group .one img.is-hot-img {
                position: absolute;
                top: -1px;
                left: -1px;
                z-index: 1;
                width: 45px;
                height: 39px
            }

        .inside-page.list-items .group .one .is-djb-hot-img {
            position: absolute;
            top: -1px;
            left: -1px;
            z-index: 1;
            width: 88px;
            height: 25px
        }

        .inside-page.list-items .group .one span {
            width: 90px;
            float: left;
            margin: 3px 0
        }

        .inside-page.list-items .group .one .db, .inside-page.list-items .group .one .sc {
            float: left;
            background: #fff;
            border: 1px solid #e9e9e9;
            height: 20px;
            width: 45px;
            color: #999;
            font-size: 12px;
            cursor: pointer
        }

        .inside-page.list-items .group .one .db {
            border-right-color: transparent
        }

            .inside-page.list-items .group .one .db:hover, .inside-page.list-items .group .one .sc:hover {
                border: 1px solid rgba(255,120,0,.19);
                color: #ff7800
            }

    .inside-page.list-items .group .show-dollar-transform-icon {
        position: relative;
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: 4px;
        vertical-align: -3px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/hk-icon/prompt-usd.svg) no-repeat 50%;
        background-size: 14px 14px
    }

        .inside-page.list-items .group .show-dollar-transform-icon .common-float-dialog {
            padding: 10px 12px;
            left: -23px
        }

        .inside-page.list-items .group .show-dollar-transform-icon .common-float-content {
            white-space: nowrap
        }

            .inside-page.list-items .group .show-dollar-transform-icon .common-float-content .item {
                line-height: 1.75;
                text-align: left
            }

        .inside-page.list-items .group .show-dollar-transform-icon:hover .common-float-dialog {
            display: block
        }

    .inside-page.list-items .old-batch-product-item {
        line-height: 20px;
        width: 100%
    }

        .inside-page.list-items .old-batch-product-item > td {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            padding: 16px 12px 20px
        }

            .inside-page.list-items .old-batch-product-item > td > div {
                display: inline-block;
                border-top: none
            }

        .inside-page.list-items .old-batch-product-item .section-1 {
            width: 90px
        }

            .inside-page.list-items .old-batch-product-item .section-1 img {
                width: 90px;
                height: 90px;
                float: left;
                overflow: hidden
            }

        .inside-page.list-items .old-batch-product-item .section-2 {
            padding-left: 12px;
            width: 500px;
            margin-right: 20px
        }

            .inside-page.list-items .old-batch-product-item .section-2 .two-tit {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                color: #0093e6;
                font-size: 14px;
                margin-right: 20px
            }

        .inside-page.list-items .old-batch-product-item .section-3 {
            margin-left: 23px
        }

            .inside-page.list-items .old-batch-product-item .section-3 .l02-yb {
                width: 170px
            }

                .inside-page.list-items .old-batch-product-item .section-3 .l02-yb li {
                    height: 20px
                }

        .inside-page.list-items .old-batch-product-item .section-5 {
            width: 130px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            margin-left: 10px
        }

        .inside-page.list-items .old-batch-product-item .section-6 {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: inline-flex;
            width: 237px
        }

    .inside-page.list-items .icon-left {
        display: none;
        position: absolute;
        left: -6px;
        top: 25px;
        z-index: 1;
        padding: 10px;
        color: #666;
        font-size: 12px;
        line-height: 18px;
        background-color: #fff;
        border: 1px solid #cecbce;
        box-sizing: border-box;
        box-shadow: 0 0 2px 3px #f2f2f2;
        width: 106px;
        text-align: left;
        border-radius: 2px;
        cursor: default
    }

    .inside-page.list-items.no-one-hk .line-box {
        padding-bottom: 8px
    }

        .inside-page.list-items.no-one-hk .line-box .line-box-right {
            width: calc(100% - 102px)
        }

            .inside-page.list-items.no-one-hk .line-box .line-box-right .line-box-right-bottom {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                width: 100%
            }

                .inside-page.list-items.no-one-hk .line-box .line-box-right .line-box-right-bottom .two {
                    width: 170px
                }

                    .inside-page.list-items.no-one-hk .line-box .line-box-right .line-box-right-bottom .two .l02-zb {
                        width: auto
                    }

                    .inside-page.list-items.no-one-hk .line-box .line-box-right .line-box-right-bottom .two ul li {
                        max-width: auto
                    }

                .inside-page.list-items.no-one-hk .line-box .line-box-right .line-box-right-bottom .three-box-top .three-hk {
                    display: none
                }

                .inside-page.list-items.no-one-hk .line-box .line-box-right .line-box-right-bottom .three-box-bottom {
                    bottom: -50px;
                    left: 0
                }

    .inside-page.group-items {
        margin-bottom: 0;
        padding-bottom: 10px
    }

        .inside-page.group-items .li-ellipsis {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 150px;
            max-width: 400px
        }

            .inside-page.group-items .li-ellipsis > span {
                -webkit-user-select: all;
                user-select: all
            }

        .inside-page.group-items .one {
            width: 90px;
            padding-left: 15px
        }

            .inside-page.group-items .one .one-to-item-link {
                position: relative;
                display: block
            }

                .inside-page.group-items .one .one-to-item-link .new-product {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 72px;
                    height: 20px;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/new-product.png) 50% no-repeat;
                    font-size: 12px;
                    color: #fff
                }

                    .inside-page.group-items .one .one-to-item-link .new-product span {
                        margin: 0;
                        padding-left: 6px;
                        line-height: 20px
                    }

                .inside-page.group-items .one .one-to-item-link .djb-icon span {
                    padding-left: 12px !important;
                    line-height: 19px !important
                }

            .inside-page.group-items .one .flash-sales {
                line-height: 15px;
                font-size: 12px;
                background: #f30;
                width: 35px;
                height: 35px;
                text-align: center;
                color: #fff;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1
            }

            .inside-page.group-items .one .clearance {
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/clearance.svg);
                width: 36px;
                height: 29px;
                line-height: 29px;
                text-align: center;
                text-indent: 5px;
                position: absolute;
                color: #fff;
                top: 0;
                left: 0;
                z-index: 1
            }

            .inside-page.group-items .one .shuang11-discount-icon {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                min-width: 35px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                font-size: 12px;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/shuang11_discount_icon_item.png) 50% no-repeat;
                background-size: 35px;
                color: #fff
            }

            .inside-page.group-items .one img {
                width: 90px;
                height: 90px;
                float: left;
                overflow: hidden
            }

                .inside-page.group-items .one img.pticon {
                    position: absolute;
                    top: -1px;
                    right: -1px;
                    z-index: 1;
                    width: 36px;
                    height: 17px
                }

                .inside-page.group-items .one img.is-hot-img {
                    position: absolute;
                    top: -1px;
                    left: -1px;
                    z-index: 1;
                    width: 45px;
                    height: 39px
                }

                .inside-page.group-items .one img.is-djb-hot-img {
                    position: absolute;
                    top: -1px;
                    left: -1px;
                    z-index: 1;
                    width: 88px;
                    height: 25px
                }

            .inside-page.group-items .one span {
                width: 90px;
                float: left;
                margin: 3px 0
            }

            .inside-page.group-items .one .db, .inside-page.group-items .one .sc {
                float: left;
                background: #fff;
                border: 1px solid #e9e9e9;
                height: 20px;
                width: 45px;
                color: #999;
                font-size: 12px;
                cursor: pointer
            }

            .inside-page.group-items .one .db {
                border-right-color: transparent
            }

                .inside-page.group-items .one .db:hover, .inside-page.group-items .one .sc:hover {
                    border: 1px solid rgba(255,120,0,.19);
                    color: #ff7800
                }

        .inside-page.group-items .two {
            padding-left: 15px
        }

            .inside-page.group-items .two .two-tit {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                color: #0093e6;
                font-size: 14px;
                max-width: 200px
            }

                .inside-page.group-items .two .two-tit .product-name-link {
                    display: block;
                    max-width: 200px;
                    float: left
                }

                .inside-page.group-items .two .two-tit .catalog {
                    display: inline-block;
                    max-width: 100px;
                    height: 19px;
                    background: #f9f9f9;
                    padding: 2px 10px;
                    margin-left: 4px;
                    font-size: 12px;
                    color: #979797
                }

                    .inside-page.group-items .two .two-tit .catalog:hover {
                        color: #0093e6
                    }

                .inside-page.group-items .two .two-tit .smt-flag {
                    display: inline-block;
                    width: 117px;
                    height: 20px;
                    line-height: 20px;
                    margin-left: 6px;
                    font-size: 12px;
                    text-align: center;
                    color: #ff7800;
                    background: #fff5eb
                }

                .inside-page.group-items .two .two-tit .common-useless-mro {
                    background: #e4ecff;
                    color: #3a6cef;
                    width: -webkit-max-content;
                    width: max-content;
                    padding: 0 5px;
                    border-radius: 2px;
                    height: 20px;
                    line-height: 20px;
                    font-size: 12px;
                    margin-left: 6px
                }

            .inside-page.group-items .two .two-01 ul li {
                box-sizing: border-box;
                max-width: 230px;
                height: 23px;
                margin: 0;
                padding: 0
            }

            .inside-page.group-items .two .two-01 .multi-ellipsis {
                height: 36px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                cursor: pointer
            }

                .inside-page.group-items .two .two-01 .multi-ellipsis > span {
                    -webkit-user-select: all;
                    user-select: all
                }

            .inside-page.group-items .two .two-01 .copy-input-des {
                position: absolute;
                z-index: -1;
                width: 1px;
                height: 1px;
                opacity: 0
            }

            .inside-page.group-items .two .two-bottom {
                max-width: 270px;
                width: 270px
            }

            .inside-page.group-items .two .l02-zb {
                width: 230px;
                float: left;
                margin-right: 40px
            }

                .inside-page.group-items .two .l02-zb li a {
                    color: #333
                }

                .inside-page.group-items .two .l02-zb a:hover, .inside-page.group-items .two .l02-zb li b a {
                    color: #0093e6
                }

                .inside-page.group-items .two .l02-zb .ms {
                    margin-bottom: 6px;
                    color: #444
                }

            .inside-page.group-items .two i.sjck-i {
                width: 15px;
                height: 16px;
                display: inline-block;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/link.svg) no-repeat;
                vertical-align: text-bottom;
                margin-left: -4px
            }

            .inside-page.group-items .two a.sjck-a {
                text-decoration: underline
            }

                .inside-page.group-items .two a.sjck-a:hover {
                    color: #0094e7
                }

            .inside-page.group-items .two .l02-yb {
                width: 170px;
                float: left
            }

                .inside-page.group-items .two .l02-yb li {
                    height: 20px
                }

                .inside-page.group-items .two .l02-yb .c9a9a9a {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    margin-bottom: 0;
                    line-height: 23px
                }

            .inside-page.group-items .two .l02-ybg {
                width: 275px
            }

            .inside-page.group-items .two .band {
                width: 100%
            }

                .inside-page.group-items .two .band a {
                    width: 110px;
                    display: inline-block;
                    vertical-align: middle;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    -webkit-user-select: all;
                    user-select: all
                }

            .inside-page.group-items .two .lower {
                width: 100%;
                float: left
            }

                .inside-page.group-items .two .lower .ms {
                    margin-bottom: 6px
                }

                .inside-page.group-items .two .lower .discuss-content-ellipsis {
                    display: inline-block;
                    vertical-align: top;
                    max-width: 246px
                }

                    .inside-page.group-items .two .lower .discuss-content-ellipsis > span {
                        -webkit-user-select: all;
                        user-select: all
                    }

            .inside-page.group-items .two .remain-time .bold {
                color: #ff7800
            }

        .inside-page.group-items .show-dollar-transform-icon {
            position: relative;
            display: inline-block;
            width: 14px;
            height: 14px;
            margin-right: 4px;
            vertical-align: -3px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/hk-icon/prompt-usd.svg) no-repeat 50%;
            background-size: 14px 14px
        }

            .inside-page.group-items .show-dollar-transform-icon .common-float-dialog {
                padding: 10px 12px;
                left: -23px
            }

            .inside-page.group-items .show-dollar-transform-icon .common-float-content {
                white-space: nowrap
            }

                .inside-page.group-items .show-dollar-transform-icon .common-float-content .item {
                    line-height: 1.75;
                    text-align: left
                }

            .inside-page.group-items .show-dollar-transform-icon:hover .common-float-dialog {
                display: block
            }

        .inside-page.group-items .three {
            padding-top: 26px
        }

            .inside-page.group-items .three .three-nr .price-warp .ppbbz-g {
                width: 90px
            }

            .inside-page.group-items .three .three-nr .price-warp .ppbbz-p3 {
                width: 85px
            }

        .inside-page.group-items .ffour {
            width: 166px;
            padding-top: 26px;
            display: block
        }

            .inside-page.group-items .ffour .group-input {
                margin-bottom: 0
            }

            .inside-page.group-items .ffour .pan-list {
                display: inline;
                margin-top: 5px
            }

    .inside-page .ff7900 {
        color: #ff7900
    }

    .inside-page .pt3 {
        padding-top: 3px
    }

    .inside-page .cursor-default {
        cursor: default
    }

    .inside-page .lh {
        line-height: 19px
    }

    .inside-page.active, .inside-page:hover {
        z-index: 1;
        box-shadow: 0 0 10px 3px rgba(33,150,243,.1)
    }

        .inside-page:hover .search-result-check-tip-tr {
            visibility: visible
        }

    .inside-page .search-result-check-tip-tr {
        visibility: hidden
    }

        .inside-page .search-result-check-tip-tr td {
            padding-top: 10px;
            padding-left: 15px;
            color: #9a9a9a
        }

        .inside-page .search-result-check-tip-tr .search-result-check-tip-icon {
            display: inline-block;
            vertical-align: text-bottom;
            width: 20px;
            height: 15px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat 0 -315px
        }

        .inside-page .search-result-check-tip-tr .global-search-keyword {
            color: #222
        }

    .inside-page td {
        box-sizing: border-box;
        vertical-align: top
    }

        .inside-page td.group-td {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            padding-top: 10px
        }

    .inside-page .hover-icon-left:hover .icon-left {
        display: block
    }

    .inside-page .pointer-event {
        pointer-events: none
    }

    .inside-page .add-cart-modal-toast {
        z-index: 2;
        display: none;
        padding: 0 10px;
        position: absolute;
        top: -50px;
        left: 0;
        height: 36px;
        line-height: 38px;
        text-align: center;
        font-size: 14px;
        color: #444;
        white-space: nowrap;
        border: 1px solid #cecbce;
        background: #fff;
        box-shadow: 0 0 1px 2px #eee
    }

        .inside-page .add-cart-modal-toast .icon {
            position: absolute;
            bottom: -10px;
            left: 30px;
            display: block;
            width: 11px;
            height: 10px;
            background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -276px -470px
        }

.items-hk-products .items-content-wrapper .tag-wrapper, .items-overseas-products .items-content-wrapper .tag-wrapper {
    height: auto;
    margin-bottom: 6px
}

    .items-hk-products .items-content-wrapper .tag-wrapper .couponbgsBox, .items-overseas-products .items-content-wrapper .tag-wrapper .couponbgsBox {
        display: inline-block;
        font-size: 12px;
        cursor: pointer;
        color: #ff7800;
        text-align: center;
        border-radius: 2px;
        border: 1px solid #ff7800;
        box-sizing: border-box;
        padding: 0 4px;
        line-height: 22px;
        position: relative
    }

    .items-hk-products .items-content-wrapper .tag-wrapper .money-off-flag, .items-overseas-products .items-content-wrapper .tag-wrapper .money-off-flag {
        position: relative;
        width: 70px;
        height: 22px;
        line-height: 22px;
        border-radius: 2px;
        border: 1px solid #ff7800;
        text-align: center;
        color: #ff7800;
        cursor: pointer;
        font-size: 12px
    }

        .items-hk-products .items-content-wrapper .tag-wrapper .money-off-flag .pop-box, .items-overseas-products .items-content-wrapper .tag-wrapper .money-off-flag .pop-box {
            position: absolute;
            top: 29px;
            left: -10px;
            width: 200px;
            padding: 5px 10px 10px;
            font-style: normal;
            box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
            border: 1px solid #e9e9e9
        }

            .items-hk-products .items-content-wrapper .tag-wrapper .money-off-flag .pop-box .icon_tip_narrow, .items-overseas-products .items-content-wrapper .tag-wrapper .money-off-flag .pop-box .icon_tip_narrow {
                position: absolute;
                left: 20px;
                top: -7px;
                width: 11px;
                height: 7px;
                background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px
            }

            .items-hk-products .items-content-wrapper .tag-wrapper .money-off-flag .pop-box .tip-text, .items-overseas-products .items-content-wrapper .tag-wrapper .money-off-flag .pop-box .tip-text {
                font-size: 12px;
                font-weight: 400;
                color: #666;
                text-align: left
            }

                .items-hk-products .items-content-wrapper .tag-wrapper .money-off-flag .pop-box .tip-text .text, .items-overseas-products .items-content-wrapper .tag-wrapper .money-off-flag .pop-box .tip-text .text {
                    margin-top: 7px;
                    line-height: 18px
                }

                .items-hk-products .items-content-wrapper .tag-wrapper .money-off-flag .pop-box .tip-text .link, .items-overseas-products .items-content-wrapper .tag-wrapper .money-off-flag .pop-box .tip-text .link {
                    color: #0093e6;
                    text-decoration: underline
                }

        .items-hk-products .items-content-wrapper .tag-wrapper .money-off-flag .opacity-mask, .items-overseas-products .items-content-wrapper .tag-wrapper .money-off-flag .opacity-mask {
            width: 74px;
            height: 20px
        }

            .items-hk-products .items-content-wrapper .tag-wrapper .money-off-flag .opacity-mask:hover .pop-box, .items-hk-products .items-content-wrapper .tag-wrapper .money-off-flag:hover .pop-box, .items-overseas-products .items-content-wrapper .tag-wrapper .money-off-flag .opacity-mask:hover .pop-box, .items-overseas-products .items-content-wrapper .tag-wrapper .money-off-flag:hover .pop-box {
                display: block
            }

    .items-hk-products .items-content-wrapper .tag-wrapper .original-sample, .items-overseas-products .items-content-wrapper .tag-wrapper .original-sample {
        background-color: #83cdff;
        color: #fff;
        padding: 3px 11px;
        border: none;
        margin-right: 2px
    }

    .items-hk-products .items-content-wrapper .tag-wrapper .stop-product, .items-overseas-products .items-content-wrapper .tag-wrapper .stop-product {
        background-color: #c9c9c9;
        color: #fff;
        padding: 3px 13px;
        border: none;
        margin-right: 2px
    }

    .items-hk-products .items-content-wrapper .tag-wrapper .sold-out, .items-overseas-products .items-content-wrapper .tag-wrapper .sold-out {
        background-color: #ff9b9b;
        color: #fff;
        padding: 3px 11px;
        border: none;
        margin-right: 2px
    }

    .items-hk-products .items-content-wrapper .tag-wrapper .on-sale, .items-overseas-products .items-content-wrapper .tag-wrapper .on-sale {
        background-color: #ffbb7f;
        color: #fff;
        padding: 3px 13px;
        border: none;
        margin-right: 2px
    }

    .items-hk-products .items-content-wrapper .tag-wrapper > span, .items-overseas-products .items-content-wrapper .tag-wrapper > span {
        box-sizing: border-box;
        padding: 2px 8px;
        border: 1px solid;
        border-radius: 2px
    }

    .items-hk-products .items-content-wrapper .tag-wrapper .orgin, .items-overseas-products .items-content-wrapper .tag-wrapper .orgin {
        border-radius: 2px;
        border: 1px solid #ff7800;
        font-size: 12px;
        text-align: center;
        line-height: 22px;
        color: #ff7800;
        cursor: pointer;
        position: relative
    }

    .items-hk-products .items-content-wrapper .tag-wrapper .list-float-flag, .items-overseas-products .items-content-wrapper .tag-wrapper .list-float-flag {
        position: absolute;
        left: 0;
        top: 30px;
        width: 129px;
        height: auto;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
        border: 1px solid #e9e9e9;
        display: none;
        z-index: 5
    }

        .items-hk-products .items-content-wrapper .tag-wrapper .list-float-flag s, .items-overseas-products .items-content-wrapper .tag-wrapper .list-float-flag s {
            position: absolute;
            top: -17px;
            left: 20px;
            display: block;
            height: 0;
            width: 0;
            border: 8px dashed transparent;
            border-bottom: 8px solid #cdcbce
        }

        .items-hk-products .items-content-wrapper .tag-wrapper .list-float-flag i, .items-overseas-products .items-content-wrapper .tag-wrapper .list-float-flag i {
            position: absolute;
            top: -9px;
            *top: -9px;
            left: -10px;
            display: block;
            height: 0;
            width: 0;
            border: 10px dashed transparent;
            border-bottom: 10px solid #fff
        }

        .items-hk-products .items-content-wrapper .tag-wrapper .list-float-flag .content, .items-overseas-products .items-content-wrapper .tag-wrapper .list-float-flag .content {
            text-align: left;
            padding-left: 10px
        }

            .items-hk-products .items-content-wrapper .tag-wrapper .list-float-flag .content li, .items-overseas-products .items-content-wrapper .tag-wrapper .list-float-flag .content li {
                color: #666
            }

                .items-hk-products .items-content-wrapper .tag-wrapper .list-float-flag .content li span, .items-overseas-products .items-content-wrapper .tag-wrapper .list-float-flag .content li span {
                    font-weight: 700
                }

    .items-hk-products .items-content-wrapper .tag-wrapper .couponbgs, .items-overseas-products .items-content-wrapper .tag-wrapper .couponbgs {
        display: inline-block;
        font-size: 12px;
        cursor: pointer;
        color: #ff7800;
        text-align: center;
        border-radius: 2px;
        border: 1px solid #ff7800;
        box-sizing: border-box;
        padding: 0 4px;
        line-height: 22px;
        position: relative
    }

        .items-hk-products .items-content-wrapper .tag-wrapper .couponbgs.mro-box, .items-overseas-products .items-content-wrapper .tag-wrapper .couponbgs.mro-box {
            border-color: #567eeb;
            color: #567eeb;
            padding: 0 13px 0 4px
        }

        .items-hk-products .items-content-wrapper .tag-wrapper .couponbgs .lq, .items-overseas-products .items-content-wrapper .tag-wrapper .couponbgs .lq {
            display: inline-block;
            width: 32px;
            height: 22px;
            background: #fff5eb;
            margin-left: -4px
        }

            .items-hk-products .items-content-wrapper .tag-wrapper .couponbgs .lq.mro-lq, .items-overseas-products .items-content-wrapper .tag-wrapper .couponbgs .lq.mro-lq {
                background: #567eeb;
                color: #fff
            }

        .items-hk-products .items-content-wrapper .tag-wrapper .couponbgs .line, .items-overseas-products .items-content-wrapper .tag-wrapper .couponbgs .line {
            position: absolute;
            left: 31px;
            top: 0;
            background: transparent;
            height: 22px;
            border-right: 1px dashed #ff7800
        }

            .items-hk-products .items-content-wrapper .tag-wrapper .couponbgs .line.mro-line, .items-overseas-products .items-content-wrapper .tag-wrapper .couponbgs .line.mro-line {
                border-right: 1px solid #567eeb
            }

        .items-hk-products .items-content-wrapper .tag-wrapper .couponbgs .ljsy, .items-overseas-products .items-content-wrapper .tag-wrapper .couponbgs .ljsy {
            display: none;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: #ff7800;
            text-align: center;
            line-height: 22px;
            color: #fff
        }

            .items-hk-products .items-content-wrapper .tag-wrapper .couponbgs .ljsy.mro-ljsy, .items-overseas-products .items-content-wrapper .tag-wrapper .couponbgs .ljsy.mro-ljsy {
                background: #567eeb
            }

        .items-hk-products .items-content-wrapper .tag-wrapper .couponbgs:hover .ljsy, .items-overseas-products .items-content-wrapper .tag-wrapper .couponbgs:hover .ljsy {
            display: block
        }

.items-hk-products .items-content-wrapper .plus-wrapper, .items-overseas-products .items-content-wrapper .plus-wrapper {
    height: 24px;
    margin-bottom: 6px
}

    .items-hk-products .items-content-wrapper .plus-wrapper .plus-div, .items-overseas-products .items-content-wrapper .plus-wrapper .plus-div {
        display: inline-block;
        width: 102px;
        height: 22px;
        border-radius: 2px;
        border: 1px solid #30304a;
        line-height: 22px;
        color: #30304a;
        margin-right: 4px;
        background: #fff;
        cursor: pointer;
        position: relative
    }

        .items-hk-products .items-content-wrapper .plus-wrapper .plus-div .plus-lq, .items-overseas-products .items-content-wrapper .plus-wrapper .plus-div .plus-lq {
            display: inline-block;
            width: 32px;
            background: #30304a;
            color: #fffb90;
            text-align: center
        }

        .items-hk-products .items-content-wrapper .plus-wrapper .plus-div .line, .items-overseas-products .items-content-wrapper .plus-wrapper .plus-div .line {
            position: absolute;
            left: 32px;
            top: 0;
            background: transparent;
            height: 22px;
            border-right: 1px dashed #30304a
        }

        .items-hk-products .items-content-wrapper .plus-wrapper .plus-div .plus-zx, .items-overseas-products .items-content-wrapper .plus-wrapper .plus-div .plus-zx {
            display: inline-block;
            width: 66px;
            text-align: center;
            margin-left: -2px
        }

        .items-hk-products .items-content-wrapper .plus-wrapper .plus-div .ljsy, .items-overseas-products .items-content-wrapper .plus-wrapper .plus-div .ljsy {
            display: none;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: #30304a;
            text-align: center;
            line-height: 22px;
            color: #fffb90
        }

        .items-hk-products .items-content-wrapper .plus-wrapper .plus-div:hover .ljsy, .items-overseas-products .items-content-wrapper .plus-wrapper .plus-div:hover .ljsy {
            display: block
        }

    .items-hk-products .items-content-wrapper .plus-wrapper .orgin, .items-overseas-products .items-content-wrapper .plus-wrapper .orgin {
        display: inline-block;
        max-width: 100px;
        height: 22px;
        border: 1px solid #30304a;
        line-height: 22px;
        color: #30304a;
        text-align: center;
        padding: 0 6px;
        border-radius: 2px;
        cursor: pointer;
        position: relative
    }

    .items-hk-products .items-content-wrapper .plus-wrapper .list-float-flag, .items-overseas-products .items-content-wrapper .plus-wrapper .list-float-flag {
        position: absolute;
        left: 0;
        top: 30px;
        width: 129px;
        height: auto;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
        border: 1px solid #e9e9e9;
        display: none;
        z-index: 5
    }

        .items-hk-products .items-content-wrapper .plus-wrapper .list-float-flag s, .items-overseas-products .items-content-wrapper .plus-wrapper .list-float-flag s {
            position: absolute;
            top: -17px;
            left: 20px;
            display: block;
            height: 0;
            width: 0;
            border: 8px dashed transparent;
            border-bottom: 8px solid #cdcbce
        }

        .items-hk-products .items-content-wrapper .plus-wrapper .list-float-flag i, .items-overseas-products .items-content-wrapper .plus-wrapper .list-float-flag i {
            position: absolute;
            top: -9px;
            *top: -9px;
            left: -10px;
            display: block;
            height: 0;
            width: 0;
            border: 10px dashed transparent;
            border-bottom: 10px solid #fff
        }

        .items-hk-products .items-content-wrapper .plus-wrapper .list-float-flag .content, .items-overseas-products .items-content-wrapper .plus-wrapper .list-float-flag .content {
            text-align: left;
            padding-left: 10px
        }

            .items-hk-products .items-content-wrapper .plus-wrapper .list-float-flag .content li, .items-overseas-products .items-content-wrapper .plus-wrapper .list-float-flag .content li {
                color: #666
            }

                .items-hk-products .items-content-wrapper .plus-wrapper .list-float-flag .content li span, .items-overseas-products .items-content-wrapper .plus-wrapper .list-float-flag .content li span {
                    font-weight: 700
                }

.items-hk-products .items-content-wrapper .con-body, .items-overseas-products .items-content-wrapper .con-body {
    display: block;
    width: 1200px;
    padding: 0;
    border: none
}

    .items-hk-products .items-content-wrapper .con-body:hover, .items-overseas-products .items-content-wrapper .con-body:hover {
        box-shadow: 0 2px 5px 2px rgba(0,0,0,.08)
    }

.items-hk-products .items-content-wrapper .con-table, .items-overseas-products .items-content-wrapper .con-table {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    line-height: 20px;
    width: calc(100% - 24px);
    padding: 16px 0 20px;
    margin: 0 12px;
    box-sizing: border-box;
    border-top: 1px solid #e9e9e9
}

    .items-hk-products .items-content-wrapper .con-table .line-left, .items-overseas-products .items-content-wrapper .con-table .line-left {
        margin-right: 12px
    }

    .items-hk-products .items-content-wrapper .con-table .line-right, .items-overseas-products .items-content-wrapper .con-table .line-right {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }

        .items-hk-products .items-content-wrapper .con-table .line-right .section-1, .items-overseas-products .items-content-wrapper .con-table .line-right .section-1 {
            width: 160px;
            margin-right: 20px
        }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-1 .line-right-title .item-name, .items-overseas-products .items-content-wrapper .con-table .line-right .section-1 .line-right-title .item-name {
                font-size: 14px;
                margin-bottom: 8px;
                font-weight: 700
            }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-1 .line-right-title .item-name .light-color, .items-overseas-products .items-content-wrapper .con-table .line-right .section-1 .line-right-title .item-name .light-color {
                    color: #0094e5
                }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-1 .ggs i, .items-overseas-products .items-content-wrapper .con-table .line-right .section-1 .ggs i {
                margin-right: 2px;
                display: inline-block;
                vertical-align: -3px;
                width: 16px;
                height: 16px;
                background-image: url(/images/v_cn_3.0/list_item_icon20181217.png);
                background-repeat: no-repeat;
                background-position-x: -23px;
                background-position-y: -32px
            }

        .items-hk-products .items-content-wrapper .con-table .line-right .section-empty, .items-overseas-products .items-content-wrapper .con-table .line-right .section-empty {
            width: 160px;
            margin-right: 20px
        }

        .items-hk-products .items-content-wrapper .con-table .line-right .section-2, .items-overseas-products .items-content-wrapper .con-table .line-right .section-2 {
            width: 140px;
            margin-right: 6px
        }

        .items-hk-products .items-content-wrapper .con-table .line-right .section-3, .items-overseas-products .items-content-wrapper .con-table .line-right .section-3 {
            width: 180px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            margin-left: 3px
        }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-3 ul, .items-overseas-products .items-content-wrapper .con-table .line-right .section-3 ul {
                width: 100%
            }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-3 .tit, .items-overseas-products .items-content-wrapper .con-table .line-right .section-3 .tit {
                text-align: center
            }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-3 .toggle-prices-list, .items-overseas-products .items-content-wrapper .con-table .line-right .section-3 .toggle-prices-list {
                margin-top: 10px
            }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-3 .toggle-prices-list i, .items-overseas-products .items-content-wrapper .con-table .line-right .section-3 .toggle-prices-list i {
                    margin: 0 auto;
                    display: block;
                    width: 20px;
                    height: 14px;
                    cursor: pointer
                }

                    .items-hk-products .items-content-wrapper .con-table .line-right .section-3 .toggle-prices-list i.xl, .items-overseas-products .items-content-wrapper .con-table .line-right .section-3 .toggle-prices-list i.xl {
                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/xl.svg) 50% no-repeat
                    }

                    .items-hk-products .items-content-wrapper .con-table .line-right .section-3 .toggle-prices-list i.sl, .items-overseas-products .items-content-wrapper .con-table .line-right .section-3 .toggle-prices-list i.sl {
                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/sl.svg) 50% no-repeat
                    }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-3 .num-label, .items-overseas-products .items-content-wrapper .con-table .line-right .section-3 .num-label {
                display: inline-block;
                width: 80px;
                text-align: right;
                word-break: keep-all
            }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-3 .price-label, .items-overseas-products .items-content-wrapper .con-table .line-right .section-3 .price-label {
                display: inline-block
            }

        .items-hk-products .items-content-wrapper .con-table .line-right .section-4, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 {
            width: 131px;
            margin-left: 10px
        }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                font-size: 12px;
                position: relative;
                margin-top: 10px
            }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span {
                    display: inline-block;
                    width: 44px;
                    height: 21px;
                    box-sizing: border-box;
                    text-align: center;
                    background: #f5f5f5;
                    border: 1px solid #f5f5f5;
                    color: #444;
                    margin-right: 10px;
                    cursor: pointer
                }

                    .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover {
                        color: #ff7800;
                        border-radius: 2px;
                        border: 1px solid rgba(255,120,0,.19);
                        background: unset
                    }

                        .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover ~ .tips-popup, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover ~ .tips-popup {
                            display: block
                        }

                            .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover ~ .tips-popup .fee-1, .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover ~ .tips-popup .fee-2, .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover ~ .tips-popup .fee-3, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover ~ .tips-popup .fee-1, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover ~ .tips-popup .fee-2, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover ~ .tips-popup .fee-3 {
                                display: none
                            }

                        .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:first-of-type ~ .tips-popup > .fee-1, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:first-of-type ~ .tips-popup > .fee-1 {
                            display: block
                        }

                        .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:first-of-type ~ .tips-popup .icon_tip_narrow, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:first-of-type ~ .tips-popup .icon_tip_narrow {
                            display: block;
                            left: 15px
                        }

                        .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:nth-of-type(2) ~ .tips-popup > .fee-2, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:nth-of-type(2) ~ .tips-popup > .fee-2 {
                            display: block
                        }

                        .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:nth-of-type(2) ~ .tips-popup .icon_tip_narrow, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:nth-of-type(2) ~ .tips-popup .icon_tip_narrow {
                            display: block;
                            left: 70px
                        }

                        .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:nth-of-type(3) ~ .tips-popup > .fee-3, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:nth-of-type(3) ~ .tips-popup > .fee-3 {
                            display: block
                        }

                        .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:nth-of-type(3) ~ .tips-popup .icon_tip_narrow, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee > span:hover:nth-of-type(3) ~ .tips-popup .icon_tip_narrow {
                            display: block;
                            left: 125px
                        }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee .tips-popup, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee .tips-popup {
                    display: none;
                    position: absolute;
                    top: 30px;
                    left: 0;
                    min-width: 275px;
                    line-height: 30px;
                    text-align: center;
                    height: 30px;
                    background: #fff;
                    box-shadow: 0 2px 6px 2px hsla(0,0%,92%,.81)
                }

                    .items-hk-products .items-content-wrapper .con-table .line-right .section-4 .three-fee .tips-popup .icon_tip_narrow, .items-overseas-products .items-content-wrapper .con-table .line-right .section-4 .three-fee .tips-popup .icon_tip_narrow {
                        display: none;
                        position: absolute;
                        top: -6px;
                        width: 11px;
                        height: 7px;
                        background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px
                    }

        .items-hk-products .items-content-wrapper .con-table .line-right .section-5, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 {
            width: 237px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex
        }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag {
                margin-top: 8px;
                cursor: default
            }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag i, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag i {
                    display: inline-block;
                    vertical-align: bottom;
                    margin-right: 6px
                }

                    .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag i.add-cart, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag i.add-cart {
                        width: 20px;
                        height: 20px;
                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/gg.svg) 50% no-repeat
                    }

                    .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag i.jgsb, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag i.jgsb {
                        display: inline-block;
                        vertical-align: bottom;
                        margin-right: 6px;
                        width: 20px;
                        height: 20px;
                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/xx.svg) 50% no-repeat
                    }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag .c999, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag .c999 {
                    color: #999
                }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag .cff7800, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag .cff7800 {
                    color: #ff7800
                }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag .cursor-pointer, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag .cursor-pointer {
                    cursor: pointer
                }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag .cursor-default, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag .cursor-default {
                    cursor: default
                }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag .lh, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag .lh {
                    line-height: 19px
                }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag span.mar-right, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag span.mar-right {
                    float: right
                }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag span.underline, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.li-flag span.underline {
                    text-decoration: underline
                }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.fail-tip, .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.loading-tip, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.fail-tip, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.loading-tip {
                display: none
            }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.pad24, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.pad24 {
                padding-right: 24px
            }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-5 li.pad20, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 li.pad20 {
                padding-right: 21px;
                line-height: 24px
            }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-5 .addtocart-btn, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 .addtocart-btn {
                width: 92px;
                height: 33px;
                line-height: 33px;
                color: #fff;
                border: none;
                border-radius: 2px
            }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-5 .light-btn, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 .light-btn {
                background: #ff7800
            }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-5 .gray-btn, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 .gray-btn {
                cursor: not-allowed;
                background-color: #5e5e5e
            }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-5 .no-add, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 .no-add {
                opacity: .59;
                filter: alpha(opacity=0.59);
                pointer-events: none
            }

            .items-hk-products .items-content-wrapper .con-table .line-right .section-5 .add-more-warp, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 .add-more-warp {
                padding: 10px 0;
                text-align: center;
                font-size: 14px
            }

                .items-hk-products .items-content-wrapper .con-table .line-right .section-5 .add-more-warp i, .items-overseas-products .items-content-wrapper .con-table .line-right .section-5 .add-more-warp i {
                    margin-left: 5px;
                    display: inline-block;
                    vertical-align: bottom;
                    width: 20px;
                    height: 20px;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/productItem/images/jt.png) no-repeat
                }

.content-list:last-child .con-body:last-child:hover {
    box-shadow: unset
}

.view-more {
    visibility: hidden;
    margin-top: 10px
}

    .view-more .view-more-tips {
        height: 16px;
        font-size: 12px;
        color: #0294e8;
        line-height: 16px;
        cursor: pointer;
        text-align: left;
        text-indent: 5px;
        width: -webkit-max-content;
        width: max-content;
        margin: auto;
        padding: 0 10px 8px
    }

        .view-more .view-more-tips .fonts {
            display: inline-block
        }

        .view-more .view-more-tips .fonts2 {
            display: none
        }

        .view-more .view-more-tips .arrow_down {
            display: inline-block;
            margin-left: 7px;
            width: 7px;
            height: 7px;
            margin-bottom: 3px;
            border-top: 1px solid #0294e8;
            border-left: 1px solid #0294e8;
            -webkit-transform: rotate(225deg);
            transform: rotate(225deg)
        }

        .view-more .view-more-tips.active .fonts {
            display: none
        }

        .view-more .view-more-tips.active .fonts2 {
            display: inline-block
        }

        .view-more .view-more-tips.active .arrow_down {
            margin-bottom: -2px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

@media (max-width: 1555px) {
    .top-to-sale-btn .icon-tip-narrow {
        right: 94px !important;
        background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) -216px 15px !important
    }

    .top-to-sale-btn .icon-tip {
        left: -112px !important
    }
}

.tagsTextLine1 {
    height: 5px;
    line-height: 32px;
    font-size: 10px;
    margin-top: 0 !important
}

.tagsTextLine1, .tagsTextLine2 {
    display: block;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.tagsTextLine2 {
    font-size: 12px
}

.more-small {
    font-size: 11px !important;
    -webkit-transform: scale(.8) !important;
    transform: scale(.8) !important
}

.all-price {
    display: inline-block;
    width: 16px;
    height: 14px;
    vertical-align: middle;
    margin: 0 0 0 3px;
    cursor: pointer;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/productItem/images/price_label.svg) 50% no-repeat;
    position: relative
}

    .all-price span.all-price-tips {
        position: absolute;
        font-style: normal;
        font-weight: 100;
        width: -webkit-max-content;
        width: max-content;
        margin: -1px 0 0 10px
    }

.f-c, .f-row {
    float: left;
    cursor: auto;
    text-align: left
}

.f-row {
    white-space: nowrap
}

    .f-row li {
        line-height: 24px
    }

    .f-row .part {
        width: 76px;
        text-align: right
    }

.underLine {
    text-decoration: underline;
    cursor: pointer
}

.two-bottom {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    max-width: 520px
}

.conformity-box, .two-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.conformity-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative
}

    .conformity-box .conformity-box-top {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }

    .conformity-box .conformity-box-bottom {
        position: absolute;
        bottom: 0;
        width: 100%
    }

.td120 {
    max-width: 120px
}

.common-label {
    color: #0093e6;
    width: -webkit-max-content;
    width: max-content;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border: 1px solid rgba(0,147,230,.19);
    padding: 0 5px;
    border-radius: 3px;
    margin-right: 8px;
    margin-bottom: 6px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    cursor: pointer
}

    .common-label a {
        color: #0093e6
    }

.common-useless-label:hover {
    color: #199fe9;
    background: rgba(25,159,233,.06)
}

    .common-useless-label:hover a {
        color: #199fe9
    }

.btn-wrapper {
    height: auto;
    margin-right: 8px
}

    .btn-wrapper a {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 4px
    }

        .btn-wrapper a i {
            margin-right: 2px;
            display: inline-block;
            vertical-align: middle;
            width: 16px;
            height: 16px;
            background-image: url(/images/v_cn_3.0/list_item_icon20181217.png);
            background-repeat: no-repeat;
            background-position-y: -33px
        }

        .btn-wrapper a.sjsc i {
            background-position-x: -23px;
            background-position-y: -32px
        }

        .btn-wrapper a.jswl i {
            background-position-x: -122px
        }

        .btn-wrapper a.ptsp i {
            background-position-x: -47px
        }

        .btn-wrapper a.mfyzb i {
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/freeyzb.png) 50% no-repeat
        }

        .btn-wrapper a.designyzb i {
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/designyzb.png) 50% no-repeat
        }

        .btn-wrapper a.fayzb i {
            background-position-x: -96px
        }

        .btn-wrapper a.bomqd i {
            background-position-x: -256px;
            background-position-y: -114px
        }

        .btn-wrapper a:hover {
            color: #0093e6
        }

.tag-wrapper {
    height: auto;
    margin-right: 8px
}

    .tag-wrapper .money-off-flag {
        position: relative;
        width: 70px;
        height: 24px;
        line-height: 24px;
        border-radius: 2px;
        border: 1px solid #ff7800;
        text-align: center;
        color: #ff7800;
        cursor: pointer;
        font-size: 12px
    }

        .tag-wrapper .money-off-flag .pop-box {
            position: absolute;
            top: 29px;
            left: -15px;
            width: -webkit-max-content;
            width: max-content;
            padding: 8px 15px;
            font-style: normal;
            box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
            border: 1px solid #e9e9e9
        }

            .tag-wrapper .money-off-flag .pop-box .icon_tip_narrow {
                position: absolute;
                left: 20px;
                top: -7px;
                width: 11px;
                height: 7px;
                background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px
            }

            .tag-wrapper .money-off-flag .pop-box .tip-text {
                font-size: 12px;
                font-weight: 400;
                color: #666;
                text-align: left
            }

                .tag-wrapper .money-off-flag .pop-box .tip-text .text {
                    margin-top: 7px;
                    line-height: 18px
                }

                .tag-wrapper .money-off-flag .pop-box .tip-text .link {
                    color: #0093e6;
                    text-decoration: underline
                }

        .tag-wrapper .money-off-flag .opacity-mask {
            width: 74px;
            height: 20px
        }

            .tag-wrapper .money-off-flag .opacity-mask:hover .pop-box, .tag-wrapper .money-off-flag:hover .pop-box {
                display: block
            }

    .tag-wrapper .rebate {
        margin-right: 0 !important
    }

    .tag-wrapper .original-sample {
        background-color: #83cdff;
        color: #fff;
        padding: 3px 11px;
        border: none;
        margin-right: 2px
    }

    .tag-wrapper .stop-product {
        background-color: #c9c9c9;
        color: #fff;
        padding: 3px 13px;
        border: none;
        margin-right: 2px
    }

    .tag-wrapper .sold-out {
        background-color: #ff9b9b;
        color: #fff;
        padding: 3px 11px;
        border: none;
        margin-right: 2px
    }

    .tag-wrapper .on-sale {
        background-color: #ffbb7f;
        color: #fff;
        padding: 3px 13px;
        border: none;
        margin-right: 2px
    }

    .tag-wrapper > span {
        box-sizing: border-box;
        padding: 2px 8px;
        border: 1px solid;
        border-radius: 2px
    }

    .tag-wrapper .orgin {
        border-radius: 2px;
        border: 1px solid rgba(255,120,0,.19);
        font-size: 12px;
        text-align: center;
        line-height: 22px;
        color: #ff7800;
        cursor: pointer;
        position: relative
    }

    .tag-wrapper .list-float-flag {
        position: absolute;
        left: 0;
        top: 30px;
        width: 129px;
        height: auto;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
        border: 1px solid #e9e9e9;
        display: none;
        z-index: 5
    }

        .tag-wrapper .list-float-flag s {
            top: -17px;
            left: 20px;
            border-color: transparent transparent #cdcbce;
            border-width: 8px
        }

        .tag-wrapper .list-float-flag i, .tag-wrapper .list-float-flag s {
            position: absolute;
            display: block;
            height: 0;
            width: 0;
            border-style: dashed dashed solid
        }

        .tag-wrapper .list-float-flag i {
            top: -9px;
            *top: -9px;
            left: -10px;
            border-color: transparent transparent #fff;
            border-width: 10px
        }

        .tag-wrapper .list-float-flag .content {
            text-align: left;
            padding-left: 10px
        }

            .tag-wrapper .list-float-flag .content li {
                color: #666
            }

                .tag-wrapper .list-float-flag .content li span {
                    font-weight: 700
                }

    .tag-wrapper .couponbgs {
        display: inline-block;
        font-size: 12px;
        cursor: pointer;
        color: #ff7800;
        background: #fff;
        border: none;
        text-align: center;
        border-radius: 2px;
        border: 1px solid rgba(255,120,0,.19);
        box-sizing: border-box;
        padding: 0 4px;
        line-height: 20px;
        position: relative;
        margin-bottom: 6px
    }

        .tag-wrapper .couponbgs.mro-box {
            border-color: rgba(0,147,230,.19) !important;
            color: #0093e6 !important;
            padding: 0 4px
        }

        .tag-wrapper .couponbgs .lq {
            display: inline-block;
            width: 32px;
            height: 20px;
            background: #fff5eb;
            margin-left: -4px
        }

            .tag-wrapper .couponbgs .lq.mro-lq {
                background: rgba(0,147,230,.09) !important;
                color: #0093e6
            }

        .tag-wrapper .couponbgs .line {
            position: absolute;
            left: 31px;
            top: 0;
            background: transparent;
            height: 20px;
            border-right: 1px dashed rgba(255,120,0,.19)
        }

            .tag-wrapper .couponbgs .line.mro-line {
                border-right: 1px dashed rgba(0,147,230,.19) !important
            }

        .tag-wrapper .couponbgs .ljsy {
            display: none;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: #ff7800;
            text-align: center;
            line-height: 20px;
            color: #fff
        }

            .tag-wrapper .couponbgs .ljsy.mro-ljsy {
                background: #0093e6 !important;
                border-color: #0093e6
            }

        .tag-wrapper .couponbgs:hover .ljsy {
            display: block
        }

.plus-wrapper {
    height: 24px
}

    .plus-wrapper .plus-div {
        display: inline-block;
        width: 102px;
        height: 20px;
        border-radius: 2px;
        line-height: 20px;
        color: #30304a;
        margin-right: 8px;
        color: #eab11c;
        border: 1px solid #ffe9b0;
        cursor: pointer;
        position: relative
    }

        .plus-wrapper .plus-div .plus-lq {
            display: inline-block;
            width: 32px;
            background: #fffbeb;
            color: #eab11c;
            text-align: center
        }

        .plus-wrapper .plus-div .line {
            position: absolute;
            left: 32px;
            top: 0;
            background: transparent;
            height: 20px;
            border-right: 1px dashed #ffe9b0
        }

        .plus-wrapper .plus-div .plus-zx {
            display: inline-block;
            width: 66px;
            text-align: center;
            margin-left: -2px
        }

        .plus-wrapper .plus-div .ljsy {
            display: none;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            text-align: center;
            line-height: 20px;
            background: #eab11c;
            color: #fff;
            border: 1px solid #eab11c
        }

        .plus-wrapper .plus-div:hover .ljsy {
            display: block
        }

    .plus-wrapper .orgin {
        display: inline-block;
        max-width: 100px;
        height: 20px;
        line-height: 20px;
        color: #eab11c;
        border: 1px solid #ffe9b0;
        text-align: center;
        padding: 0 6px;
        border-radius: 2px;
        cursor: pointer;
        position: relative;
        margin-right: 8px
    }

    .plus-wrapper .list-float-flag {
        position: absolute;
        left: 0;
        top: 30px;
        width: 129px;
        height: auto;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
        border: 1px solid #e9e9e9;
        display: none;
        z-index: 5
    }

        .plus-wrapper .list-float-flag s {
            top: -17px;
            left: 20px;
            border-color: transparent transparent #cdcbce;
            border-width: 8px
        }

        .plus-wrapper .list-float-flag i, .plus-wrapper .list-float-flag s {
            position: absolute;
            display: block;
            height: 0;
            width: 0;
            border-style: dashed dashed solid
        }

        .plus-wrapper .list-float-flag i {
            top: -9px;
            *top: -9px;
            left: -10px;
            border-color: transparent transparent #fff;
            border-width: 10px
        }

        .plus-wrapper .list-float-flag .content {
            text-align: left;
            padding-left: 10px
        }

            .plus-wrapper .list-float-flag .content li {
                color: #666
            }

                .plus-wrapper .list-float-flag .content li span {
                    font-weight: 700
                }

.xgj-wrapper {
    height: 24px;
    margin-right: 8px
}

    .xgj-wrapper .xgj-div {
        width: 69px;
        height: 20px;
        border-radius: 2px;
        border: 1px solid rgba(255,120,0,.19);
        text-align: center;
        line-height: 20px;
        color: #ff7800;
        font-size: 12px;
        margin-right: 4px;
        cursor: pointer;
        position: relative
    }

        .xgj-wrapper .xgj-div .ljsy {
            display: none;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: #ff7800;
            text-align: center;
            line-height: 20px;
            color: #fff
        }

        .xgj-wrapper .xgj-div:hover .ljsy {
            display: block
        }

.rebate {
    cursor: pointer;
    border: none;
    border-radius: 2px;
    border: 1px solid rgba(255,120,0,.19);
    box-sizing: border-box;
    line-height: 20px;
    position: relative;
    padding: 0;
    margin-right: 8px
}

    .rebate, .rebate .lq {
        display: inline-block;
        font-size: 12px
    }

        .rebate .lq {
            text-align: center;
            color: #ff7800;
            width: auto;
            padding: 0 3px;
            height: 20px;
            background: #fff5eb
        }

        .rebate .line {
            position: absolute;
            left: 40px;
            top: 0;
            background: transparent;
            height: 20px;
            border-right: 1px dashed rgba(255,120,0,.19)
        }

            .rebate .line.point {
                left: 28px
            }

        .rebate .rebate-popover {
            top: 25px;
            position: absolute;
            width: auto;
            background: #fff;
            cursor: auto;
            display: none;
            max-height: 0;
            z-index: 2
        }

            .rebate .rebate-popover h4 {
                font-weight: 400
            }

            .rebate .rebate-popover span {
                color: #de3231
            }

            .rebate .rebate-popover ul li {
                padding-left: 50px;
                text-align: center
            }

            .rebate .rebate-popover p {
                white-space: nowrap
            }

            .rebate .rebate-popover a {
                color: #0093e6
            }

        .rebate:hover .rebate-popover {
            padding: 8px 15px;
            border: 1px solid #f3f3f3;
            display: block;
            box-shadow: 3px 3px 10px 3px rgba(99,99,99,.13);
            max-height: 300px;
            border-radius: 3px;
            width: -webkit-max-content !important;
            width: max-content !important
        }

            .rebate:hover .rebate-popover:before {
                content: "";
                position: absolute;
                width: 100%;
                top: -5px;
                height: 5px;
                left: 0
            }

.retrun-coupon .money-off-flag {
    background: #fff5eb;
    color: #ff7800;
    border: 1px solid #ffd6b2;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important
}

.common-useless-coupon2 {
    height: 18px !important;
    margin-bottom: 6px !important
}

.finput {
    width: 100%;
    line-height: 23px;
    margin-bottom: 12px
}

    .finput li {
        margin-bottom: 3px;
        width: 100%;
        height: 18px
    }

        .finput li.stocks-style {
            height: auto
        }

        .finput li.price-input {
            height: 24px;
            position: relative
        }

            .finput li.price-input .cartnumbers {
                width: 60px;
                height: 20px;
                border: 1px solid #ccc;
                border-right: none;
                padding: 0 4px;
                float: left;
                background: #fff;
                font-size: 12px
            }

            .finput li.price-input .cFF7800 {
                color: #ff7800
            }

            .finput li.price-input .unit {
                width: 47px;
                height: 20px;
                border: 1px solid #ccc;
                background: #fafafa;
                position: relative;
                float: left;
                cursor: pointer
            }

                .finput li.price-input .unit span {
                    display: inline-block;
                    width: 32px;
                    height: 20px;
                    text-align: center;
                    line-height: 20px
                }

                .finput li.price-input .unit i {
                    display: inline-block;
                    width: 20px;
                    height: 14px;
                    position: absolute;
                    right: 0;
                    top: 4px
                }

                    .finput li.price-input .unit i.xl {
                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/xl.svg) 50% no-repeat
                    }

                    .finput li.price-input .unit i.sl {
                        background: url(//static.szlcsc.com/ecp/assets/web/common/images/sl.svg) 50% no-repeat
                    }

                .finput li.price-input .unit .unit-contain {
                    display: none;
                    width: 47px;
                    height: 44px;
                    border: 1px solid #ccc;
                    background: #fafafa;
                    position: absolute;
                    left: -1px;
                    top: -1px;
                    z-index: 6
                }

                    .finput li.price-input .unit .unit-contain span:hover {
                        color: #ff7800
                    }

            .finput li.price-input .cccc {
                color: #ccc
            }

        .finput li.price-input-hk {
            display: none
        }

        .finput li.totalPrice-li {
            white-space: nowrap
        }

            .finput li.totalPrice-li .plus_mj {
                display: none;
                vertical-align: -4px;
                width: 18px;
                height: 18px;
                cursor: pointer;
                position: relative;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/plus_mj_icon.svg) 50% no-repeat
            }

                .finput li.totalPrice-li .plus_mj .plus-flag {
                    display: none;
                    position: absolute;
                    z-index: 5;
                    right: -40px;
                    top: 24px;
                    width: auto;
                    height: auto;
                    padding: 10px;
                    background: #fff;
                    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
                    border: 1px solid #eaeaea;
                    text-align: center
                }

                    .finput li.totalPrice-li .plus_mj .plus-flag s {
                        position: absolute;
                        top: -13px;
                        right: 41px;
                        height: 0;
                        width: 0;
                        border: 6px dashed transparent;
                        border-bottom: 6px solid #c8c8c8
                    }

                    .finput li.totalPrice-li .plus_mj .plus-flag i {
                        position: absolute;
                        top: -9px;
                        *top: -9px;
                        left: -10px;
                        height: 0;
                        width: 0;
                        border: 10px dashed transparent;
                        border-bottom: 10px solid #fff
                    }

                    .finput li.totalPrice-li .plus_mj .plus-flag span {
                        font-size: 12px;
                        color: #333;
                        white-space: nowrap
                    }

                .finput li.totalPrice-li .plus_mj:hover .plus-flag {
                    display: block
                }

            .finput li.totalPrice-li .rebate-flag {
                position: relative;
                display: inline-block;
                width: 18px;
                height: 18px;
                line-height: 18px;
                border-radius: 2px;
                text-align: center;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/rebate.svg) no-repeat;
                cursor: pointer;
                vertical-align: text-top
            }

                .finput li.totalPrice-li .rebate-flag .pop-box {
                    position: absolute;
                    top: 24px;
                    left: -73px;
                    min-width: 180px;
                    padding: 9px;
                    font-style: normal;
                    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
                    border: 1px solid #e9e9e9
                }

                    .finput li.totalPrice-li .rebate-flag .pop-box .icon_tip_narrow {
                        position: absolute;
                        left: 75px;
                        top: -7px;
                        width: 11px;
                        height: 7px;
                        background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px
                    }

                    .finput li.totalPrice-li .rebate-flag .pop-box .tip-text {
                        font-size: 12px;
                        font-weight: 400;
                        color: #666;
                        text-align: left
                    }

                        .finput li.totalPrice-li .rebate-flag .pop-box .tip-text .text {
                            height: 16px;
                            line-height: 16px;
                            white-space: nowrap
                        }

                            .finput li.totalPrice-li .rebate-flag .pop-box .tip-text .text .rebate-money {
                                color: #333;
                                font-weight: 700
                            }

                        .finput li.totalPrice-li .rebate-flag .pop-box .tip-text .link {
                            color: #0093e6;
                            text-decoration: underline
                        }

        .finput li.stocks {
            cursor: default
        }

            .finput li.stocks i.pan-stock {
                display: inline-block;
                vertical-align: bottom;
                width: 17px;
                height: 16px;
                margin-right: 3px;
                margin-bottom: 2px
            }

            .finput li.stocks i.adequate {
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/adequate.svg) 50% no-repeat
            }

            .finput li.stocks .arrival-notice-btn {
                text-decoration: underline
            }

                .finput li.stocks .arrival-notice-btn:hover {
                    color: #0094e5
                }

            .finput li.stocks .stock-flag {
                position: relative;
                display: inline-block;
                width: 14px;
                height: 14px;
                line-height: 14px;
                border-radius: 2px;
                text-align: center;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/gantanhao.svg) no-repeat;
                cursor: pointer;
                vertical-align: text-top
            }

                .finput li.stocks .stock-flag .pop-box {
                    position: absolute;
                    top: 30px;
                    left: -15px;
                    min-width: 100px;
                    padding: 9px;
                    font-style: normal;
                    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
                    border: 1px solid #e9e9e9
                }

                    .finput li.stocks .stock-flag .pop-box .icon_tip_narrow {
                        position: absolute;
                        left: 13px;
                        top: -7px;
                        width: 11px;
                        height: 7px;
                        background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px
                    }

                    .finput li.stocks .stock-flag .pop-box .tip-text {
                        font-size: 12px;
                        font-weight: 400;
                        color: #666;
                        text-align: left
                    }

                        .finput li.stocks .stock-flag .pop-box .tip-text .text {
                            height: 16px;
                            line-height: 16px;
                            white-space: nowrap
                        }

                            .finput li.stocks .stock-flag .pop-box .tip-text .text .stock-num {
                                color: #333;
                                font-weight: 700
                            }

    .finput .dh-style {
        display: inline-block
    }

.pan {
    height: auto;
    -webkit-box-align: end;
    -webkit-align-items: end;
    align-items: end
}

    .pan, .pan .pan-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

        .pan .pan-list {
            position: relative;
            width: 100%
        }

            .pan .pan-list .dinghuoyouhui:hover, .pan .pan-list .icon-mark:hover .dinghuoyouhui {
                color: #ff7800
            }

            .pan .pan-list .top-to-sale-btn {
                position: relative
            }

                .pan .pan-list .top-to-sale-btn:hover .icon-tip, .pan .pan-list .top-to-sale-btn:hover .icon-tip-narrow {
                    display: block
                }

                .pan .pan-list .top-to-sale-btn .icon-tip-narrow {
                    display: none;
                    position: absolute;
                    right: -6px;
                    top: 12px;
                    z-index: 4;
                    width: 6px;
                    height: 9px;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/triangle.png) no-repeat
                }

                .pan .pan-list .top-to-sale-btn .icon-tip {
                    display: none;
                    position: absolute;
                    top: -12px;
                    left: 96px;
                    z-index: 3;
                    padding: 10px;
                    color: #666;
                    font-size: 12px;
                    line-height: 18px;
                    background-color: #fff;
                    border: 1px solid #cecbce;
                    box-sizing: border-box;
                    box-shadow: 0 0 2px 3px #f2f2f2;
                    width: 106px;
                    text-align: center;
                    border-radius: 2px;
                    cursor: default
                }

            .pan .pan-list .hover-flag {
                position: relative
            }

                .pan .pan-list .hover-flag:hover .gmxz-box {
                    display: block
                }

                .pan .pan-list .hover-flag .gmxz {
                    display: inline-block;
                    vertical-align: -3px;
                    margin-right: 6px;
                    width: 15px;
                    height: 15px;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/warn.svg) 50% no-repeat;
                    background-size: cover
                }

                .pan .pan-list .hover-flag .gmxz-box {
                    display: none;
                    position: absolute;
                    top: 27px;
                    left: -5px;
                    width: 147px;
                    padding: 9px;
                    font-style: normal;
                    background: #fff;
                    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
                    border: 1px solid #e9e9e9;
                    z-index: 9999
                }

                    .pan .pan-list .hover-flag .gmxz-box .icon_tip_narrow {
                        position: absolute;
                        left: 7px;
                        top: -7px;
                        width: 11px;
                        height: 7px;
                        background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px
                    }

                    .pan .pan-list .hover-flag .gmxz-box p {
                        color: #666
                    }

            .pan .pan-list .no-dh-wrap {
                margin: 5px 0
            }

                .pan .pan-list .no-dh-wrap .no-dh {
                    display: inline-block;
                    vertical-align: -5px;
                    margin-right: 6px;
                    width: 18px;
                    height: 19px;
                    background: url(//static.szlcsc.com/ecp/assets/web/common/images/no-dh.svg) 50% no-repeat
                }

            .pan .pan-list .flag1 {
                float: left;
                margin-top: 5px;
                margin-right: 4px;
                width: 16px;
                height: 15px;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/error-tip.svg) no-repeat 50%
            }

        .pan .stocks {
            line-height: 28px;
            color: #999
        }

.clock {
    width: 15px;
    height: 16px;
    margin-right: 2px;
    background: url(//static.szlcsc.com/ecp/assets/web/common/images/alarm-clock-grey.svg);
    vertical-align: -3px
}

.clock, .radio-label {
    display: inline-block
}

.radio-label {
    margin-bottom: 4px
}

    .radio-label.local-radio-label {
        position: relative
    }

        .radio-label.local-radio-label .radio-label-dialog {
            left: auto;
            right: 155px;
            top: -20px
        }

            .radio-label.local-radio-label .radio-label-dialog .radio-label-dialog-content {
                white-space: nowrap;
                text-align: left
            }

                .radio-label.local-radio-label .radio-label-dialog .radio-label-dialog-content .price-list-li {
                    line-height: 1.75
                }

                .radio-label.local-radio-label .radio-label-dialog .radio-label-dialog-content .price-gradient {
                    width: 68px;
                    text-align: right
                }

                .radio-label.local-radio-label .radio-label-dialog .radio-label-dialog-content .price {
                    width: 70px
                }

                    .radio-label.local-radio-label .radio-label-dialog .radio-label-dialog-content .price.hk-usd {
                        width: 80px
                    }

                    .radio-label.local-radio-label .radio-label-dialog .radio-label-dialog-content .price.hk-rmb {
                        width: auto
                    }

                .radio-label.local-radio-label .radio-label-dialog .radio-label-dialog-content .price-list-tit .price.hk-usd {
                    margin-left: -10px
                }

            .radio-label.local-radio-label .radio-label-dialog .radio-label-dialog-f-s {
                display: none
            }

.input-radio {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: -3px;
    background: url(//static.szlcsc.com/ecp/assets/web/common/images/hk-icon/radio-normal.svg) no-repeat 50%;
    background-size: 14px
}

    .input-radio.disabled {
        background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/hk-icon/radio-disabled.svg)
    }

    .input-radio.active {
        background-image: url(//static.szlcsc.com/ecp/assets/web/common/images/hk-icon/radio-active.svg)
    }

.pan-list-btn {
    width: 92px;
    height: 33px;
    border: none;
    border-radius: 2px;
    background: #ff7800;
    color: #fff
}

    .pan-list-btn.product-move-btn {
        position: relative;
        background: #5e5e5e
    }

        .pan-list-btn.product-move-btn .product-move-tip {
            display: none;
            position: absolute;
            width: 202px;
            right: 0;
            top: 40px;
            color: #666;
            box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
            border: 1px solid #e9e9e9;
            font-weight: 400;
            font-size: 12px;
            padding: 4px 8px;
            text-align: left;
            background: #fff;
            z-index: 1;
            line-height: 1.4
        }

            .pan-list-btn.product-move-btn .product-move-tip .icon-tip-narrow {
                top: -6px;
                right: 5px
            }

        .pan-list-btn.product-move-btn:hover .product-move-tip, .pan-list-btn.product-move-btn:hover .product-move-tip .icon-tip-narrow {
            display: block
        }

    .pan-list-btn.addCartBtn-TJ {
        width: 92px;
        height: 33px;
        border: 1px solid rgba(255,120,0,.19);
        border-radius: 2px;
        background: #fcf1e7;
        color: #ff7800
    }

    .pan-list-btn.group-booking-btn {
        width: 92px;
        height: 33px;
        color: #fff;
        border-radius: 2px
    }

    .pan-list-btn.orange {
        border: 1px solid rgba(255,120,0,.19);
        background: #ff7800
    }

    .pan-list-btn.blue {
        border: 1px solid #0093e6;
        background: #0093e6
    }

.stock-btn {
    margin-top: 5px;
    width: 92px;
    height: 33px;
    border-radius: 2px;
    color: #0093e6;
    background-color: #fff;
    border: 1px solid rgba(0,147,230,.19)
}

    .stock-btn:hover {
        color: #199fe9;
        background-color: rgba(25,159,233,.06)
    }

.add-cart-tip {
    display: none
}

    .add-cart-tip .add-cart {
        display: inline-block;
        vertical-align: -5px;
        margin-right: 6px;
        width: 20px;
        height: 20px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/gg.svg) 50% no-repeat
    }

ul.price-area {
    width: 100%
}

    ul.price-area li {
        margin-bottom: 3px;
        width: 100%;
        height: 18px
    }

        ul.price-area li.price-input {
            height: 24px;
            position: relative
        }

            ul.price-area li.price-input .cartnumbers {
                width: 60px;
                height: 20px;
                border: 1px solid #ccc;
                border-right: none;
                padding: 0 4px;
                float: left;
                background: #fff;
                font-size: 12px
            }

            ul.price-area li.price-input .cFF7800 {
                color: #ff7800
            }

            ul.price-area li.price-input .unit {
                width: 47px;
                height: 20px;
                border: 1px solid #ccc;
                background: #fafafa;
                text-align: center;
                line-height: 20px;
                float: left;
                cursor: default
            }

            ul.price-area li.price-input .cccc {
                color: #ccc
            }

        ul.price-area li.totalPrice-li {
            text-overflow: ellipsis;
            white-space: nowrap
        }

            ul.price-area li.totalPrice-li > span {
                -webkit-user-select: all;
                user-select: all
            }

        ul.price-area li.stocks {
            cursor: default
        }

            ul.price-area li.stocks i.pan-stock {
                display: inline-block;
                vertical-align: bottom;
                width: 17px;
                height: 16px;
                margin-right: 3px;
                margin-bottom: 2px
            }

            ul.price-area li.stocks i.adequate {
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/adequate.svg) 50% no-repeat
            }

    ul.price-area .pointer-event {
        pointer-events: none
    }

.price-area-td .tit {
    text-align: center
}

.price-area-td .toggle-prices-list {
    margin-top: 10px
}

    .price-area-td .toggle-prices-list i {
        margin: 0 auto;
        display: block;
        width: 20px;
        height: 14px;
        cursor: pointer
    }

        .price-area-td .toggle-prices-list i.xl {
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/xl.svg) 50% no-repeat
        }

        .price-area-td .toggle-prices-list i.sl {
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/sl.svg) 50% no-repeat
        }

.price-area-td .num-label {
    display: inline-block;
    min-width: 45%;
    text-align: right;
    word-break: keep-all
}

.price-area-td .price-label {
    display: inline-block
}

.three {
    width: 100%
}

    .three .three-nr {
        width: 100%;
        float: left
    }

        .three .three-nr li {
            height: 21px
        }

            .three .three-nr li p {
                float: left;
                text-align: right;
                width: 70px
            }

        .three .three-nr .text_initial {
            text-align: initial
        }

            .three .three-nr .text_initial span {
                display: inline-block
            }

            .three .three-nr .text_initial .p-1 {
                width: 63px;
                text-align: right
            }

            .three .three-nr .text_initial .p-2 {
                width: 80px;
                margin-left: 14px
            }

            .three .three-nr .text_initial .p-3 {
                width: 65px;
                margin-left: 3px
            }

        .three .three-nr .ccd {
            float: left
        }

            .three .three-nr .ccd .plus-ff7900 {
                color: #ff7900
            }

            .three .three-nr .ccd .del-ff7900 {
                color: #444
            }

        .three .three-nr .ccd-ppbbz {
            float: left
        }

        .three .three-nr .ccdbj {
            width: 60px;
            height: 18px;
            border: 1px solid #ccc;
            text-align: center;
            line-height: 18px;
            color: #444
        }

            .three .three-nr .ccdbj a {
                display: block;
                width: 100%;
                height: 100%
            }

            .three .three-nr .ccdbj:hover {
                color: #0093e6;
                border-color: #0093e6
            }

        .three .three-nr .price-warp {
            width: auto;
            height: 21px
        }

            .three .three-nr .price-warp .ppbbz-nowrap {
                margin-left: 0
            }

    .three .three-nrg {
        width: 165px;
        float: left
    }

    .three .three-nrg3 {
        width: 175px;
        float: left
    }

    .three .hk-radio {
        padding-left: 15px
    }

.three-nr-01 {
    background: #fff5eb;
    color: #ff7800;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: -webkit-max-content;
    width: max-content;
    padding: 0 10px;
    margin: 0 auto 6px;
    border-radius: 10px 10px 10px 0
}

    .three-nr-01 .show-discount-icon {
        position: relative;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 4px;
        vertical-align: -3px;
        background: url(//static.szlcsc.com/ecp/assets/web/layout/productItem/images/price_label.svg) no-repeat 50%;
        background-size: 16px 16px
    }

        .three-nr-01 .show-discount-icon .common-float-dialog {
            padding: 10px 12px;
            left: auto;
            right: 0;
            -webkit-transform: translateX(50px);
            transform: translateX(50px)
        }

            .three-nr-01 .show-discount-icon .common-float-dialog .common-float-content {
                white-space: nowrap;
                text-align: left
            }

                .three-nr-01 .show-discount-icon .common-float-dialog .common-float-content .cel-item {
                    display: inline-block
                }

                    .three-nr-01 .show-discount-icon .common-float-dialog .common-float-content .cel-item.num-cel {
                        text-align: right
                    }

                    .three-nr-01 .show-discount-icon .common-float-dialog .common-float-content .cel-item.not-plus-o-price-cel .o-price {
                        color: #999;
                        text-decoration: line-through
                    }

            .three-nr-01 .show-discount-icon .common-float-dialog .f-s {
                left: auto;
                right: 50px
            }

        .three-nr-01 .show-discount-icon:hover .common-float-dialog {
            display: block
        }

    .three-nr-01 .group-icon {
        display: inline-block;
        width: 12px;
        height: 14px;
        margin-left: 2px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/group-icon.svg);
        vertical-align: text-top
    }

.three-nr-long {
    margin-left: 0;
    background-color: #ededed;
    color: #666
}

    .three-nr-long .orange {
        color: unset !important
    }

.ffour {
    width: 237px
}

.ffour, .three-change {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.three-change {
    width: 130px;
    margin-left: 10px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

    .three-change.originPosition {
        width: 120px
    }

        .three-change.originPosition .smt-stock {
            position: inherit;
            bottom: 0;
            left: 0
        }

    .three-change .smt-stock {
        position: absolute;
        bottom: 17px;
        border-top: 1px dashed #c5c1c1;
        padding: 6px 0;
        left: 0
    }

.tr3 {
    width: 375px
}

.progress-total {
    position: relative;
    display: inline-block;
    width: 102px;
    height: 5px;
    border-radius: 7px;
    background: #dedede
}

    .progress-total .progress-percent {
        height: 5px;
        border-radius: 7px;
        background: -webkit-linear-gradient(left,#ffead8,#ff7800);
        background: linear-gradient(90deg,#ffead8,#ff7800)
    }

    .progress-total:hover .tooltip {
        display: block
    }

    .progress-total .tooltip {
        display: none;
        position: absolute;
        top: 15px;
        left: -40px;
        width: auto;
        max-width: 300px;
        min-width: 150px;
        min-height: 22px !important;
        padding: 9px;
        font-style: normal;
        box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
        border: 1px solid #e9e9e9;
        background: #fff;
        z-index: 10
    }

        .progress-total .tooltip .narrow {
            position: absolute;
            left: 50%;
            top: -7px;
            width: 11px;
            height: 7px;
            background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px;
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }

        .progress-total .tooltip .content {
            min-height: 20px;
            line-height: 16px;
            font-size: 12px;
            font-weight: 400;
            color: #444;
            text-align: left;
            word-break: break-all
        }

.progress {
    position: relative
}

    .progress .look-group-detail {
        position: relative;
        text-decoration: underline;
        margin-left: 4px;
        cursor: pointer
    }

        .progress .look-group-detail:hover {
            color: #0093e6
        }

    .progress .detail-content-pop {
        position: absolute;
        top: 25px;
        left: 16px;
        padding: 11px;
        font-style: normal;
        color: #333;
        box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
        border: 1px solid #e9e9e9;
        z-index: 999;
        background-color: #fff
    }

        .progress .detail-content-pop .icon_tip_narrow {
            position: absolute;
            left: 45px;
            top: -7px;
            width: 11px;
            height: 7px;
            background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px
        }

        .progress .detail-content-pop .group-detail h4 {
            margin-bottom: 8px
        }

        .progress .detail-content-pop .group-detail .content {
            width: 305px;
            height: 82px;
            font-size: 0
        }

            .progress .detail-content-pop .group-detail .content .round {
                display: -webkit-inline-box;
                display: -webkit-inline-flex;
                display: inline-flex;
                width: 19px;
                height: 19px;
                margin: 13px 6px 6px;
                font-size: 12px;
                text-align: center;
                color: #ff7800;
                border-radius: 10px;
                border: 1px solid rgba(255,120,0,.19);
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

            .progress .detail-content-pop .group-detail .content .dash-line {
                display: inline-block;
                width: 50px;
                height: 1px;
                border-top: 1px dashed #ccc;
                vertical-align: 3px
            }

            .progress .detail-content-pop .group-detail .content .label-wrap .label {
                display: inline-block;
                width: 50px;
                line-height: 16px;
                font-size: 12px;
                text-align: center
            }

.product-name-link {
    font-size: 14px;
    font-weight: 700
}

    .product-name-link.mro-item {
        max-width: calc(100% - 120px)
    }

        .product-name-link.mro-item.have-smt {
            max-width: calc(100% - 240px)
        }

    .product-name-link .catalog {
        display: inline-block;
        max-width: 100px;
        height: 19px;
        background: #f9f9f9;
        padding: 2px 10px;
        font-size: 12px;
        color: #979797
    }

        .product-name-link .catalog:hover {
            color: #0093e6
        }

    .product-name-link .smt-flag {
        display: inline-block;
        width: 117px;
        height: 20px;
        line-height: 20px;
        margin-left: 6px;
        font-size: 12px;
        text-align: center;
        color: #ff7800;
        background: #fff5eb
    }

    .product-name-link .common-useless-mro {
        background: #e4ecff;
        color: #3a6cef;
        width: -webkit-max-content;
        width: max-content;
        padding: 0 5px;
        border-radius: 2px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        margin-left: 6px
    }

.totalPrice {
    font-weight: 700
}

.two-01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.remain-time {
    display: inline-block;
    margin-bottom: 5px
}

    .remain-time .bold {
        font-weight: 700;
        color: #0393e8
    }

.w90 {
    width: 90px !important
}

.color-444 {
    display: inline-block;
    color: #444
}

table .c9a9a9a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 5px
}

table .params-list .c9a9a9a {
    max-width: 80px;
    overflow: hidden
}

.orange-light {
    border: 1px solid rgba(255,120,0,.19) !important;
    background: #ffebd9;
    color: #ff7800 !important
}

.light-color {
    color: #444
}

.mb-0 {
    margin-bottom: 0 !important
}

.nobg {
    background: unset !important
}

.more-channel-products {
    background: rgba(25,159,233,.06)
}

.font-bold {
    font-weight: 700 !important
}

.tj-tr .section-4 {
    width: 170px
}

body {
    font: 12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,sans-serif
}

.main-container {
    overflow: initial
}

.page-catalog .list-right-cur {
    font-size: 14px;
    color: #9a9a9a
}

    .page-catalog .list-right-cur h1 {
        font-size: 14px;
        display: inline;
        font-weight: 400
    }

.page-catalog .share {
    width: 28px;
    height: 28px;
    background: #666;
    border-radius: 50%;
    color: #666;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
    position: absolute;
    left: calc((100% - 1200px)/2 + 1215px);
    top: 326px
}

    .page-catalog .share i {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-top: 6px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/share-link.svg) no-repeat 50%
    }

    .page-catalog .share .tooltip {
        display: none;
        position: absolute;
        top: -6px;
        left: 40px;
        width: 180px;
        max-width: 300px;
        min-height: 22px !important;
        padding: 9px;
        font-style: normal;
        box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
        border: 1px solid #e9e9e9;
        background: #fff;
        z-index: 10
    }

        .page-catalog .share .tooltip .narrow {
            position: absolute;
            left: -9px;
            top: 20px;
            width: 11px;
            height: 7px;
            background: #fff url(//static.szlcsc.com/ecp/assets/web/common/images/order_icon.png) no-repeat -250px -471px;
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg)
        }

        .page-catalog .share .tooltip .content {
            min-height: 22px;
            line-height: 16px;
            font-size: 12px;
            font-weight: 400;
            color: #444;
            text-align: left;
            word-break: break-all
        }

    .page-catalog .share:hover {
        background: #999;
        color: #999
    }

        .page-catalog .share:hover .tooltip {
            display: block
        }

.page-catalog #global-products {
    position: relative;
    margin-top: 12px;
    padding: 0 15px;
    min-height: 234px;
    background-color: #f1f1f1;
    border: 1px solid #e6e6e6
}

    .page-catalog #global-products .select-wrap {
        width: 1140px;
        margin: 0 auto;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        font-size: 0
    }

        .page-catalog #global-products .select-wrap .name li span {
            font-size: 12px;
            white-space: nowrap
        }

        .page-catalog #global-products .select-wrap .swiper-wrapper {
            height: 230px !important;
            padding-bottom: 10px
        }

        .page-catalog #global-products .select-wrap .swiper-wrapper-longer {
            height: 430px !important;
            -webkit-transition-property: height;
            transition-property: height;
            -webkit-transition-duration: .2s;
            transition-duration: .2s;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
            -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out
        }

        .page-catalog #global-products .select-wrap .select {
            display: inline-block;
            color: #666;
            padding: 5px 12px 5px 0;
            width: 164px;
            min-width: 70px;
            height: 205px;
            font-size: 12px;
            box-sizing: border-box;
            vertical-align: top;
            -webkit-flex-shrink: 0;
            flex-shrink: 0
        }

            .page-catalog #global-products .select-wrap .select .header {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                padding: 0 4px
            }

                .page-catalog #global-products .select-wrap .select .header h2 {
                    max-width: 130px;
                    text-overflow: ellipsis;
                    word-break: break-all;
                    white-space: nowrap;
                    overflow: hidden
                }

            .page-catalog #global-products .select-wrap .select .quick-filter {
                display: inline-block;
                margin-left: 6px;
                vertical-align: -3px;
                cursor: pointer;
                font-style: unset;
                color: #0093e6;
                display: -webkit-inline-box;
                display: -webkit-inline-flex;
                display: inline-flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                font-size: 12px
            }

                .page-catalog #global-products .select-wrap .select .quick-filter .more-icon {
                    width: 12px;
                    height: 12px
                }

            .page-catalog #global-products .select-wrap .select .sea-wrap {
                position: relative;
                height: 26px;
                margin-bottom: 5px;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

                .page-catalog #global-products .select-wrap .select .sea-wrap input {
                    color: #57657a;
                    background-color: #fff;
                    border: 1px solid #e1e1e1;
                    padding: 5px 22px 5px 5px;
                    outline: none;
                    width: 100%;
                    box-sizing: border-box;
                    position: absolute;
                    border-radius: 3px;
                    height: 24px !important;
                    line-height: 24px !important
                }

                .page-catalog #global-products .select-wrap .select .sea-wrap span.sea-icon {
                    position: absolute;
                    width: 18px;
                    height: 18px;
                    right: 4px;
                    top: 4px;
                    background: url(/images/v_cn_3.0/list_item_icon20181217.png) no-repeat -84px -6px;
                    -webkit-transform: scale(.85);
                    transform: scale(.85)
                }

            .page-catalog #global-products .select-wrap .select div.name-scroll {
                height: 110px;
                overflow-y: auto;
                overflow-x: hidden;
                -webkit-transition-property: height;
                transition-property: height;
                -webkit-transition-duration: .2s;
                transition-duration: .2s;
                -webkit-transition-delay: 0s;
                transition-delay: 0s;
                -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out;
                border-top: 0
            }

                .page-catalog #global-products .select-wrap .select div.name-scroll.h86 {
                    height: 86px
                }

                .page-catalog #global-products .select-wrap .select div.name-scroll.h120 {
                    height: 120px
                }

                .page-catalog #global-products .select-wrap .select div.name-scroll.longer {
                    height: 310px;
                    -webkit-transition-property: height;
                    transition-property: height;
                    -webkit-transition-duration: .2s;
                    transition-duration: .2s;
                    -webkit-transition-delay: 0s;
                    transition-delay: 0s;
                    -webkit-transition-timing-function: ease-in-out;
                    transition-timing-function: ease-in-out
                }

                .page-catalog #global-products .select-wrap .select div.name-scroll.longer-parameter {
                    height: 286px
                }

                .page-catalog #global-products .select-wrap .select div.name-scroll.longer-parameter-318 {
                    height: 318px
                }

                .page-catalog #global-products .select-wrap .select div.name-scroll::-webkit-scrollbar {
                    width: 0;
                    height: 8px
                }

                .page-catalog #global-products .select-wrap .select div.name-scroll:hover::-webkit-scrollbar {
                    width: 8px
                }

                .page-catalog #global-products .select-wrap .select div.name-scroll::-webkit-scrollbar-corner {
                    background-color: transparent
                }

                .page-catalog #global-products .select-wrap .select div.name-scroll::-webkit-scrollbar-thumb {
                    border: 2px solid transparent;
                    min-height: 30px;
                    border-radius: 25px;
                    background-clip: padding-box;
                    background-color: rgba(0,0,0,.1)
                }

                    .page-catalog #global-products .select-wrap .select div.name-scroll::-webkit-scrollbar-thumb:hover {
                        border: 3px solid rgba(0,0,0,.1);
                        background-color: rgba(0,0,0,.1)
                    }

            .page-catalog #global-products .select-wrap .select ul.name {
                min-height: 100%;
                overflow: hidden;
                width: 95% !important
            }

            .page-catalog #global-products .select-wrap .select ul li {
                cursor: pointer;
                padding: 3px 1px 3px 4px;
                display: block;
                white-space: nowrap;
                box-sizing: border-box;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

                .page-catalog #global-products .select-wrap .select ul li:hover {
                    color: #0093e6
                }

                .page-catalog #global-products .select-wrap .select ul li.disabled {
                    background: #fff;
                    color: #b1b1b1;
                    pointer-events: none
                }

                    .page-catalog #global-products .select-wrap .select ul li.disabled:hover {
                        background: #fff;
                        color: #b1b1b1;
                        cursor: auto
                    }

            .page-catalog #global-products .select-wrap .select h2 {
                overflow-x: hidden;
                text-overflow: clip;
                white-space: nowrap;
                margin: 0;
                padding: 8px 0;
                font-size: 14px;
                color: #333
            }

            .page-catalog #global-products .select-wrap .select .manual-add-parameter {
                width: 100%
            }

                .page-catalog #global-products .select-wrap .select .manual-add-parameter .value-input {
                    width: 40px
                }

                .page-catalog #global-products .select-wrap .select .manual-add-parameter .unit-select {
                    width: 70px;
                    height: 27px
                }

        .page-catalog #global-products .select-wrap::-webkit-scrollbar {
            height: 6px
        }

        .page-catalog #global-products .select-wrap::-webkit-scrollbar-thumb {
            background-color: #b9b9b9;
            border-radius: 4px
        }

    .page-catalog #global-products .select-resize {
        position: absolute;
        top: 40%;
        left: 17px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 12px;
        color: #666;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0;
        text-shadow: none;
        cursor: pointer
    }

        .page-catalog #global-products .select-resize span {
            display: block;
            width: 20px;
            margin-left: 2px
        }

        .page-catalog #global-products .select-resize i {
            display: inline-block;
            height: 15px;
            width: 15px;
            background: url(//static.szlcsc.com/ecp/assets/web/page/list/catalog/images/pull-down.svg) no-repeat;
            vertical-align: -2px
        }

            .page-catalog #global-products .select-resize i.rotate {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

    .page-catalog #global-products .key-word {
        margin: 10px 0 20px;
        position: relative
    }

        .page-catalog #global-products .key-word .key-word-flex {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: inline-flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            width: 100%;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }

            .page-catalog #global-products .key-word .key-word-flex .key-word-flex-div {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

        .page-catalog #global-products .key-word .key-word-wp {
            margin-bottom: 10px;
            display: block;
            padding: 5px 5px 5px 0;
            font-size: 12px;
            zoom: normal
        }

            .page-catalog #global-products .key-word .key-word-wp > span {
                position: relative;
                display: inline-block;
                margin: 2px 6px;
                padding: 0 16px 0 10px;
                height: 24px;
                line-height: 24px;
                color: #0095e6;
                border: 1px solid #0095e6;
                border-radius: 4px;
                background-color: #e5f5ff;
                cursor: pointer
            }

                .page-catalog #global-products .key-word .key-word-wp > span .clear-one {
                    position: absolute;
                    top: 0;
                    right: 0;
                    display: block;
                    height: 11px;
                    width: 11px;
                    background: url(//static.szlcsc.com/ecp/assets/web/page/list/catalog/images/closure-blue.svg) no-repeat;
                    background-size: 11px
                }

        .page-catalog #global-products .key-word .clear-btn, .page-catalog #global-products .key-word .make-sure-btn {
            box-sizing: border-box;
            width: 108px;
            height: 30px;
            line-height: 28px;
            border: none;
            border-radius: 6px;
            font-size: 12px;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .page-catalog #global-products .key-word .clear-btn {
            margin-right: 10px;
            border: 1px solid #c7c7c7
        }

        .page-catalog #global-products .key-word .make-sure-btn {
            border: 1px solid #0096ee;
            background: #0096ee;
            color: #fff
        }

        .page-catalog #global-products .key-word .results .num {
            color: #0096ee;
            font-size: 16px;
            font-weight: 700
        }

        .page-catalog #global-products .key-word .div-right {
            float: right
        }

        .page-catalog #global-products .key-word .key-word-p {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: inline-flex;
            height: 25px;
            line-height: 24px;
            margin-left: 23px;
            color: #999;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center
        }

            .page-catalog #global-products .key-word .key-word-p i {
                width: 16px;
                height: 16px;
                background: url(//static.szlcsc.com/ecp/assets/web/page/list/catalog/images/error-tip.svg) no-repeat
            }

            .page-catalog #global-products .key-word .key-word-p .quick-filter2 {
                display: inline-block;
                width: 14px;
                height: 14px;
                margin: 0 2px 0 0;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/filter.svg) no-repeat;
                background-size: contain
            }

            .page-catalog #global-products .key-word .key-word-p a {
                text-decoration: underline
            }

        .page-catalog #global-products .key-word .keyWordHideBtn {
            cursor: pointer;
            display: inline-block;
            margin-left: 50px
        }

            .page-catalog #global-products .key-word .keyWordHideBtn input {
                vertical-align: middle
            }

#filter-correction-div {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -223px;
    margin-top: -200px;
    z-index: 100000;
    display: none
}

#filter-correction-iframe {
    width: 446px;
    height: 370px
}

.guide-page {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    filter: alpha(opacity=35);
    background: rgba(0,0,0,.35)
}

    .guide-page .guide-box {
        width: 354px;
        height: 300px;
        position: absolute;
        top: 62.5%;
        left: 0;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }

        .guide-page .guide-box .guide {
            width: 354px;
            height: 244px;
            background: url(//static.szlcsc.com/ecp/assets/web/common/images/guide.png) 50% no-repeat
        }

        .guide-page .guide-box .ok {
            width: 128px;
            height: 36px;
            font-size: 16px;
            color: #fff;
            background: transparent;
            border-radius: 6px;
            border: 1px solid #fff;
            margin: 15px 0 0 92px
        }

            .guide-page .guide-box .ok:hover {
                background: #d8d8d8
            }

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.tipsBox {
    display: none;
    content: attr(data-tips);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    white-space: nowrap;
    opacity: 0;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
    background: #0094e5;
    color: #fff;
    top: 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    width: -webkit-max-content;
    width: max-content;
    padding: 0 12px;
    z-index: 1;
    font-size: 14px
}

    .tipsBox:before {
        content: "";
        opacity: 1;
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -8px;
        border: 8px solid transparent;
        border-top-color: #0094e5
    }

#paramsFilter {
    background: #f1f1f1;
    height: 308px;
    margin-top: 12px
}

    #paramsFilter .selectSkeleton {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        height: 188px !important;
        padding-bottom: 17px;
        padding-top: 40px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 1140px;
        margin: auto
    }

        #paramsFilter .selectSkeleton .item {
            padding: 12px;
            background: #fff;
            height: 175px;
            width: 150px;
            margin-right: 12px;
            border-radius: 5px
        }

        #paramsFilter .selectSkeleton ::v-deep .el-skeleton__item {
            display: block !important
        }

        #paramsFilter .selectSkeleton .el-skeleton__first-line, #paramsFilter .selectSkeleton .el-skeleton__paragraph {
            margin-top: 12px !important
        }

#turntable-dialog-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100002
}

#turntable-dialog-wrapper-mask {
    z-index: 100001
}

#turntable-dialog-wrapper-mask, .turntable-prize-wrapper-mask, .turntable-rule-wrapper-mask {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    filter: alpha(opacity=35);
    background: rgba(0,0,0,.35)
}

.turntable-prize-wrapper-mask, .turntable-rule-wrapper-mask {
    z-index: 100003
}

.turntable-prize-wrapper {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    -webkit-animation: zoomIn .8s ease-in-out 0s;
    animation: zoomIn .8s ease-in-out 0s;
    width: 403px;
    height: 380px;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/end-tip.png) no-repeat;
    text-align: center;
    z-index: 100004
}

    .turntable-prize-wrapper .close-btn {
        position: absolute;
        right: -50px;
        top: 0;
        width: 26px;
        height: 26px;
        background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/rule-close.svg) no-repeat;
        background-size: cover;
        cursor: pointer
    }

    .turntable-prize-wrapper.warm {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/end-tip.png) no-repeat;
        height: 501px;
        top: 45%
    }

        .turntable-prize-wrapper.warm .close-btn {
            right: -50px;
            top: 150px
        }

        .turntable-prize-wrapper.warm .title {
            margin-top: 230px;
            color: #d46a1c
        }

        .turntable-prize-wrapper.warm .content .prize-font {
            color: #ff6b2f
        }

        .turntable-prize-wrapper.warm .content .my-prize {
            color: #d25604;
            border-color: #d25604
        }

        .turntable-prize-wrapper.warm .i-know {
            background: -webkit-linear-gradient(212deg,#ff672e,#ffab3c);
            background: linear-gradient(238deg,#ff672e,#ffab3c)
        }

            .turntable-prize-wrapper.warm .i-know:hover {
                background: -webkit-linear-gradient(139deg,#ff672e,#ffab3c);
                background: linear-gradient(311deg,#ff672e,#ffab3c)
            }

    .turntable-prize-wrapper.ssy-red {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/end-tip.png) no-repeat;
        height: 501px;
        top: 45%
    }

        .turntable-prize-wrapper.ssy-red .close-btn {
            right: -30px;
            top: 200px
        }

        .turntable-prize-wrapper.ssy-red .title {
            margin-top: 230px;
            color: #d41c1c
        }

        .turntable-prize-wrapper.ssy-red .content .prize-font {
            color: #ff2f2f
        }

        .turntable-prize-wrapper.ssy-red .content .my-prize {
            color: #d20404;
            border-color: #d20404
        }

        .turntable-prize-wrapper.ssy-red .i-know {
            background: -webkit-linear-gradient(left,#f77,#ff2828);
            background: linear-gradient(90deg,#f77,#ff2828)
        }

            .turntable-prize-wrapper.ssy-red .i-know:hover {
                background: -webkit-linear-gradient(left,#ff8e8e,#ff4646);
                background: linear-gradient(90deg,#ff8e8e,#ff4646)
            }

    .turntable-prize-wrapper .title {
        margin-top: 105px;
        font-size: 30px;
        font-weight: 700;
        color: #db8c22;
        line-height: 45px;
        letter-spacing: 2px
    }

    .turntable-prize-wrapper .content {
        margin: 20px auto 0;
        font-size: 14px;
        font-weight: 400;
        color: #666;
        line-height: 26px;
        width: 337px
    }

        .turntable-prize-wrapper .content.need-login, .turntable-prize-wrapper .content.no-gift {
            margin-top: 57px;
            margin-bottom: 48px
        }

        .turntable-prize-wrapper .content .prize-font {
            font-size: 20px;
            font-weight: 500;
            color: #2d96ff;
            letter-spacing: 1px;
            margin-bottom: 10px
        }

        .turntable-prize-wrapper .content .date .blod {
            font-weight: 700
        }

        .turntable-prize-wrapper .content .my-prize {
            color: #2d96ff;
            letter-spacing: 1px;
            display: inline-block;
            border-bottom: 1px solid #2d96ff
        }

    .turntable-prize-wrapper .i-know {
        display: inline-block;
        text-align: center;
        width: 150px;
        height: 45px;
        background: -webkit-linear-gradient(212deg,#157eff,#3cb8fe);
        background: linear-gradient(238deg,#157eff,#3cb8fe);
        border-radius: 24px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        line-height: 45px;
        margin: 13px auto 0;
        cursor: pointer
    }

        .turntable-prize-wrapper .i-know:hover {
            background: -webkit-linear-gradient(139deg,#157eff,#3cb8fe);
            background: linear-gradient(311deg,#157eff,#3cb8fe)
        }

.turntable-rule-wrapper {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    -webkit-animation: zoomIn .8s ease-in-out 0s;
    animation: zoomIn .8s ease-in-out 0s;
    width: 570px;
    height: 394px;
    padding: 6px;
    box-sizing: border-box;
    background: -webkit-linear-gradient(right,#dbedb4,#f1fdfc 48%,#c5e4ff);
    background: linear-gradient(270deg,#dbedb4,#f1fdfc 48%,#c5e4ff);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    border-radius: 10px;
    text-align: center;
    z-index: 100004
}

    .turntable-rule-wrapper * {
        box-sizing: border-box
    }

    .turntable-rule-wrapper.warm {
        background: -webkit-linear-gradient(right,#ffe98a,#fdf8f1 49%,#ffc886);
        background: linear-gradient(270deg,#ffe98a,#fdf8f1 49%,#ffc886);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.5)
    }

    .turntable-rule-wrapper.ssy-red {
        background: -webkit-linear-gradient(right,#ff8a8a,#fdf8f1 49%,#ff8686);
        background: linear-gradient(270deg,#ff8a8a,#fdf8f1 49%,#ff8686);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.5)
    }

    .turntable-rule-wrapper .rule-content {
        width: 557px;
        height: 382px;
        background: -webkit-linear-gradient(bottom,#fff,#fff);
        background: linear-gradient(1turn,#fff,#fff);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);
        border-radius: 10px;
        max-height: 382px;
        overflow-y: auto
    }

        .turntable-rule-wrapper .rule-content::-webkit-scrollbar {
            width: 5px;
            height: 1px
        }

        .turntable-rule-wrapper .rule-content::-webkit-scrollbar-thumb {
            border-radius: 5px;
            box-shadow: inset 0 0 5px hsla(0,0%,72%,.2);
            background: #999
        }

            .turntable-rule-wrapper .rule-content::-webkit-scrollbar-thumb:hover {
                box-shadow: inset 8px 0 0 #a5a5a5;
                cursor: pointer
            }

        .turntable-rule-wrapper .rule-content::-webkit-scrollbar-track {
            border-radius: 10px;
            background: transparent
        }

        .turntable-rule-wrapper .rule-content .title {
            padding-top: 26px;
            font-size: 20px;
            font-weight: 500;
            color: #444;
            line-height: 24px;
            letter-spacing: 1px
        }

        .turntable-rule-wrapper .rule-content .content {
            padding: 11px 21px 34px 26px;
            font-size: 14px;
            font-weight: 400;
            color: #666;
            box-sizing: border-box;
            margin: 0 auto;
            text-align: left
        }

            .turntable-rule-wrapper .rule-content .content p {
                line-height: 24px;
                margin-top: 10px
            }

    .turntable-rule-wrapper .rule-close-btn {
        position: absolute;
        bottom: -45px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 30px;
        height: 30px;
        background-image: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/rule-close.svg);
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer
    }

.lc-bom-upload-wrap {
    position: relative;
    height: 42px;
    padding-top: 9px;
    width: 112px;
    margin-left: 30px
}

    .lc-bom-upload-wrap .white-box {
        display: block;
        position: absolute;
        top: -24px;
        z-index: 1113;
        right: 10px;
        background: transparent;
        width: 100%;
        height: 25px
    }

        .lc-bom-upload-wrap .white-box:after {
            content: "";
            position: absolute;
            top: 19px;
            right: 15px;
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #fff
        }

    .lc-bom-upload-wrap #lc-bom-upload-tip {
        position: absolute;
        top: 65px;
        right: -1px;
        z-index: 1112;
        display: none;
        width: 599px;
        height: 370px;
        background: #fff;
        box-shadow: 0 0 16px 0 rgba(1,66,104,.2);
        border: 1px solid #e5e5e5;
        border-top: none;
        border-radius: 8px;
        box-sizing: border-box
    }

        .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content {
            margin: 0;
            padding: 10px 0;
            line-height: 20px;
            cursor: default
        }

            .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-head {
                display: block;
                padding-left: 35px;
                padding-top: 30px;
                height: 254px;
                background: -webkit-linear-gradient(top,#fff,#edf9ff);
                background: linear-gradient(180deg,#fff,#edf9ff)
            }

                .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-head .lc-bom-upload-tip-head-img {
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 251px;
                    height: 208px
                }

                .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-head .lc-bom-upload-tip-head-title {
                    font-weight: 700;
                    font-size: 20px;
                    color: #0093e5;
                    line-height: 22px;
                    margin-bottom: 10px;
                    display: block
                }

                .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-head .lc-bom-upload-tip-head-tips {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    margin-bottom: 3px;
                    color: #000;
                    font-size: 16px
                }

                    .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-head .lc-bom-upload-tip-head-tips > li {
                        margin-right: 6px
                    }

                .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-head .lc-bom-upload-tip-head-more {
                    font-size: 14px;
                    color: #0093e5;
                    line-height: 22px
                }

            .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-btn-wrap {
                position: absolute;
                top: 153px;
                left: 15px
            }

                .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-btn-wrap .lc-bom-upload-tip-btn-box {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    width: 569px;
                    height: 170px;
                    background: #fff;
                    border-radius: 4px;
                    border: 1px solid #cff0ff
                }

                    .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-btn-wrap .lc-bom-upload-tip-btn-box .lc-bom-upload-tip-btn-box-tip {
                        font-size: 18px;
                        color: #000;
                        line-height: 22px;
                        margin-bottom: 17px
                    }

                        .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-btn-wrap .lc-bom-upload-tip-btn-box .lc-bom-upload-tip-btn-box-tip > .num {
                            color: #0093e5;
                            font-weight: 700
                        }

                    .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-btn-wrap .lc-bom-upload-tip-btn-box .lc-bom-upload-tip-btn-box-btn {
                        position: relative;
                        width: 116px;
                        height: 32px;
                        margin: 0 auto;
                        background: #0093e5;
                        border-radius: 6px;
                        color: #fff;
                        text-align: center;
                        border: none
                    }

                        .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-btn-wrap .lc-bom-upload-tip-btn-box .lc-bom-upload-tip-btn-box-btn:hover {
                            background: #56b3ee
                        }

                        .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-btn-wrap .lc-bom-upload-tip-btn-box .lc-bom-upload-tip-btn-box-btn img {
                            margin-right: 6px
                        }

                        .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-btn-wrap .lc-bom-upload-tip-btn-box .lc-bom-upload-tip-btn-box-btn .lc-bom-upload-tip-btn-box-upload-file {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            opacity: 0;
                            cursor: pointer
                        }

                .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-btn-wrap .lc-bom-upload-tip-btn-msg {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-pack: justify;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    margin-top: 8px;
                    color: #999;
                    font-size: 12px
                }

                    .lc-bom-upload-wrap #lc-bom-upload-tip .lc-bom-upload-tip-content .lc-bom-upload-tip-btn-wrap .lc-bom-upload-tip-btn-msg button {
                        color: #0093e6;
                        border: none;
                        background: transparent;
                        font-size: 12px
                    }

.common-dialog {
    width: 480px;
    height: 178px;
    background: #fff;
    border-radius: 3px !important;
    border: none;
    left: 50%;
    top: 50%;
    margin-left: -240px;
    margin-top: -93px;
    position: fixed;
    z-index: 200000;
    display: none
}

    .common-dialog .common-img {
        width: 21px;
        height: 21px;
        vertical-align: middle;
        margin-right: 5px
    }

    .common-dialog .common-font {
        font-size: 16px;
        display: inline-block;
        font-weight: 500;
        color: rgba(0,0,0,.9)
    }

    .common-dialog .common-dialog-title {
        height: 22px;
        padding: 15px 15px 12px;
        line-height: 22px;
        font-size: 16px;
        font-weight: 500;
        color: rgba(0,0,0,.9);
        line-height: 24px
    }

        .common-dialog .common-dialog-title h3 {
            font-weight: 700;
            float: left;
            color: #444
        }

        .common-dialog .common-dialog-title a {
            display: block;
            float: right;
            width: 8px;
            height: 8px;
            background: url(//static.szlcsc.com/ecp/assets/web/page/bom/bomIndex/images/no.svg) no-repeat
        }

    .common-dialog .common-dialog-content {
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        color: #666;
        line-height: 28px;
        margin-top: 20px
    }

        .common-dialog .common-dialog-content .content-title {
            font-size: 14px;
            font-weight: 400;
            color: rgba(0,0,0,.6);
            line-height: 22px;
            padding: 0 35px 0 45px;
            text-align: left
        }

    .common-dialog .common-dialog-btn-box {
        position: absolute;
        bottom: 32px;
        right: 32px
    }

        .common-dialog .common-dialog-btn-box .common-dialog-btn {
            border: none;
            width: 88px;
            height: 32px;
            background: #315af8;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 400;
            color: hsla(0,0%,100%,.9);
            line-height: 22px
        }

            .common-dialog .common-dialog-btn-box .common-dialog-btn:hover {
                background: #5a7bf9
            }

        .common-dialog .common-dialog-btn-box .cancel {
            display: none;
            background: #fff;
            color: #878787;
            border: 1px solid #dfdfdf;
            margin-right: 10px
        }

            .common-dialog .common-dialog-btn-box .cancel:hover {
                background: #fff
            }

.loading-dialog {
    width: 580px;
    height: 396px;
    padding-top: 24px;
    text-align: center;
    font-size: 18px;
    color: #315af8;
    margin-left: -290px;
    margin-top: -213px
}

    .loading-dialog img {
        display: block;
        text-align: center;
        width: 510px;
        margin: 0 auto 35px
    }

#smashing-golden-eggs-dialog-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100002
}

#smashing-golden-eggs-dialog-wrapper-mask {
    z-index: 100001
}

#smashing-golden-eggs-dialog-wrapper-mask, .eggs-prize-wrapper-mask, .eggs-rule-wrapper-mask {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    filter: alpha(opacity=35);
    background: rgba(0,0,0,.35)
}

.eggs-prize-wrapper-mask, .eggs-rule-wrapper-mask {
    z-index: 100003
}

.eggs-prize-wrapper {
    display: none;
    position: fixed;
    top: 53%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    -webkit-animation: zoomIn .8s ease-in-out 0s;
    animation: zoomIn .8s ease-in-out 0s;
    width: 399px;
    height: 394px;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/cool-color/end-tip.png) no-repeat;
    z-index: 100004
}

    .eggs-prize-wrapper .close-btn {
        position: absolute;
        right: -50px;
        top: 0;
        width: 26px;
        height: 26px;
        background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/rule-close.svg) no-repeat;
        background-size: cover;
        cursor: pointer
    }

    .eggs-prize-wrapper.warm {
        width: 355px;
        height: 400px;
        background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/warm-color/end-tip.png) no-repeat
    }

        .eggs-prize-wrapper.warm .prize-content {
            width: 300px;
            margin: 0 auto
        }

            .eggs-prize-wrapper.warm .prize-content .title {
                margin-top: 125px;
                color: #ff6738
            }

            .eggs-prize-wrapper.warm .prize-content .content .prize-font {
                color: #795849;
                margin-bottom: 15px
            }

            .eggs-prize-wrapper.warm .prize-content .content .date {
                margin-bottom: 5px
            }

            .eggs-prize-wrapper.warm .prize-content .content .my-prize {
                color: #d25604;
                border-color: #d25604
            }

            .eggs-prize-wrapper.warm .prize-content .i-know {
                width: 202px;
                height: 52px;
                line-height: 52px;
                left: 78px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/warm-color/i-know.png) no-repeat
            }

                .eggs-prize-wrapper.warm .prize-content .i-know:hover {
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/warm-color/i-know-hover.png) no-repeat
                }

    .eggs-prize-wrapper .prize-content {
        width: 309px;
        text-align: center;
        margin-left: 57px
    }

        .eggs-prize-wrapper .prize-content .title {
            margin-top: 37px;
            height: 36px;
            font-size: 35px;
            font-weight: 800;
            color: #8d3800;
            line-height: 34px;
            background: -webkit-linear-gradient(bottom,#f54700,#ffc58d);
            background: linear-gradient(0deg,#f54700,#ffc58d);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .eggs-prize-wrapper .prize-content .content {
            margin-top: 20px;
            font-size: 14px;
            font-weight: 400;
            color: #6c6a69;
            line-height: 22px
        }

            .eggs-prize-wrapper .prize-content .content.need-login .prize-font, .eggs-prize-wrapper .prize-content .content.no-gift .prize-font {
                font-size: 16px
            }

            .eggs-prize-wrapper .prize-content .content .prize-font {
                font-size: 20px;
                font-weight: 600;
                color: #2e302f;
                line-height: 25px;
                letter-spacing: 1px;
                margin-bottom: 15px
            }

            .eggs-prize-wrapper .prize-content .content .date {
                width: 90%;
                margin: 0 auto
            }

                .eggs-prize-wrapper .prize-content .content .date .blod {
                    font-weight: 700;
                    color: #2e302f
                }

            .eggs-prize-wrapper .prize-content .content .my-prize {
                color: #e2033b;
                letter-spacing: 1px;
                display: inline-block;
                padding-bottom: 3px;
                border-bottom: 1px solid #e2033b
            }

            .eggs-prize-wrapper .prize-content .content .icon {
                margin: 0 auto;
                width: 58px;
                height: 58px;
                background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/prize/smile.svg) no-repeat
            }

                .eggs-prize-wrapper .prize-content .content .icon.need-login {
                    width: 166px;
                    height: 79px;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/prize/eggs.png) no-repeat
                }

        .eggs-prize-wrapper .prize-content .i-know {
            display: inline-block;
            position: absolute;
            left: 106px;
            bottom: 15px;
            text-align: center;
            width: 217px;
            height: 99px;
            background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/cool-color/i-know.png) no-repeat 50%/cover;
            font-size: 18px;
            font-weight: 800;
            color: #d25604;
            line-height: 99px;
            cursor: pointer
        }

            .eggs-prize-wrapper .prize-content .i-know:hover {
                background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/cool-color/i-know-hover.png) no-repeat 50%/cover
            }

.eggs-rule-wrapper {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    -webkit-animation: zoomIn .8s ease-in-out 0s;
    animation: zoomIn .8s ease-in-out 0s;
    width: 570px;
    height: 394px;
    padding: 6px;
    background: -webkit-linear-gradient(right,#fcd4da,#fdf8f1 49%,#aeecd3);
    background: linear-gradient(270deg,#fcd4da,#fdf8f1 49%,#aeecd3);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    border-radius: 10px;
    text-align: center;
    z-index: 100004
}

    .eggs-rule-wrapper, .eggs-rule-wrapper * {
        box-sizing: border-box
    }

        .eggs-rule-wrapper.warm {
            background: -webkit-linear-gradient(right,#ffd0d0,#fdf8f1 49%,#ffcfc0);
            background: linear-gradient(270deg,#ffd0d0,#fdf8f1 49%,#ffcfc0);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.5)
        }

        .eggs-rule-wrapper .rule-content {
            width: 557px;
            height: 382px;
            background: -webkit-linear-gradient(bottom,#fff,#fff);
            background: linear-gradient(1turn,#fff,#fff);
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);
            border-radius: 10px;
            max-height: 382px;
            overflow-y: auto
        }

            .eggs-rule-wrapper .rule-content::-webkit-scrollbar {
                width: 5px;
                height: 1px
            }

            .eggs-rule-wrapper .rule-content::-webkit-scrollbar-thumb {
                border-radius: 5px;
                box-shadow: inset 0 0 5px hsla(0,0%,72%,.2);
                background: #999
            }

                .eggs-rule-wrapper .rule-content::-webkit-scrollbar-thumb:hover {
                    box-shadow: inset 8px 0 0 #a5a5a5;
                    cursor: pointer
                }

            .eggs-rule-wrapper .rule-content::-webkit-scrollbar-track {
                border-radius: 10px;
                background: transparent
            }

            .eggs-rule-wrapper .rule-content .title {
                padding-top: 26px;
                font-size: 20px;
                font-weight: 500;
                color: #444;
                line-height: 24px;
                letter-spacing: 1px
            }

            .eggs-rule-wrapper .rule-content .content {
                padding: 11px 21px 34px 26px;
                font-size: 14px;
                font-weight: 400;
                color: #666;
                box-sizing: border-box;
                margin: 0 auto;
                text-align: left
            }

                .eggs-rule-wrapper .rule-content .content p {
                    line-height: 24px;
                    margin-top: 10px
                }

        .eggs-rule-wrapper .rule-close-btn {
            position: absolute;
            bottom: -45px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 30px;
            height: 30px;
            background-image: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/rule-close.svg);
            background-repeat: no-repeat;
            background-size: contain;
            cursor: pointer
        }

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(.2);
        transform: translate(-50%,-50%) scale(.2)
    }

    50% {
        -webkit-transform: translate(-50%,-50%) scale(1.2);
        transform: translate(-50%,-50%) scale(1.2)
    }

    to {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1)
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(.2);
        transform: translate(-50%,-50%) scale(.2)
    }

    50% {
        -webkit-transform: translate(-50%,-50%) scale(1.2);
        transform: translate(-50%,-50%) scale(1.2)
    }

    to {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1)
    }
}

.smashing-golden-eggs-main[data-v-357c5ac4] {
    position: absolute;
    top: 62%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    width: 524px
}

    .smashing-golden-eggs-main[data-v-357c5ac4]:hover {
        cursor: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/cool-color/cz.png) 50 50,auto
    }

.smashing-golden-eggs-main #prize-list[data-v-357c5ac4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 257px
}

.smashing-golden-eggs-main #prize-list .egg[data-v-357c5ac4] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/cool-color/egg.png) no-repeat 50%/contain;
    z-index: 0;
    width: 138px;
    height: 205px
}

.smashing-golden-eggs-main #prize-list .egg.broken[data-v-357c5ac4] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/cool-color/egg-broken.png) no-repeat 50%/contain
}

.smashing-golden-eggs-main #prize-list .egg[data-v-357c5ac4]:hover {
    -webkit-animation: hvr-buzz-out-data-v-357c5ac4 1s linear 1;
    animation: hvr-buzz-out-data-v-357c5ac4 1s linear 1
}

.smashing-golden-eggs-main #prize-list .egg.wave[data-v-357c5ac4] {
    -webkit-animation: hvr-buzz-data-v-357c5ac4 .15s linear 10;
    animation: hvr-buzz-data-v-357c5ac4 .15s linear 10;
    -webkit-transform-origin: center;
    transform-origin: center
}

.smashing-golden-eggs-main #prize-list .egg[data-v-357c5ac4]:nth-of-type(2) {
    width: 195px;
    height: 277px
}

@-webkit-keyframes hvr-buzz-data-v-357c5ac4 {
    50% {
        -webkit-transform: translateX(5px) rotate(10deg);
        transform: translateX(5px) rotate(10deg)
    }

    to {
        -webkit-transform: translateX(-5px) rotate(-10deg);
        transform: translateX(-5px) rotate(-10deg)
    }
}

@keyframes hvr-buzz-data-v-357c5ac4 {
    50% {
        -webkit-transform: translateX(5px) rotate(10deg);
        transform: translateX(5px) rotate(10deg)
    }

    to {
        -webkit-transform: translateX(-5px) rotate(-10deg);
        transform: translateX(-5px) rotate(-10deg)
    }
}

@-webkit-keyframes hvr-buzz-out-data-v-357c5ac4 {
    10% {
        -webkit-transform: translateX(6px) rotate(5deg);
        transform: translateX(6px) rotate(5deg)
    }

    20% {
        -webkit-transform: translateX(-6px) rotate(-5deg);
        transform: translateX(-6px) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(6px) rotate(5deg);
        transform: translateX(6px) rotate(5deg)
    }

    40% {
        -webkit-transform: translateX(-6px) rotate(-5deg);
        transform: translateX(-6px) rotate(-5deg)
    }

    50% {
        -webkit-transform: translateX(4px) rotate(3deg);
        transform: translateX(4px) rotate(3deg)
    }

    60% {
        -webkit-transform: translateX(-4px) rotate(-3deg);
        transform: translateX(-4px) rotate(-3deg)
    }

    70% {
        -webkit-transform: translateX(4px) rotate(3deg);
        transform: translateX(4px) rotate(3deg)
    }

    80% {
        -webkit-transform: translateX(-4px) rotate(-3deg);
        transform: translateX(-4px) rotate(-3deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    to {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-buzz-out-data-v-357c5ac4 {
    10% {
        -webkit-transform: translateX(6px) rotate(5deg);
        transform: translateX(6px) rotate(5deg)
    }

    20% {
        -webkit-transform: translateX(-6px) rotate(-5deg);
        transform: translateX(-6px) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(6px) rotate(5deg);
        transform: translateX(6px) rotate(5deg)
    }

    40% {
        -webkit-transform: translateX(-6px) rotate(-5deg);
        transform: translateX(-6px) rotate(-5deg)
    }

    50% {
        -webkit-transform: translateX(4px) rotate(3deg);
        transform: translateX(4px) rotate(3deg)
    }

    60% {
        -webkit-transform: translateX(-4px) rotate(-3deg);
        transform: translateX(-4px) rotate(-3deg)
    }

    70% {
        -webkit-transform: translateX(4px) rotate(3deg);
        transform: translateX(4px) rotate(3deg)
    }

    80% {
        -webkit-transform: translateX(-4px) rotate(-3deg);
        transform: translateX(-4px) rotate(-3deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    to {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.fail-tip[data-v-357c5ac4] {
    z-index: 100005;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.5);
    transform: translate(-50%,-50%) scale(1.5);
    height: 38px;
    padding: 0 18px;
    background: #000;
    border-radius: 5px;
    opacity: .8;
    text-align: center;
    line-height: 38px;
    color: #fff
}

header[data-v-48644317] {
    text-align: center;
    padding-top: 35px;
    width: 93%;
    margin: 0 auto
}

header .top[data-v-48644317] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 14px;
    color: #fff
}

header .top .rule[data-v-48644317] {
    width: 92px;
    height: 26px;
    line-height: 26px;
    background: rgba(0,0,0,.25);
    border-radius: 15px;
    cursor: pointer
}

    header .top .rule[data-v-48644317]:hover {
        background: rgba(0,0,0,.4)
    }

header .top .to-activity-site[data-v-48644317] {
    width: 120px;
    height: 26px;
    line-height: 26px;
    background: rgba(0,0,0,.25);
    border-radius: 15px;
    color: #fff
}

    header .top .to-activity-site[data-v-48644317]:hover {
        background: rgba(0,0,0,.4)
    }

header .info .main-title[data-v-48644317] {
    line-height: 73px;
    font-weight: 700;
    font-size: 73px;
    color: #e2033b;
    letter-spacing: 6px;
    text-shadow: 2px 4px 1px #fff
}

header .info .second-title[data-v-48644317] {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #ac2501;
    line-height: 24px;
    margin: 0 auto 6px
}

header .info .date[data-v-48644317] {
    display: block;
    margin-top: 18px;
    font-size: 16px;
    font-weight: 400;
    color: #404643;
    line-height: 17px
}

header .remaining-times[data-v-48644317] {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    width: 289px;
    height: 50px;
    line-height: 50px;
    margin: 14px auto 0;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/cool-color/second-title.png) no-repeat
}

header .remaining-times .count[data-v-48644317] {
    margin: 0 2px;
    font-size: 25px;
    font-weight: 600;
    color: #fff446;
    letter-spacing: 1px
}

header.warm .remaining-times[data-v-48644317] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/warm-color/second-title.png) no-repeat
}

header.warm .remaining-times .count[data-v-48644317] {
    color: #f8ff45
}

header.warm .main-title[data-v-48644317] {
    color: #f96234;
    letter-spacing: 6px;
    text-shadow: 2px 4px 1px #fff;
    -webkit-background-clip: text
}

header.warm .second-title[data-v-48644317] {
    border: none;
    color: #f04f24;
    font-size: 28px
}

header.warm .date[data-v-48644317] {
    margin-top: 13px;
    color: #404643
}

footer .my-prize[data-v-48644317] {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 274px;
    height: 82px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 25px;
    color: #ac2501;
    line-height: 72px;
    font-weight: 800;
    letter-spacing: 1px;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/cool-color/my-prize.png) no-repeat;
    cursor: pointer
}

    footer .my-prize[data-v-48644317]:hover {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/cool-color/my-prize-hover.png) no-repeat
    }

footer.warm .my-prize[data-v-48644317] {
    bottom: 46px;
    color: #d46a1c;
    font-size: 0;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/warm-color/my-prize.png) no-repeat
}

    footer.warm .my-prize[data-v-48644317]:hover {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/warm-color/my-prize-hover.png) no-repeat
    }

.smashing-golden-eggs-dialog-wrap[data-v-48644317] {
    -webkit-user-select: none;
    user-select: none;
    width: 900px;
    height: 710px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%,-50%) scale(.8);
    margin: 0 auto;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/cool-color/bg.png) no-repeat
}

.smashing-golden-eggs-dialog-wrap.warm[data-v-48644317] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/warm-color/bg.png) no-repeat
}

.smashing-golden-eggs-wrapper[data-v-48644317] {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 531px;
    height: 268px
}

.close-btn[data-v-48644317] {
    position: absolute;
    right: -50px;
    top: 0;
    width: 26px;
    height: 26px;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/smashingGoldenEggsDialog/images/rule-close.svg) no-repeat;
    background-size: contain;
    cursor: pointer;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.turntable-main[data-v-2d7c42f4] {
    position: absolute;
    top: 226px;
    left: 267px;
    -webkit-transform: translate(-50%,-36.5%);
    transform: translate(-50%,-36.5%);
    width: 408px;
    height: 408px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain
}

.turntable-main.eight[data-v-2d7c42f4] {
    background-image: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/8.png)
}

.turntable-main.eight .coupon-img[data-v-2d7c42f4] {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

.turntable-main.eight.warm[data-v-2d7c42f4] {
    background-image: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/8.png)
}

.turntable-main.eight.warm > #prize-list li.active[data-v-2d7c42f4]:after {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/8-active.svg) no-repeat
}

.turntable-main.eight.ssy-red[data-v-2d7c42f4] {
    background-image: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/8.png)
}

.turntable-main.eight.ssy-red > #prize-list li.active[data-v-2d7c42f4]:after {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/8-active.svg) no-repeat
}

.turntable-main.eight > #prize-list li[data-v-2d7c42f4]:first-of-type {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg)
}

.turntable-main.eight > #prize-list li[data-v-2d7c42f4]:nth-of-type(2) {
    -webkit-transform: rotate(-57deg);
    transform: rotate(-57deg)
}

.turntable-main.eight > #prize-list li[data-v-2d7c42f4]:nth-of-type(3) {
    -webkit-transform: rotate(-102deg);
    transform: rotate(-102deg)
}

.turntable-main.eight > #prize-list li[data-v-2d7c42f4]:nth-of-type(4) {
    -webkit-transform: rotate(-147deg);
    transform: rotate(-147deg)
}

.turntable-main.eight > #prize-list li[data-v-2d7c42f4]:nth-of-type(5) {
    -webkit-transform: rotate(-192deg);
    transform: rotate(-192deg)
}

.turntable-main.eight > #prize-list li[data-v-2d7c42f4]:nth-of-type(6) {
    -webkit-transform: rotate(-237deg);
    transform: rotate(-237deg)
}

.turntable-main.eight > #prize-list li[data-v-2d7c42f4]:nth-of-type(7) {
    -webkit-transform: rotate(-282deg);
    transform: rotate(-282deg)
}

.turntable-main.eight > #prize-list li[data-v-2d7c42f4]:nth-of-type(8) {
    -webkit-transform: rotate(-327deg);
    transform: rotate(-327deg)
}

.turntable-main.eight > #prize-list li.active[data-v-2d7c42f4]:after {
    top: 18px;
    left: -6px;
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
    width: 208px;
    height: 147px;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/8-active.svg) no-repeat
}

.turntable-main.six[data-v-2d7c42f4] {
    background-image: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/6.png)
}

.turntable-main.six.warm[data-v-2d7c42f4] {
    background-image: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/6.png)
}

.turntable-main.six.warm > #prize-list li.active[data-v-2d7c42f4]:after {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/6-active.svg) no-repeat
}

.turntable-main.six.ssy-red[data-v-2d7c42f4] {
    background-image: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/6.png)
}

.turntable-main.six.ssy-red > #prize-list li.active[data-v-2d7c42f4]:after {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/6-active.svg) no-repeat
}

.turntable-main.six > #prize-list li[data-v-2d7c42f4]:first-of-type {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.turntable-main.six > #prize-list li[data-v-2d7c42f4]:nth-of-type(2) {
    -webkit-transform: rotate(-80deg);
    transform: rotate(-80deg)
}

.turntable-main.six > #prize-list li[data-v-2d7c42f4]:nth-of-type(3) {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg)
}

.turntable-main.six > #prize-list li[data-v-2d7c42f4]:nth-of-type(4) {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg)
}

.turntable-main.six > #prize-list li[data-v-2d7c42f4]:nth-of-type(5) {
    -webkit-transform: rotate(-260deg);
    transform: rotate(-260deg)
}

.turntable-main.six > #prize-list li[data-v-2d7c42f4]:nth-of-type(6) {
    -webkit-transform: rotate(-320deg);
    transform: rotate(-320deg)
}

.turntable-main.six > #prize-list li.active[data-v-2d7c42f4]:after {
    top: -20px;
    left: 5px;
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    width: 176px;
    height: 201px;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/6-active.svg) no-repeat
}

.turntable-main.four[data-v-2d7c42f4] {
    background-image: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/4.png)
}

.turntable-main.four.warm[data-v-2d7c42f4] {
    background-image: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/4.png)
}

.turntable-main.four.warm > #prize-list li.active[data-v-2d7c42f4]:after {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/4-active.svg) no-repeat
}

.turntable-main.four.ssy-red[data-v-2d7c42f4] {
    background-image: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/4.png)
}

.turntable-main.four.ssy-red > #prize-list li.active[data-v-2d7c42f4]:after {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/4-active.svg) no-repeat
}

.turntable-main.four > #prize-list li[data-v-2d7c42f4]:first-of-type {
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.turntable-main.four > #prize-list li[data-v-2d7c42f4]:nth-of-type(2) {
    -webkit-transform: rotate(-125deg);
    transform: rotate(-125deg)
}

.turntable-main.four > #prize-list li[data-v-2d7c42f4]:nth-of-type(3) {
    -webkit-transform: rotate(-215deg);
    transform: rotate(-215deg)
}

.turntable-main.four > #prize-list li[data-v-2d7c42f4]:nth-of-type(4) {
    -webkit-transform: rotate(-305deg);
    transform: rotate(-305deg)
}

.turntable-main.four > #prize-list li.active[data-v-2d7c42f4]:after {
    top: -1px;
    left: -38px;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    width: 201px;
    height: 201px;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/4-active.svg) no-repeat
}

.turntable-main > #prize-list[data-v-2d7c42f4] {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.turntable-main > #prize-list > li[data-v-2d7c42f4] {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 45%;
    height: 45%;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

.turntable-main > #prize-list > li .prize-item[data-v-2d7c42f4] {
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 125px;
    height: 130px;
    margin: auto
}

.turntable-main > #prize-list > li .prize-item > span[data-v-2d7c42f4] {
    text-align: center;
    display: block;
    width: 75px;
    height: 40px;
    font-size: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #6b6f76
}

.turntable-main > #prize-list > li .prize-item > img[data-v-2d7c42f4] {
    max-width: 76px
}

.turntable-main > #prize-list > li .prize-item > img.custom-img[data-v-2d7c42f4] {
    max-width: 58px;
    margin-left: 11px
}

.turntable-main > #prize-list > li.active[data-v-2d7c42f4]:after {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: -1
}

.turntable-indicator[data-v-2d7c42f4] {
    width: 142px;
    height: 165px;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/indicator.png) no-repeat;
    position: absolute;
    left: 50.5%;
    top: 43%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    z-index: 2
}

.turntable-indicator.warm[data-v-2d7c42f4] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/indicator.png) no-repeat
}

.turntable-indicator.ssy-red[data-v-2d7c42f4] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/indicator.png) no-repeat
}

.fail-tip[data-v-2d7c42f4] {
    z-index: 100005;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.5);
    transform: translate(-50%,-50%) scale(1.5);
    height: 38px;
    padding: 0 18px;
    background: #000;
    border-radius: 5px;
    opacity: .8;
    text-align: center;
    line-height: 38px;
    color: #fff
}

header[data-v-45912ce7] {
    text-align: center;
    padding-top: 16px;
    width: 80%;
    margin: 0 auto
}

header.cool[data-v-45912ce7] {
    width: 82%
}

header .top[data-v-45912ce7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 14px;
    color: #fff
}

header .top .rule[data-v-45912ce7] {
    width: 92px;
    height: 26px;
    line-height: 26px;
    background: rgba(0,0,0,.25);
    border-radius: 15px;
    opacity: .75;
    cursor: pointer
}

    header .top .rule[data-v-45912ce7]:hover {
        background: rgba(0,0,0,.4)
    }

header .top .to-activity-site[data-v-45912ce7] {
    width: 120px;
    height: 26px;
    line-height: 26px;
    background: rgba(0,0,0,.25);
    border-radius: 15px;
    color: #fff;
    opacity: .75
}

    header .top .to-activity-site[data-v-45912ce7]:hover {
        background: rgba(0,0,0,.4)
    }

header.cool .info .main-title[data-v-45912ce7] {
    margin-bottom: 5px;
    overflow: auto
}

header.cool .info .date[data-v-45912ce7] {
    margin-top: 7px
}

header .info[data-v-45912ce7] {
    margin-top: -38px
}

header .info .main-title[data-v-45912ce7] {
    font-weight: 700;
    font-size: 60px;
    color: #fff;
    line-height: 79px;
    letter-spacing: 5px;
    text-shadow: 0 2px 8px #3d88ff
}

header .info .second-title[data-v-45912ce7] {
    padding: 0 20px;
    box-sizing: border-box;
    display: inline-block;
    min-width: 308px;
    text-align: center;
    height: 33px;
    background: #005de5;
    border-radius: 20px 20px 0 0;
    border: 2px solid #6bd2ff;
    font-size: 16px;
    font-weight: 700;
    color: #fff77b;
    line-height: 30px;
    margin: 0 auto 3px
}

header .info .date[data-v-45912ce7] {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 20px
}

header.warm .main-title[data-v-45912ce7] {
    color: #fff;
    line-height: 90px;
    letter-spacing: 6px;
    text-shadow: 3px 4px 1px #fd7017,3px 4px 18px #ff5e00;
    -webkit-background-clip: text
}

header.warm .second-title[data-v-45912ce7] {
    border: none;
    color: #e56c3f;
    font-size: 20px;
    background: transparent
}

header.warm .date[data-v-45912ce7] {
    color: #8b5c40
}

header.ssy-red .main-title[data-v-45912ce7] {
    color: #fff;
    line-height: 90px;
    letter-spacing: 6px;
    text-shadow: 3px 4px 1px #fd1717,3px 4px 18px red;
    -webkit-background-clip: text
}

header.ssy-red .second-title[data-v-45912ce7] {
    border: none;
    color: #e53f3f;
    font-size: 20px;
    background: transparent
}

header.ssy-red .date[data-v-45912ce7] {
    color: #8b5c40
}

footer .remaining-times[data-v-45912ce7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    bottom: 103px;
    left: 52%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 22px
}

footer .remaining-times .count[data-v-45912ce7] {
    margin: 0 2px;
    font-size: 25px;
    font-weight: 600;
    color: #fff446;
    letter-spacing: 1px
}

footer .my-prize[data-v-45912ce7] {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 251px;
    height: 75px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    line-height: 53px;
    letter-spacing: 1px;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/my-prize.png) no-repeat;
    cursor: pointer
}

    footer .my-prize[data-v-45912ce7]:hover {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/my-prize-hover.png) no-repeat
    }

footer.warm .my-prize[data-v-45912ce7] {
    color: #d46a1c;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/my-prize.png) no-repeat
}

    footer.warm .my-prize[data-v-45912ce7]:hover {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/my-prize-hover.png) no-repeat
    }

footer.ssy-red .my-prize[data-v-45912ce7] {
    color: #fff;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/my-prize.png) no-repeat
}

    footer.ssy-red .my-prize[data-v-45912ce7]:hover {
        background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/my-prize-hover.png) no-repeat
    }

.turntable-dialog-wrap[data-v-45912ce7] {
    -webkit-user-select: none;
    user-select: none;
    width: 921px;
    height: 755px;
    position: absolute;
    top: 54%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%,-50%) scale(.8);
    margin: 0 auto;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/turntable-dialog-wrap-bg.png) no-repeat
}

.turntable-dialog-wrap.warm[data-v-45912ce7] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/turntable-dialog-wrap-bg.png) no-repeat
}

.turntable-dialog-wrap.ssy-red[data-v-45912ce7] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/turntable-dialog-wrap-bg.png) no-repeat
}

.turntable-wrapper[data-v-45912ce7] {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 531px;
    height: 510px;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/bg.png) no-repeat
}

.turntable-wrapper.blink[data-v-45912ce7] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/cool-color/bg-lights-out.png) no-repeat
}

.turntable-wrapper.warm[data-v-45912ce7] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/bg.png) no-repeat
}

.turntable-wrapper.warm.blink[data-v-45912ce7] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/warm-color/bg-lights-out.png) no-repeat
}

.turntable-wrapper.ssy-red[data-v-45912ce7] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/bg.png) no-repeat
}

.turntable-wrapper.ssy-red.blink[data-v-45912ce7] {
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/red-color/bg-lights-out.png) no-repeat
}

.close-btn[data-v-45912ce7] {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    background: url(//static.szlcsc.com/ecp/assets/web/layout/turntableRaffleDialog/images/rule-close.svg) no-repeat;
    background-size: contain;
    cursor: pointer;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

body {
    width: 100%;
    margin: 0 auto;
    background-color: #fafafa;
    font-family: \\5FAE\8F6F\96C5\9ED1,\\5B8B\4F53,Arial,Helvetica,sans-serif
}

a {
    text-decoration: none
}

#belong-dialog * {
    box-sizing: border-box
}

.red {
    color: #fe2a2a
}

.belong-dialog {
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    filter: alpha(opacity=35);
    background: rgba(0,0,0,.35)
}

    .belong-dialog .clearfix:after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both
    }

    .belong-dialog ::-webkit-scrollbar {
        width: 5px;
        height: 1px
    }

    .belong-dialog ::-webkit-scrollbar-thumb {
        border-radius: 5px;
        box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        background: #e9e9e9
    }

        .belong-dialog ::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 8px 0 0 #4a4a4a;
            cursor: pointer
        }

    .belong-dialog ::-webkit-scrollbar-track {
        border-radius: 10px;
        background: transparent
    }

    .belong-dialog .user-select {
        -webkit-user-select: none;
        user-select: none
    }

    .belong-dialog .belong-box {
        width: 800px;
        background-color: #fff;
        border: 4px solid #d9d9d9;
        margin: 15vh auto 0
    }

        .belong-dialog .belong-box .box-tit {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            color: #444;
            font-size: 18px;
            height: 38px;
            background: #f2f2f2;
            padding: 9px 20px;
            font-size: 14px;
            font-weight: 600;
            border-bottom: 1px solid #dedede
        }

            .belong-dialog .belong-box .box-tit .close-icon {
                display: inline-block;
                width: 12px;
                height: 12px;
                cursor: pointer
            }

        .belong-dialog .belong-box .tips {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            width: 100%;
            background: #fdf2e8;
            border-radius: 5px;
            padding: 10px 15px
        }

            .belong-dialog .belong-box .tips p {
                color: #ff7800;
                font-size: 12px;
                line-height: 24px
            }

                .belong-dialog .belong-box .tips p:first-child {
                    width: 71px
                }

                .belong-dialog .belong-box .tips p:last-child {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1;
                    flex: 1
                }

        .belong-dialog .belong-box .kb {
            margin-top: 10px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center
        }

            .belong-dialog .belong-box .kb p {
                font-size: 14px;
                color: #666
            }

                .belong-dialog .belong-box .kb p span {
                    font-weight: 500;
                    color: #444
                }

        .belong-dialog .belong-box .sp1 {
            font-size: 14px;
            color: #666
        }

        .belong-dialog .belong-box .ascription-types, .belong-dialog .belong-box .ascription-types-wrap {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center
        }

        .belong-dialog .belong-box .ascription-types {
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .belong-dialog .belong-box .ascription-types li {
                margin-right: 10px
            }

                .belong-dialog .belong-box .ascription-types li label {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    cursor: pointer
                }

                    .belong-dialog .belong-box .ascription-types li label input {
                        width: 0;
                        height: 0;
                        display: none
                    }

                        .belong-dialog .belong-box .ascription-types li label input:checked ~ span {
                            color: #0294e7;
                            border: 2px solid #0294e7
                        }

                    .belong-dialog .belong-box .ascription-types li label span {
                        display: inline-block;
                        width: 110px;
                        height: 45px;
                        background: #fff;
                        border-radius: 3px;
                        border: 1px solid #dedede;
                        text-align: center;
                        line-height: 43px
                    }

        .belong-dialog .belong-box .step-two {
            padding-left: 120px;
            padding-bottom: 24px;
            border-bottom: 1px dashed #efefef
        }

            .belong-dialog .belong-box .step-two .companys {
                max-height: 200px;
                overflow: auto
            }

                .belong-dialog .belong-box .step-two .companys li {
                    margin-bottom: 10px;
                    position: relative
                }

                    .belong-dialog .belong-box .step-two .companys li, .belong-dialog .belong-box .step-two .companys li label {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-box-align: center;
                        -webkit-align-items: center;
                        align-items: center
                    }

                        .belong-dialog .belong-box .step-two .companys li label {
                            cursor: pointer
                        }

                            .belong-dialog .belong-box .step-two .companys li label input {
                                width: 15px;
                                height: 15px
                            }

                            .belong-dialog .belong-box .step-two .companys li label span {
                                margin-left: 10px
                            }

            .belong-dialog .belong-box .step-two .person-box-bottom {
                font-size: 12px;
                color: #666;
                margin-top: 10px
            }

            .belong-dialog .belong-box .step-two .box-bottom {
                position: relative;
                width: 100%;
                padding-top: 13px
            }

                .belong-dialog .belong-box .step-two .box-bottom p {
                    font-size: 12px;
                    color: #666
                }

                    .belong-dialog .belong-box .step-two .box-bottom p span {
                        color: #1c9de9;
                        cursor: pointer
                    }

                .belong-dialog .belong-box .step-two .box-bottom .order-modal {
                    position: absolute;
                    top: 40px;
                    left: -90px
                }

        .belong-dialog .belong-box .step-three {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }

            .belong-dialog .belong-box .step-three .step-three-tips {
                color: #ff7800;
                font-size: 12px
            }

            .belong-dialog .belong-box .step-three .buttons button {
                width: 80px;
                height: 30px;
                line-height: 28px;
                text-align: center;
                font-size: 12px;
                border-radius: 3px;
                border: 1px solid #dedede
            }

            .belong-dialog .belong-box .step-three .buttons .belong-cancel {
                background: #fff;
                color: #666;
                margin-right: 10px
            }

            .belong-dialog .belong-box .step-three .buttons .belong-confirm {
                background: #0294e7;
                color: #fff;
                border: none
            }

        .belong-dialog .belong-box .step-sfyz {
            font-size: 12px;
            color: #444
        }

            .belong-dialog .belong-box .step-sfyz .sf-phone {
                margin-bottom: 20px
            }

                .belong-dialog .belong-box .step-sfyz .sf-phone #sendCode {
                    width: 88px;
                    height: 26px;
                    background: #fff;
                    border: 1px solid #dedede;
                    font-size: 12px;
                    color: #666;
                    line-height: 24px;
                    text-align: center;
                    margin-left: 10px
                }

            .belong-dialog .belong-box .step-sfyz .label-font {
                display: inline-block;
                width: 110px;
                text-align: right
            }

            .belong-dialog .belong-box .step-sfyz input {
                width: 240px;
                height: 26px;
                border: 1px solid #dedede
            }

#belong-dialog .order-modal {
    display: none;
    position: absolute;
    width: 400px;
    height: 218px;
    background: #fff;
    box-shadow: 0 -2px 18px 3px hsla(0,0%,87%,.5);
    border: 1px solid #eceff4;
    z-index: 100000;
    padding: 13px 16px
}

    #belong-dialog .order-modal:after {
        content: "";
        position: absolute;
        top: -16px;
        left: calc(50% - 8px);
        border: 8px solid transparent;
        border-bottom-color: #fff
    }

    #belong-dialog .order-modal .order-modal-title {
        font-size: 14px;
        font-weight: 600;
        color: #444
    }

        #belong-dialog .order-modal .order-modal-title .modal-close-icon {
            float: right;
            width: 10px;
            height: 10px;
            display: inline-block;
            cursor: pointer
        }

    #belong-dialog .order-modal .order-modal-content {
        margin-top: 18px;
        margin-left: 7px
    }

        #belong-dialog .order-modal .order-modal-content .row {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            margin-bottom: 21px
        }

            #belong-dialog .order-modal .order-modal-content .row input {
                width: 270px;
                height: 30px;
                background: #fff;
                border: 1px solid #dedede
            }

    #belong-dialog .order-modal .btns-row {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

        #belong-dialog .order-modal .btns-row button {
            width: 80px;
            height: 30px;
            background: #0294e7;
            border-radius: 3px;
            border: none;
            color: #fff
        }

    #belong-dialog .order-modal input {
        vertical-align: middle;
        margin-right: 10px
    }

.view-icon {
    display: none;
    background: url(//static.szlcsc.com/ecp/assets/web/static/images/eye-open-black.png) no-repeat;
    background-size: 18px 18px;
    background-position: 50%;
    width: 18px;
    height: 18px;
    vertical-align: text-top;
    cursor: pointer;
    margin-left: 4px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

    .view-icon.disview {
        background: url(//static.szlcsc.com/ecp/assets/web/static/images/eye-close-black.png) no-repeat;
        background-size: 18px 18px
    }

    .view-icon[data-text*="#des#"], .view-icon[data-text*="SMEncrypt#"] {
        display: inline-block
    }

.not-select-tags {
    margin-top: 27px
}

    .not-select-tags .part_title {
        font-size: 16px;
        font-weight: 400;
        color: #666;
        line-height: 20px
    }

    .not-select-tags .not-select-tags_part_one {
        margin-top: 9px
    }

        .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items {
            position: relative;
            width: 100%;
            margin-top: 13px
        }

            .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items.maxHight435AndOvfHidden {
                max-height: 435px;
                overflow: hidden
            }

            .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_items_show {
                position: absolute;
                bottom: 0;
                left: 0;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                width: 100%;
                height: 50px;
                background: rgba(48,53,56,.75);
                border-radius: 5px 5px 0 0;
                color: #fff;
                font-size: 14px;
                z-index: 3;
                cursor: pointer
            }

                .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_items_show i {
                    margin-left: 10px;
                    width: 23px;
                    height: 23px;
                    display: inline-block;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/selectTags/images/round-open.svg)
                }

            .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item {
                position: relative;
                float: left;
                width: 315px;
                height: auto;
                padding: 15px;
                background: #fff;
                border-radius: 5px;
                border: 1px solid #ebebeb;
                margin-right: 15px
            }

                .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item:before {
                    content: "";
                    position: absolute;
                    border: 1px solid transparent;
                    border-radius: 5px;
                    width: 0;
                    height: 0;
                    top: -2px;
                    left: -2px;
                    z-index: -1
                }

                .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item:after {
                    content: "";
                    position: absolute;
                    border: 1px solid transparent;
                    border-radius: 5px;
                    width: 0;
                    height: 0;
                    bottom: -2px;
                    right: -2px;
                    z-index: -1
                }

                .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item:hover {
                    box-shadow: 0 0 8px 3px hsla(0,0%,83%,.5);
                    border: 1px solid transparent
                }

                .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item:nth-of-type(3) {
                    margin-right: 0
                }

                .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag {
                    height: 45px;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    cursor: pointer
                }

                    .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag:hover:after, .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag:hover:before {
                        border-color: transparent
                    }

                    .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag .not-select-tags_part_one_item_title {
                        margin-left: 10px;
                        font-size: 14px;
                        color: #444;
                        font-weight: 500
                    }

                        .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag .not-select-tags_part_one_item_title:before {
                            content: "";
                            width: 0;
                            height: 0
                        }

                    .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag i {
                        display: inline-block;
                        width: 21px;
                        height: 20px;
                        background: url(//static.szlcsc.com/ecp/assets/web/layout/selectTags/images/plus.svg)
                    }

                    .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag .add-tag_input_wrap {
                        position: absolute;
                        top: 55px;
                        left: 0;
                        width: 315px;
                        height: 109px;
                        background: #fff;
                        box-shadow: 0 3px 7px 3px hsla(0,0%,87%,.5);
                        border: 1px solid #eceff4;
                        padding: 14px 16px;
                        z-index: 2
                    }

                        .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag .add-tag_input_wrap:before {
                            content: "";
                            position: absolute;
                            left: 50%;
                            top: -9px;
                            -webkit-transform: translateX(-50%);
                            transform: translateX(-50%);
                            width: 14px;
                            height: 9px;
                            background: url(//static.szlcsc.com/ecp/assets/web/layout/selectTags/images/white-arrow.png) no-repeat
                        }

                        .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag .add-tag_input_wrap .add-tag_input {
                            width: 235px;
                            height: 28px;
                            background: #fff;
                            border-radius: 3px;
                            border: 1px solid #e7e7e7
                        }

                        .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag .add-tag_input_wrap .add-tag_input_btns {
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: flex;
                            -webkit-box-align: center;
                            -webkit-align-items: center;
                            align-items: center;
                            -webkit-box-pack: end;
                            -webkit-justify-content: flex-end;
                            justify-content: flex-end;
                            margin-top: 13px
                        }

                            .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag .add-tag_input_wrap .add-tag_input_btns button {
                                width: 65px;
                                height: 26px;
                                background: #fff;
                                border-radius: 3px;
                                border: none;
                                color: #444
                            }

                                .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag .add-tag_input_wrap .add-tag_input_btns button.add-tag_cancel {
                                    border: 1px solid #e5e5e5;
                                    background: #fff;
                                    margin-right: 10px
                                }

                                .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag .add-tag_input_wrap .add-tag_input_btns button.save {
                                    color: #fff;
                                    border: none;
                                    background: #0095e8
                                }

                    .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag:hover {
                        border: 1px solid #c5c5c5
                    }

                    .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag.checked {
                        border: 1px solid #0095e8
                    }

                        .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag.checked .not-select-tags_part_one_item_title {
                            color: #0095e8
                        }

                        .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag.checked i {
                            background: url(//static.szlcsc.com/ecp/assets/web/layout/selectTags/images/hover-plus.svg)
                        }

                .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_title {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    color: #0095e8;
                    font-weight: 600;
                    font-size: 14px
                }

                    .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_title i {
                        margin-right: 10px;
                        display: inline-block;
                        width: 5px;
                        height: 14px;
                        background: #0095e8
                    }

                .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_content_wrap {
                    margin-top: 13px
                }

                    .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_content_wrap .not-select-tags_part_one_item_content_item {
                        position: relative;
                        display: inline-block;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 22px;
                        background: #fff;
                        border-radius: 5px;
                        border: 1px solid #eaeaea;
                        margin-right: 10px;
                        margin-bottom: 10px;
                        padding: 5px 12px;
                        cursor: pointer;
                        word-break: break-all;
                        word-wrap: break-word
                    }

                        .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_content_wrap .not-select-tags_part_one_item_content_item:hover {
                            border-color: #c5c5c5
                        }

                        .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_content_wrap .not-select-tags_part_one_item_content_item.selected {
                            background: #e5f6ff;
                            border-color: #d7f0fd;
                            color: #0095e8
                        }

                        .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_content_wrap .not-select-tags_part_one_item_content_item .not-select-tags_part_one_item_content_item_tips {
                            position: absolute;
                            width: 100px;
                            padding: 5px 19px;
                            line-height: 20px;
                            background: #404040;
                            border-radius: 5px;
                            left: 50%;
                            -webkit-transform: translateX(-50%);
                            transform: translateX(-50%);
                            top: 37px;
                            z-index: 1;
                            color: #fff;
                            opacity: .95
                        }

                            .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_content_wrap .not-select-tags_part_one_item_content_item .not-select-tags_part_one_item_content_item_tips i {
                                position: absolute;
                                width: 11px;
                                height: 7px;
                                top: -6px;
                                left: 50%;
                                -webkit-transform: translateX(-50%);
                                transform: translateX(-50%);
                                background: url(//static.szlcsc.com/ecp/assets/web/layout/selectTags/images/black-arrow.svg)
                            }

    .not-select-tags .not-select-tags_part_two {
        margin-top: 37px
    }

        .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items {
            position: relative;
            width: 100%;
            margin-top: 13px
        }

            .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item {
                position: relative;
                float: left;
                width: 315px;
                height: auto;
                padding: 15px;
                background: #fff;
                border-radius: 5px;
                border: 1px solid #ebebeb;
                margin-right: 15px;
                margin-bottom: 15px
            }

                .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item:before {
                    content: "";
                    position: absolute;
                    border: 1px solid transparent;
                    border-radius: 5px;
                    width: 0;
                    height: 0;
                    top: -2px;
                    left: -2px;
                    z-index: -1
                }

                .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item:after {
                    content: "";
                    position: absolute;
                    border: 1px solid transparent;
                    border-radius: 5px;
                    width: 0;
                    height: 0;
                    bottom: -2px;
                    right: -2px;
                    z-index: -1
                }

                .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item:hover {
                    box-shadow: 0 0 8px 3px hsla(0,0%,83%,.5);
                    border: 1px solid transparent
                }

                .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item:nth-of-type(3) {
                    margin-right: 0
                }

                .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_title {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    color: #0095e8;
                    font-weight: 600;
                    font-size: 14px
                }

                    .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_title i {
                        margin-right: 10px;
                        display: inline-block;
                        width: 5px;
                        height: 14px;
                        background: #0095e8
                    }

                .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_content_wrap {
                    margin-top: 13px
                }

                    .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_content_wrap .not-select-tags_part_two_item_content_item {
                        position: relative;
                        display: inline-block;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 22px;
                        background: #fff;
                        border-radius: 5px;
                        border: 1px solid #eaeaea;
                        margin-right: 10px;
                        margin-bottom: 10px;
                        padding: 5px 12px;
                        cursor: pointer;
                        word-break: break-all;
                        word-wrap: break-word
                    }

                        .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_content_wrap .not-select-tags_part_two_item_content_item:hover {
                            border-color: #c5c5c5
                        }

                        .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_content_wrap .not-select-tags_part_two_item_content_item.selected {
                            background: #e5f6ff;
                            border-color: #d7f0fd;
                            color: #0095e8
                        }

                        .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_content_wrap .not-select-tags_part_two_item_content_item .not-select-tags_part_two_item_content_item_tips {
                            position: absolute;
                            width: 100px;
                            padding: 5px 19px;
                            line-height: 20px;
                            background: #404040;
                            border-radius: 5px;
                            left: 50%;
                            -webkit-transform: translateX(-50%);
                            transform: translateX(-50%);
                            top: 37px;
                            z-index: 1;
                            color: #fff
                        }

                            .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_content_wrap .not-select-tags_part_two_item_content_item .not-select-tags_part_two_item_content_item_tips i {
                                position: absolute;
                                width: 11px;
                                height: 7px;
                                top: -6px;
                                left: 50%;
                                -webkit-transform: translateX(-50%);
                                transform: translateX(-50%);
                                background: url(//static.szlcsc.com/ecp/assets/web/layout/selectTags/images/black-arrow.svg)
                            }

.not-select-tags-dialog {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 888px;
    background: #fff;
    border-radius: 4px;
    margin: 0 auto;
    padding: 0 0 19px 17px;
    box-sizing: border-box;
    z-index: 100000;
    max-height: 90vh;
    overflow-y: auto
}

    .not-select-tags-dialog .title-block {
        padding: 16px 0;
        box-sizing: border-box;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 2
    }

        .not-select-tags-dialog .title-block .dialog-title {
            font-size: 16px;
            font-weight: 500;
            color: #444;
            line-height: 19px
        }

        .not-select-tags-dialog .title-block .save-success-tip {
            position: absolute;
            right: 50px;
            top: 16px;
            padding: 3px 10px;
            height: 25px;
            background: #ecfff1;
            border-radius: 5px;
            border: 1px solid #d1f4db;
            font-size: 12px;
            color: #0eb540
        }

        .not-select-tags-dialog .title-block .close-dialog {
            position: absolute;
            right: 20px;
            top: 22px;
            display: inline-block;
            width: 13px;
            height: 13px;
            background: url(//static.szlcsc.com/ecp/assets/web/layout/selectTagsDialog/images/dialog-close.svg);
            background-size: contain;
            cursor: pointer
        }

    .not-select-tags-dialog::-webkit-scrollbar {
        width: 5px;
        height: 1px
    }

    .not-select-tags-dialog::-webkit-scrollbar-thumb {
        border-radius: 5px;
        box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        background: #999
    }

        .not-select-tags-dialog::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 8px 0 0 #4a4a4a;
            cursor: pointer
        }

    .not-select-tags-dialog::-webkit-scrollbar-track {
        border-radius: 10px;
        background: transparent
    }

    .not-select-tags-dialog * {
        box-sizing: border-box
    }

    .not-select-tags-dialog .not-select-tags, .not-select-tags-dialog .not-select-tags .not-select-tags_part_one {
        margin-top: 0
    }

        .not-select-tags-dialog .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item, .not-select-tags-dialog .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item {
            width: 272px
        }

        .not-select-tags-dialog .not-select-tags .part_title {
            font-size: 14px;
            font-weight: 400
        }

        .not-select-tags-dialog .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_content_wrap .not-select-tags_part_one_item_content_item, .not-select-tags-dialog .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_title, .not-select-tags-dialog .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_content_wrap .not-select-tags_part_two_item_content_item, .not-select-tags-dialog .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_title {
            font-size: 12px
        }

        .not-select-tags-dialog .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_content_wrap .not-select-tags_part_one_item_content_item, .not-select-tags-dialog .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_content_wrap .not-select-tags_part_two_item_content_item {
            line-height: 1.8
        }

        .not-select-tags-dialog .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item.add-tag .add-tag_input_wrap, .not-select-tags-dialog .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item.add-tag .add-tag_input_wrap {
            width: 272px
        }

        .not-select-tags-dialog .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_content .item .item_title, .not-select-tags-dialog .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_content .item .item_title {
            font-size: 12px
        }

        .not-select-tags-dialog .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_content, .not-select-tags-dialog .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_content {
            margin-top: 15px
        }

        .not-select-tags-dialog .not-select-tags .not-select-tags_part_one .not-select-tags_part_one_items .not-select-tags_part_one_item .not-select-tags_part_one_item_content_wrap .not-select-tags_part_one_item_content_item .not-select-tags_part_one_item_content_item_tips, .not-select-tags-dialog .not-select-tags .not-select-tags_part_two .not-select-tags_part_two_items .not-select-tags_part_two_item .not-select-tags_part_two_item_content_wrap .not-select-tags_part_two_item_content_item .not-select-tags_part_two_item_content_item_tips {
            width: 100px;
            max-width: none;
            padding: 5px 10px;
            text-align: center;
            line-height: 17px
        }

.slider-marks[data-v-004c5f82] {
    padding-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.slider-marks .display-block[data-v-004c5f82] {
    display: block;
    margin-bottom: 3px
}

.slider-marks .slider-runway[data-v-004c5f82] {
    position: relative;
    width: 500px;
    display: inline-block;
    height: 10px;
    margin-top: 30px;
    background-color: #e5f5ff;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: middle
}

.slider-marks .slider-runway .slider-bar[data-v-004c5f82] {
    position: absolute;
    height: 6px;
    background: -webkit-linear-gradient(right,#59aeff,#9ddfff 49%,#9ddfff);
    background: linear-gradient(270deg,#59aeff,#9ddfff 49%,#9ddfff);
    box-shadow: 2px 2px 7px 2px rgba(135,216,255,.47);
    -webkit-transition: .2s;
    transition: .2s
}

.slider-marks .slider-runway .slider-button-left[data-v-004c5f82], .slider-marks .slider-runway .slider-button-right[data-v-004c5f82] {
    position: absolute;
    top: -6px;
    vertical-align: middle;
    width: 32px;
    height: 18px;
    background: url(//static.szlcsc.com/ecp/assets/web/page/list/catalog/images/drag.svg);
    border-radius: 25%;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.slider-marks .slider-runway .slider-break-point[data-v-004c5f82] {
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #e5f5ff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.slider-marks .slider-runway .slider-break-point.op0[data-v-004c5f82] {
    opacity: 0
}

.slider-marks .slider-runway .slider-tooltip[data-v-004c5f82] {
    position: absolute;
    top: -28px;
    min-width: 50px;
    min-height: 22px !important;
    font-style: normal;
    border-radius: 16px;
    background: #79cdff;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.slider-marks .slider-runway .slider-tooltip .content[data-v-004c5f82] {
    width: -webkit-max-content;
    width: max-content;
    min-height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: center
}

.slider-marks .min-marks[data-v-004c5f82] {
    display: inline-block
}

.slider-marks #max-marks-unit[data-v-004c5f82], .slider-marks #min-marks-unit[data-v-004c5f82] {
    height: 26px;
    border: 1px solid #c7c7c7;
    border-left: none;
    padding: 0 5px;
    border-radius: 0 3px 3px 0;
    outline-style: none;
    margin-left: -4px;
    max-width: 80px
}

.slider-marks .input[data-v-004c5f82] {
    box-sizing: border-box;
    display: inline-block;
    width: 60px;
    height: 26px;
    line-height: 27px;
    padding: 0 5px;
    border: 1px solid #c7c7c7;
    border-radius: 3px 0 0 3px;
    outline-style: none
}

.submit-filter-checkbox[data-v-004c5f82], .zero-tips[data-v-004c5f82] {
    display: inline-block;
    margin-top: 13px;
    margin-left: 322px
}

.ellipsis[data-v-b2646f62] {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    white-space: nowrap
}

.dialog-wrapper[data-v-b2646f62] {
    position: relative;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000
}

.dialog-wrapper .dialog[data-v-b2646f62] {
    position: relative;
    width: 1055px;
    margin: calc(50vh - 344px) auto;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none
}

.dialog-wrapper .dialog .dialog-header[data-v-b2646f62] {
    padding: 13px 20px;
    background: #f1f3f3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.dialog-wrapper .dialog .dialog-header .dialog-title[data-v-b2646f62] {
    line-height: 24px;
    font-size: 16px;
    color: #303133
}

.dialog-wrapper .dialog .dialog-header .header-btn[data-v-b2646f62] {
    position: absolute;
    right: 20px;
    width: 22px;
    height: 22px;
    padding: 0;
    background: url(//static.szlcsc.com/ecp/assets/web/page/list/catalog/images/closure.svg);
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px
}

.dialog-wrapper .dialog .dialog-body[data-v-b2646f62] {
    color: #606266;
    height: 562px;
    font-size: 14px;
    word-break: break-all
}

.dialog-wrapper .dialog .dialog-body .content[data-v-b2646f62] {
    height: 100%
}

.dialog-wrapper .dialog .dialog-body .content .parameter-menu-wrap[data-v-b2646f62] {
    display: inline-block;
    box-sizing: border-box;
    width: 137px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 10px
}

.dialog-wrapper .dialog .dialog-body .content .parameter-menu-wrap .parameter-menu[data-v-b2646f62] {
    position: relative;
    box-sizing: border-box;
    width: 126px;
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 24px;
    text-align: left;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.dialog-wrapper .dialog .dialog-body .content .parameter-menu-wrap .parameter-menu .badge[data-v-b2646f62] {
    position: absolute;
    left: 5px;
    width: 15px;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    top: 9px;
    color: #fff;
    background: #0096ee;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #e5f5ff
}

.dialog-wrapper .dialog .dialog-body .content .parameter-menu-wrap .active[data-v-b2646f62] {
    color: #0096ee;
    background: #e5f5ff;
    border-radius: 6px
}

.dialog-wrapper .dialog .dialog-body .content .parameter-menu-wrap[data-v-b2646f62]::-webkit-scrollbar {
    width: 7px;
    background-color: #fbfbfb
}

.dialog-wrapper .dialog .dialog-body .content .parameter-menu-wrap[data-v-b2646f62]::-webkit-scrollbar-thumb {
    background-color: #b8b8b8;
    border-radius: 4px
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content[data-v-b2646f62] {
    display: inline-block;
    width: 875px;
    height: 562px;
    padding-left: 20px;
    vertical-align: top;
    border-left: 1px solid #ededed;
    box-sizing: border-box
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .search-wrap[data-v-b2646f62] {
    padding: 14px 0;
    box-sizing: border-box
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .search-wrap .search-input[data-v-b2646f62] {
    display: inline-block;
    margin-left: 8px;
    width: 224px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 10px;
    padding: 0 14px;
    border: none;
    border-radius: 14px;
    background-color: #f5f6f6;
    outline-style: none
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .search-wrap .hide-disabled-checkbox[data-v-b2646f62] {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    margin-left: 28px;
    line-height: 28px
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .search-wrap .hide-disabled-checkbox input[data-v-b2646f62] {
    vertical-align: -2px
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .search-wrap .right[data-v-b2646f62] {
    float: right
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .search-wrap .right .reset[data-v-b2646f62] {
    min-width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    border-radius: 3px
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .slider-wrap[data-v-b2646f62] {
    border-top: 1px solid #ededed;
    height: 80px
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .useful-checkbox-wrap[data-v-b2646f62] {
    width: calc(100% + 58px);
    margin-top: 20px;
    padding-top: 20px;
    margin-left: -20px;
    padding-left: 20px;
    box-sizing: border-box;
    overflow-y: auto;
    border-top: 1px solid hsla(0,0%,93%,.5);
    position: relative
}

    .dialog-wrapper .dialog .dialog-body .content .quick-filter-content .useful-checkbox-wrap[data-v-b2646f62]::-webkit-scrollbar {
        width: 7px;
        background-color: #fbfbfb
    }

    .dialog-wrapper .dialog .dialog-body .content .quick-filter-content .useful-checkbox-wrap[data-v-b2646f62]::-webkit-scrollbar-thumb {
        background-color: #b8b8b8;
        border-radius: 4px
    }

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .useless-checkbox-wrap[data-v-b2646f62] {
    width: 100%;
    height: 131px;
    margin-top: 20px;
    padding: 15px 0;
    background: #fff;
    opacity: .4;
    box-sizing: border-box;
    overflow-y: auto;
    border-top: 1px solid hsla(0,0%,93%,.5)
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .useless-checkbox-wrap .disabled-checkbox[data-v-b2646f62] {
    cursor: not-allowed
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .useless-checkbox-wrap[data-v-b2646f62]::-webkit-scrollbar {
    width: 7px;
    background-color: #fbfbfb
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .useless-checkbox-wrap[data-v-b2646f62]::-webkit-scrollbar-thumb {
    background-color: #b8b8b8;
    border-radius: 4px
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .checkbox-wrap[data-v-b2646f62] {
    width: 100px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 20px 10px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    white-space: nowrap
}

.dialog-wrapper .dialog .dialog-body .content .quick-filter-content .checkbox-wrap input[data-v-b2646f62] {
    margin-right: 1px;
    vertical-align: -1px
}

.dialog-wrapper .dialog .dialog-footer[data-v-b2646f62] {
    padding: 12px 20px 9px;
    font-size: 0;
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
    height: 75px
}

.dialog-wrapper .dialog .dialog-footer .left[data-v-b2646f62] {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.dialog-wrapper .dialog .dialog-footer .left .used-params[data-v-b2646f62] {
    display: block;
    padding: 0 5px 10px 0;
    font-size: 12px;
    zoom: normal
}

.dialog-wrapper .dialog .dialog-footer .left .used-params .used-params__item[data-v-b2646f62] {
    position: relative;
    display: inline-block;
    padding: 0 16px 0 10px;
    width: 80px;
    height: 24px;
    line-height: 24px;
    color: #0095e6;
    border: 1px solid #0095e6;
    border-radius: 4px;
    background-color: #e5f5ff;
    cursor: pointer;
    margin-right: 13px;
    text-align: center
}

.dialog-wrapper .dialog .dialog-footer .left .used-params .used-params__item .codeSpan[data-v-b2646f62] {
    width: 100%;
    display: inline-block
}

.dialog-wrapper .dialog .dialog-footer .left .used-params .used-params__item .used-params__item__close[data-v-b2646f62] {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 11px;
    width: 11px;
    background: url(//static.szlcsc.com/ecp/assets/web/page/list/catalog/images/closure-blue.svg) no-repeat;
    background-size: 11px;
    cursor: pointer
}

.dialog-wrapper .dialog .dialog-footer .left .blue[data-v-b2646f62] {
    display: inline-block;
    width: 100px;
    color: #0096ee
}

.dialog-wrapper .dialog .dialog-footer .right-btn-wrap[data-v-b2646f62] {
    text-align: right
}

.button[data-v-b2646f62] {
    display: inline-block;
    min-width: 108px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    font-size: 14px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer
}

.cancel[data-v-b2646f62] {
    border-radius: 8px;
    border: 1px solid #eaeaea
}

.confirm[data-v-b2646f62], .reset[data-v-b2646f62] {
    margin-left: 10px;
    background: #0095ee;
    color: #fff;
    border: 1px solid #0095ee;
    vertical-align: top
}

#moveSelected[data-v-b2646f62] {
    position: absolute;
    background-color: #8dd2fd;
    opacity: .3;
    top: 0;
    left: 0
}

.tipsList[data-v-b2646f62] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 15px;
    width: 98%
}

.tipsList .tipsList-left[data-v-b2646f62] {
    color: #ff7900
}

.tipsList .tipsList-right[data-v-b2646f62] {
    cursor: pointer;
    color: #1c9fe9
}

.loadingMask[data-v-b2646f62] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.3);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.auto-company[data-v-c33c3b3e] {
    width: 250px;
    border: 1px solid #e5e5e5;
    border-top: none;
    background: #fff;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1;
    overflow: hidden
}

.auto-company li[data-v-c33c3b3e] {
    width: 100%;
    height: 28px;
    background: #fff;
    line-height: 28px;
    margin: 0;
    padding-left: 10px;
    cursor: pointer
}

    .auto-company li[data-v-c33c3b3e]:hover {
        background: #f2f2f2
    }

.loadingMask[data-v-c33c3b3e] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.3);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.chooseAll[data-v-c33c3b3e], .loadingMask[data-v-c33c3b3e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.chooseAll[data-v-c33c3b3e] {
    height: 24px;
    cursor: pointer
}

.chooseAll input[data-v-c33c3b3e] {
    margin: 0 4px
}

.selectSkeleton[data-v-c33c3b3e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 188px !important;
    padding-bottom: 17px;
    padding-top: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.selectSkeleton .item[data-v-c33c3b3e] {
    padding: 12px;
    background: #fff;
    height: 175px;
    width: 150px;
    margin-right: 12px;
    border-radius: 5px
}

.selectSkeleton[data-v-c33c3b3e] .el-skeleton__item {
    display: block !important
}