/*! Hint.css - v2.7.0 - 2021-10-01
* https://kushagra.dev/lab/hint/
* Copyright (c) 2021 Kushagra Gour */
/*! 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
}

#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;
    width: 8px;
    height: 4px;
    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
}

#web-group .need-hide-dom:hover .arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

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

    .newWebGroup:hover {
        background: #fff
    }

.plus-icon-wrap {
    position: relative;
    height: 108px;
    box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #e5e5e5;
    overflow: hidden
}

    .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;
        position: absolute;
        left: 12px
    }

        .plus-icon-wrap .plus-icon-list .item {
            display: inline-block;
            width: 72px;
            margin-right: 17px
        }

            .plus-icon-wrap .plus-icon-list .item .round-left, .plus-icon-wrap .plus-icon-list .item .round-right {
                position: relative;
                width: 50px;
                height: 50px;
                margin: 0 auto 5px;
                border-radius: 25px;
                text-align: center
            }

            .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 {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

            .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;
                color: #333
            }

            .plus-icon-wrap .plus-icon-list .item:hover {
                color: #0094e5;
                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 .hd {
    width: 100%;
    height: 40px;
    background: #e4e4e6
}

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

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

            .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: #ccc
            }

            .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: #666;
            font-size: 12px
        }

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

                .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: #666
            }

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

            .layout-header.ecp .hd .hd-bd .reg #plus {
                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
                }

                .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;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

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

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

            .layout-header.ecp .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.ecp .hd .hd-bd .reg .plus-wrap .account-wrap {
                    display: none;
                    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;
                    width: 100%;
                    border-top: 1px solid #e5e5e5
                }

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

                    .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;
                        margin: 15px 6px 15px 0;
                        background: #2e3244;
                        border-radius: 13px;
                        font-size: 12px;
                        color: #fff;
                        float: right
                    }

                        .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: 40px;
            line-height: 40px;
            margin: 0;
            z-index: 1200;
            background: #fff
        }

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

        .layout-header.ecp .hd .hd-bd .welcome {
            padding: 0 5px
        }

        .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 {
            z-index: 1;
            float: right;
            color: #0076b8
        }

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

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

                .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 span.er04 {
                float: right;
                color: #199fe9
            }

                .layout-header.ecp .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.ecp .hd .hd-bd .enter a {
                float: right;
                color: #666
            }

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

                .layout-header.ecp .hd .hd-bd .enter a.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 {
                        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.ecp .hd .hd-bd .enter a.er01.er01.active, .layout-header.ecp .hd .hd-bd .enter a.er01.er01:hover {
                        position: relative;
                        z-index: 1200;
                        border-left: 1px solid #dedede;
                        border-right: 1px solid #dedede;
                        color: #199fe9;
                        background: #fff
                    }

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

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

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

                    .layout-header.ecp .hd .hd-bd .enter a.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 {
                        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 {
                    margin-right: 18px
                }

                .layout-header.ecp .hd .hd-bd .enter a.qq {
                    float: right;
                    width: auto;
                    height: 40px;
                    line-height: 40px;
                    color: #666;
                    background-position: 0 -61px
                }

                    .layout-header.ecp .hd .hd-bd .enter a.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.ecp .hd .hd-bd .enter a.qq:hover {
                        color: #199fe9
                    }

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

            .layout-header.ecp .hd .hd-bd .enter .member-list-wrap {
                position: relative;
                float: right
            }

                .layout-header.ecp .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.ecp .hd .hd-bd .enter .member-list-wrap .member-list dl {
                        margin: 10px 0 0 15px;
                        font-size: 14px
                    }

                        .layout-header.ecp .hd .hd-bd .enter .member-list-wrap .member-list dl dt {
                            float: left;
                            width: 100%;
                            line-height: 26px;
                            color: #666
                        }

                            .layout-header.ecp .hd .hd-bd .enter .member-list-wrap .member-list dl dt a {
                                float: none;
                                padding: 0;
                                color: #666
                            }

                        .layout-header.ecp .hd .hd-bd .enter .member-list-wrap .member-list dl dd {
                            float: left;
                            width: 100%;
                            line-height: 26px
                        }

                            .layout-header.ecp .hd .hd-bd .enter .member-list-wrap .member-list dl dd a {
                                float: left;
                                padding-left: 0;
                                color: #666
                            }

                                .layout-header.ecp .hd .hd-bd .enter .member-list-wrap .member-list dl dd a:hover {
                                    float: left;
                                    padding-left: 0;
                                    color: #199fe9
                                }

                            .layout-header.ecp .hd .hd-bd .enter .member-list-wrap .member-list dl dd span {
                                margin: 0 12px;
                                float: left;
                                color: #bdbdbd
                            }

            .layout-header.ecp .hd .hd-bd .enter .c-line {
                color: #ccc;
                float: right
            }

            .layout-header.ecp .hd .hd-bd .enter .collect {
                float: right;
                cursor: pointer;
                border: 1px solid transparent;
                border-top: none
            }

                .layout-header.ecp .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.ecp .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.ecp .hd .hd-bd .enter .collect:hover .txt {
                    color: #199fe9
                }

                .layout-header.ecp .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.ecp .hd .hd-bd .enter .actives, .layout-header.ecp .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.ecp .logo-wrap {
    padding: 33px 0 6px;
    min-width: 1200px;
    height: 90px;
    border-top: 1px solid #dedede;
    background: #fff
}

    .layout-header.ecp .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.ecp .logo-wrap.active .hot {
            display: none
        }

        .layout-header.ecp .logo-wrap.active .lcsc a {
            margin-top: 5px
        }

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

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

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

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

            .layout-header.ecp .nav .nav-bd .sort .layout-catalogs, .layout-header.ecp .nav .nav-bd .sort .not-index-page ul {
                box-sizing: border-box;
                background: #fff;
                position: relative;
                box-shadow: 0 2px 16px 0 rgba(1,66,104,.2);
                border-radius: 0;
                margin-top: 0
            }

            .layout-header.ecp .nav .nav-bd .sort p {
                line-height: 50px;
                text-indent: 15px;
                color: #fff;
                font-size: 16px;
                font-weight: 700;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                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: 42px
            }

        .layout-header.ecp .nav .nav-bd .snav {
            font-size: 16px;
            font-weight: 700;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            width: 1008px;
            box-sizing: border-box
        }

            .layout-header.ecp .nav .nav-bd .snav:first-of-type {
                padding-left: 15px
            }

            .layout-header.ecp .nav .nav-bd .snav a {
                position: relative;
                margin-right: 28px;
                display: block;
                text-align: center;
                line-height: 50px;
                text-decoration: none;
                color: #444
            }

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

                .layout-header.ecp .nav .nav-bd .snav a:last-of-type {
                    margin-right: 0
                }

            .layout-header.ecp .nav .nav-bd .snav .nav-link {
                position: relative
            }

            .layout-header.ecp .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.ecp .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.ecp .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.ecp .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.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: 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.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,.5098039215686274) !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,.18823529411764706);
                    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,.18823529411764706);
                    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
    }

    .logo.ecp .lcsc {
        float: left;
        height: 90px;
        overflow: hidden;
        margin-right: 70px
    }

        .logo.ecp .lcsc a {
            display: block;
            width: 385px;
            height: 57px;
            margin-top: 10px;
            float: left
        }

        .logo.ecp .lcsc img {
            display: block;
            width: 100%
        }

    .logo.ecp .sch {
        position: relative;
        float: right;
        padding-top: 9px;
        width: 45%;
        height: 70px
    }

    .logo.ecp .hot {
        float: left;
        margin-top: 5px;
        width: 122%
    }

        .logo.ecp .hot a {
            margin-right: 5px;
            font-size: 12px;
            color: #bbb
        }

    .logo.ecp .shop {
        margin-top: 9px;
        margin-left: 11px;
        padding: 0 2px 0 16px;
        width: 149px;
        height: 42px;
        position: relative;
        background: #fbfbfb;
        border-radius: 8px;
        border: 1px solid #eee;
        box-sizing: border-box;
        cursor: pointer
    }

        .logo.ecp .shop .white-box {
            display: none
        }

        .logo.ecp .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%
        }

        .logo.ecp .shop.actives {
            border-radius: 0;
            background: #fff;
            border-bottom: none;
            border-radius: 8px 8px 0 0;
            box-shadow: 0 0 16px 0 rgba(1,66,104,.2)
        }

            .logo.ecp .shop.actives .white-box {
                display: block;
                position: absolute;
                top: 31px;
                z-index: 1112;
                right: 0;
                background: #fff;
                width: 129px;
                height: 20px;
                padding: 0 2px 0 16px
            }

        .logo.ecp .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
        }

            .logo.ecp .shop .collect-tip.noGoods {
                padding-top: 30px;
                padding-bottom: 29px
            }

                .logo.ecp .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
                }

                    .logo.ecp .shop .collect-tip.noGoods > div img {
                        margin-right: 20px
                    }

            .logo.ecp .shop .collect-tip.hasGoods {
                width: 610px;
                height: 413px;
                padding: 8px 0 0;
                text-align: left;
                box-sizing: content-box
            }

                .logo.ecp .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
                }

                    .logo.ecp .shop .collect-tip.hasGoods .tab-one .tab-item {
                        height: 29px;
                        line-height: 29px;
                        font-size: 14px;
                        color: #333;
                        padding: 4px 15px;
                        cursor: pointer
                    }

                        .logo.ecp .shop .collect-tip.hasGoods .tab-one .tab-item > .count {
                            color: #199fe9;
                            margin-left: 6px
                        }

                        .logo.ecp .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
                        }

                .logo.ecp .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
                }

                    .logo.ecp .shop .collect-tip.hasGoods .tab-two .tab-item {
                        margin-right: 16px;
                        cursor: pointer
                    }

                        .logo.ecp .shop .collect-tip.hasGoods .tab-two .tab-item.active {
                            font-weight: 700;
                            color: var(--main-color);
                            position: relative
                        }

                            .logo.ecp .shop .collect-tip.hasGoods .tab-two .tab-item.active:after {
                                content: "";
                                width: 18px;
                                height: 2px;
                                background-color: var(--main-color);
                                position: absolute;
                                bottom: -4px;
                                left: 50%;
                                -webkit-transform: translate(-50%);
                                transform: translate(-50%)
                            }

                .logo.ecp .shop .collect-tip.hasGoods .goods-content {
                    width: 610px;
                    margin-top: 16px;
                    min-height: 286px
                }

                    .logo.ecp .shop .collect-tip.hasGoods .goods-content.panel {
                        min-height: 315px
                    }

                    .logo.ecp .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
                    }

                        .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-header [type=checkbox] {
                            display: inline-block;
                            margin: 0 13px
                        }

                        .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-header span {
                            display: inline-block;
                            color: #666
                        }

                            .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-header span.goods_code {
                                width: 116px
                            }

                            .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-header span.provider {
                                width: 120px
                            }

                            .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-header span.price {
                                width: 106px
                            }

                            .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-header span.count {
                                width: 82px
                            }

                            .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-header span.price_total {
                                width: 77px
                            }

                            .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-header span.complain {
                                margin-right: 0
                            }

                    .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-list {
                        margin-left: 18px;
                        display: none;
                        box-sizing: border-box;
                        overflow-x: hidden;
                        height: 256px
                    }

                        .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-list.active {
                            display: block
                        }

                        .logo.ecp .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
                        }

                            .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item [type=checkbox] {
                                display: inline-block;
                                margin: 0 13px
                            }

                            .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span {
                                display: inline-block;
                                color: #666;
                                overflow: hidden
                            }

                                .logo.ecp .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
                                }

                                .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span.item_provider {
                                    width: 100px;
                                    max-width: 100px;
                                    margin-right: 20px;
                                    position: relative
                                }

                                    .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span.item_provider:hover ~ .item_provider_tips {
                                        display: block
                                    }

                                .logo.ecp .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
                                }

                                .logo.ecp .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
                                }

                                .logo.ecp .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
                                }

                                .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item span.item_delete {
                                    max-width: 24px;
                                    margin-right: 0;
                                    cursor: pointer
                                }

                            .logo.ecp .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
                            }

                                .logo.ecp .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(/css/v_en_1.0/LC/rightUtils20180907_new.png) no-repeat -220px 0;
                                    -webkit-transform: translate(-50%) rotate(270deg);
                                    transform: translate(-50%) rotate(270deg)
                                }

                                .logo.ecp .shop .collect-tip.hasGoods .goods-content .goods-list .goods-list-item .item_provider_tips:hover {
                                    display: block
                                }

                                .logo.ecp .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
                                }

                .logo.ecp .shop .collect-tip.hasGoods .ellipsis {
                    text-overflow: ellipsis;
                    word-break: break-all;
                    white-space: nowrap;
                    overflow: hidden
                }

                .logo.ecp .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
                }

                    .logo.ecp .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
                    }

                        .logo.ecp .shop .collect-tip.hasGoods .footer > span.del-all img {
                            margin-right: 6px
                        }

                    .logo.ecp .shop .collect-tip.hasGoods .footer .count {
                        color: #ff7800;
                        margin-right: 21px
                    }

                    .logo.ecp .shop .collect-tip.hasGoods .footer .blod {
                        font-weight: 700
                    }

                    .logo.ecp .shop .collect-tip.hasGoods .footer .settlement {
                        display: inline-block;
                        width: 77px;
                        height: 28px;
                        text-align: center;
                        line-height: 28px;
                        background: #ff7800;
                        color: #fff;
                        border-radius: 2px;
                        cursor: pointer
                    }

        .logo.ecp .shop p {
            height: 40px;
            line-height: 40px;
            position: relative
        }

            .logo.ecp .shop p .cart-icon-a {
                position: relative
            }

                .logo.ecp .shop p .cart-icon-a .cart-icon {
                    display: inline-block;
                    margin-right: 6px;
                    width: 19px;
                    height: 18px;
                    vertical-align: middle;
                    background: url(//static.szlcsc.com/ecp/assets/web/layout/head/images/cart_new.svg) no-repeat 0 0;
                    background-size: 19px 18px
                }

                .logo.ecp .shop p .cart-icon-a .tips {
                    font-size: 14px;
                    color: var(--main-color);
                    line-height: 22px;
                    height: 22px;
                    vertical-align: middle
                }

                .logo.ecp .shop p .cart-icon-a .cart-icon2 {
                    position: absolute;
                    top: -7px;
                    right: -27px;
                    display: inline-block;
                    width: 26px;
                    height: 16px;
                    line-height: 16px;
                    text-align: center;
                    color: #fff;
                    background: #e9a719;
                    border-radius: 8px 8px 8px 0
                }

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

    .sch-bd.ecp .sch-bd02 {
        float: left;
        width: 455px;
        height: 38px;
        line-height: 38px;
        text-indent: 8px;
        border: 2px solid #199fe9;
        border-radius: 6px 0 0 6px;
        outline: none
    }

    .sch-bd.ecp .sch-bd03 {
        width: 71px;
        height: 42px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        border: 2px solid #199fe9;
        border-radius: 0 6px 6px 0;
        background: #199fe9 url(//static.szlcsc.com/ecp/assets/web/common/images/index-header-search.svg) no-repeat 50%
    }

    .sch-bd.ecp .search-list {
        position: absolute;
        top: 42px;
        z-index: 1300;
        display: none;
        margin-left: 1px;
        width: 86%;
        border: 1px solid #e9e9e9;
        border-top: 0;
        background: #fff
    }

        .sch-bd.ecp .search-list .brand-tips-div {
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #e9e9e9
        }

            .sch-bd.ecp .search-list .brand-tips-div .brand-img {
                float: left;
                height: 30px;
                position: relative;
                top: 5px;
                margin-left: 10px
            }

            .sch-bd.ecp .search-list .brand-tips-div .no-brand-img {
                float: left;
                width: 27px;
                position: relative;
                top: 8px;
                margin-left: 15px
            }

            .sch-bd.ecp .search-list .brand-tips-div .right-icon-img {
                float: left;
                width: 8px;
                height: 11px;
                position: relative;
                top: 15px;
                left: 10px
            }

        .sch-bd.ecp .search-list .search-recommend-title, .sch-bd.ecp .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
        }

            .sch-bd.ecp .search-list .search-recommend-title .del-icon, .sch-bd.ecp .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
            }

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

            .sch-bd.ecp .search-list .search-record-wrap .search-record-item {
                display: block;
                height: 30px;
                line-height: 30px;
                font-size: 12px;
                cursor: pointer;
                border-radius: 2px
            }

                .sch-bd.ecp .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
                }

                .sch-bd.ecp .search-list .search-record-wrap .search-record-item:hover {
                    background: #f9feff
                }

                    .sch-bd.ecp .search-list .search-record-wrap .search-record-item:hover .right {
                        display: inline-block
                    }

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

            .sch-bd.ecp .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
            }

                .sch-bd.ecp .search-list .search-recommend-wrap .recommend-item:hover {
                    background: #f9feff
                }

        .sch-bd.ecp .search-list ul li {
            height: 30px;
            line-height: 30px;
            padding: 0 4px
        }

            .sch-bd.ecp .search-list ul li.active {
                background: #e9e9e9
            }

            .sch-bd.ecp .search-list ul li .search-word {
                float: left;
                color: #666
            }

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

                .sch-bd.ecp .search-list ul li .search-num i {
                    font-style: normal
                }

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

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

.layout-catalogs.ecp {
    position: relative;
    z-index: 1111;
    float: left;
    width: 192px;
    height: 470px;
    line-height: 35px;
    box-sizing: border-box;
    font-size: 12px
}

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

    .layout-catalogs.ecp ul {
        box-sizing: border-box;
        margin-top: 12px;
        padding: 10px 0;
        height: 100%;
        background: hsla(0,0%,100%,.9);
        position: relative;
        border-radius: 8px
    }

        .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 {
                    height: 28px;
                    line-height: 28px;
                    font-size: 14px
                }

                .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: var(--main-color)
                    }

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

                    .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: var(--main-color)
                    }

                    .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 {
                    display: none;
                    position: absolute;
                    z-index: 98;
                    left: 188px;
                    top: 0;
                    padding: 0 20px 0 24px;
                    box-sizing: border-box;
                    width: 1013px;
                    min-height: 470px;
                    background: #fff;
                    box-shadow: 0 2px 16px 0 rgba(1,66,104,.2);
                    border-radius: 0 8px 8px 0
                }

                    .layout-catalogs.ecp ul li .s-submnu .s-submun-content {
                        height: auto
                    }

                        .layout-catalogs.ecp 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.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;
                                margin-top: 12px
                            }

                                .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;
                                margin-top: 12px
                            }

                                .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-top: 14px;
                            line-height: 12px;
                            color: #494949;
                            width: 160px;
                            text-align: left
                        }

                            .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: var(--main-color)
                                }

                                .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-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: var(--main-color)
                }

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

                .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.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;
    background: #e3e3e3;
    border-bottom: 1px solid #d5d5d5
}

    .layout-foot.ecp .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.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;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    background: #e3e3e3
}

    .layout-foot.ecp .footer .foot {
        width: 1200px;
        margin: 0 auto;
        height: 100%;
        background: #e3e3e3;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

        .layout-foot.ecp .footer .foot .footer-left {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            height: 100%;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1
        }

            .layout-foot.ecp .footer .foot .footer-left dl {
                box-sizing: border-box;
                margin-top: 28px;
                margin-right: 26px !important;
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                flex: 1;
                text-align: left
            }

                .layout-foot.ecp .footer .foot .footer-left dl:nth-last-of-type(2), .layout-foot.ecp .footer .foot .footer-left dl:nth-last-of-type(3) {
                    margin-right: 77px
                }

                .layout-foot.ecp .footer .foot .footer-left dl:last-of-type {
                    margin-right: 0;
                    width: 110px;
                    border-right: 1px solid #d5d5d5;
                    padding-right: 6px
                }

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

            .layout-foot.ecp .footer .foot .footer-left dd {
                margin-left: 0;
                margin-bottom: 13px;
                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;
            width: 338px
        }

            .layout-foot.ecp .footer .foot .footer-right dl {
                box-sizing: border-box;
                margin-top: 28px;
                margin-right: 60px;
                text-align: left
            }

                .layout-foot.ecp .footer .foot .footer-right dl:first-of-type {
                    margin-right: 42px
                }

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

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

            .layout-foot.ecp .footer .foot .footer-right dd {
                margin-left: 0;
                margin-bottom: 13px;
                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 .member {
    margin: 0 auto 10px;
    padding: 24px 0 14px;
    width: 1200px
}

    .layout-foot.ecp .member table {
        margin-bottom: 10px
    }

        .layout-foot.ecp .member table td {
            line-height: 24px
        }

            .layout-foot.ecp .member table td.link-member {
                width: 98px;
                font-size: 12px;
                color: #444
            }

            .layout-foot.ecp .member table td.link-txt a {
                float: left;
                margin-right: 23px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: #666
            }

                .layout-foot.ecp .member table td.link-txt a:hover {
                    color: #0093e6
                }

            .layout-foot.ecp .member table td.not-index a {
                margin-right: 23px
            }

.layout-foot.ecp .link-wrap {
    background: #e3e3e3;
    width: 100%;
    border-top: 1px solid #d5d5d5;
    padding: 28px 0 39px;
    box-sizing: border-box
}

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

        .layout-foot.ecp .link-wrap .link .link-site {
            display: none;
            padding-bottom: 18px
        }

        .layout-foot.ecp .link-wrap .link .member-site {
            padding-bottom: 19px
        }

        .layout-foot.ecp .link-wrap .link td {
            line-height: 24px
        }

        .layout-foot.ecp .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.ecp .link-wrap .link ul li.active {
                border-bottom: 2px solid #0193e6;
                color: #0193e6
            }

        .layout-foot.ecp .link-wrap .link .link-bt {
            width: 6%;
            float: left;
            white-space: nowrap
        }

        .layout-foot.ecp .link-wrap .link .link-txt a {
            color: #666;
            margin-right: 23px;
            float: left;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

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

        .layout-foot.ecp .link-wrap .link .link-red a {
            color: red
        }

        .layout-foot.ecp .link-wrap .link .link-txt-new a {
            width: 100%
        }

    .layout-foot.ecp .link-wrap .letter-index {
        width: 1200px;
        margin: 0 auto
    }

        .layout-foot.ecp .link-wrap .letter-index ul {
            overflow: hidden
        }

            .layout-foot.ecp .link-wrap .letter-index ul li {
                float: left;
                text-align: center;
                cursor: pointer;
                margin-right: 15px
            }

                .layout-foot.ecp .link-wrap .letter-index ul li:first-of-type {
                    margin-right: 0
                }

                .layout-foot.ecp .link-wrap .letter-index ul li a {
                    color: #666
                }

                    .layout-foot.ecp .link-wrap .letter-index ul li a:hover {
                        color: #0093e6
                    }

                .layout-foot.ecp .link-wrap .letter-index ul li:first-child {
                    color: #666;
                    cursor: default
                }

.layout-foot.ecp .entry-type-wrapper {
    background: #c7c7c7;
    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 .spot {
    background: #373f5e !important;
    border-color: #4c5473 !important
}

    .layout-foot.theme-black .spot ul {
        background: #373f5e !important;
        border-bottom: none !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;
    border-color: #4c5473 !important;
    padding-bottom: 28px
}

    .layout-foot.theme-black .footer .foot {
        background: #373f5e !important;
        border-bottom: none !important
    }

        .layout-foot.theme-black .footer .foot .footer-left dl:last-of-type {
            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 .link li {
        color: #abb2ca !important
    }

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

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

        .layout-foot.theme-black .link-wrap .link .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 {
            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-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-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
}

#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;
    bottom: 410px;
    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,微软雅黑,Arail
}

body {
    background: #fff;
    font: 12px/18px Microsoft YaHei,微软雅黑,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(//static.szlcsc.com/ecp/assets/web/common/images/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 {
        position: absolute;
        top: -19px;
        left: 20px;
        display: block;
        height: 0;
        width: 0;
        border: 9px dashed transparent;
        border-bottom: 9px solid #d2d2d2
    }

    .common-float-dialog .f-i {
        position: absolute;
        top: -9px;
        left: -10px;
        display: block;
        height: 0;
        width: 0;
        border: 10px dashed transparent;
        border-bottom: 10px solid #fff
    }

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

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

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

.mb-0 {
    margin-bottom: 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
}

.layout-tools {
    position: fixed;
    bottom: 102px;
    right: 0;
    z-index: 8888;
    width: 64px;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .layout-tools.hide {
        display: none
    }

    .layout-tools.tool-hide {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .layout-tools .red-package {
        background: url(/css/v_en_1.0/LC/xrfl.gif) 100% 100% no-repeat;
        background-size: cover
    }

    .layout-tools .red-package, .layout-tools .tjfl {
        display: inline-block;
        width: 66px;
        height: 66px;
        margin-bottom: 9px
    }

    .layout-tools .tjfl {
        background: url(/css/v_en_1.0/LC/yqyl.gif) 100% 100% no-repeat;
        background-size: cover
    }

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

        .layout-tools .right-utils-show-btn .right-utils-item-icon {
            margin: 0 auto 4px;
            display: block;
            width: 11px;
            height: 10px;
            background: url(/css/v_en_1.0/LC/righ_utils_icon_new.png) 50% no-repeat
        }

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

        .layout-tools .right-utils-item:nth-last-child(2) {
            border-radius: 0 0 0 8px
        }

        .layout-tools .right-utils-item:hover {
            border-color: #dfdfdf;
            background-color: var(--main-color)
        }

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

            .layout-tools .right-utils-item:hover .right-utils-item-text {
                color: #fff
            }

        .layout-tools .right-utils-item .border-ccc {
            display: block;
            height: 1px;
            margin-bottom: 8px;
            background: url(/css/v_en_1.0/LC/border_img.png) no-repeat;
            width: 126px
        }

        .layout-tools .right-utils-item .arrow-wrap {
            width: 126px
        }

            .layout-tools .right-utils-item .arrow-wrap .arrow-down {
                display: block;
                width: 12px;
                height: 8px;
                margin: 0 auto;
                background: url(/css/v_en_1.0/LC/arrow-down-grey.svg);
                cursor: pointer
            }

                .layout-tools .right-utils-item .arrow-wrap .arrow-down:hover {
                    background: url(/css/v_en_1.0/LC/arrow-down-blue.svg)
                }

        .layout-tools .right-utils-item .right-utils-item-icon {
            margin: 0 auto;
            display: block;
            width: 30px;
            height: 31px;
            background-image: url(/css/v_en_1.0/LC/righ_utils_icon_new.png);
            background-repeat: no-repeat;
            background-position: 50%
        }

        .layout-tools .right-utils-item .right-utils-item-text {
            display: block;
            text-align: center;
            color: #333
        }

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

            .layout-tools .right-utils-item .right-utils-item-panel .white-box {
                width: 70px;
                height: 100%;
                position: absolute;
                top: 0;
                right: -41px;
                background: transparent
            }

            .layout-tools .right-utils-item .right-utils-item-panel .arrows {
                position: absolute;
                top: 20px;
                right: -5px;
                width: 6px;
                height: 9px;
                background: url(/css/v_en_1.0/LC/rightUtils20180907_new.png) no-repeat -220px 0
            }

    .layout-tools .right-utils-item-kf {
        border: 1px solid #dfdfdf
    }

        .layout-tools .right-utils-item-kf .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/kf.svg);
            background-repeat: no-repeat
        }

        .layout-tools .right-utils-item-kf:hover .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/kf-hover.svg)
        }

        .layout-tools .right-utils-item-kf .right-utils-item-panel {
            padding: 17px 10px;
            width: 155px
        }

            .layout-tools .right-utils-item-kf .right-utils-item-panel h4 {
                font-weight: 700;
                padding-bottom: 8px;
                font-size: 12px;
                color: #333
            }

            .layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel h4 {
                line-height: 12px;
                font-size: 12px
            }

            .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(/css/v_en_1.0/LC/side-tel.svg);
                background-position: 0 0;
                background-repeat: no-repeat
            }

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

                .layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-fwsj p:first-of-type {
                    margin-bottom: 10px
                }

                .layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-fwsj .kf-panel-item-icon {
                    background-position-x: -116px
                }

            .layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-kfrx #kf-phone-p {
                margin-bottom: 20px;
                color: #333
            }

            .layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-tsdh {
                margin-bottom: 0
            }

    .layout-tools #forKF {
        display: none;
        border: 1px solid #dfdfdf
    }

        .layout-tools #forKF .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/vip.svg);
            background-repeat: no-repeat
        }

        .layout-tools #forKF:hover .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/vip-hover.svg)
        }

    .layout-tools .right-utils-item-QQ {
        border-bottom: 1px solid #dfdfdf;
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf
    }

        .layout-tools .right-utils-item-QQ .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/qq.svg);
            background-repeat: no-repeat
        }

        .layout-tools .right-utils-item-QQ:hover .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/qq-hover.svg)
        }

    .layout-tools .right-utils-item-yhq {
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf
    }

        .layout-tools .right-utils-item-yhq .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/yhq.svg);
            background-repeat: no-repeat
        }

        .layout-tools .right-utils-item-yhq:hover .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/yhq-hover.svg)
        }

    .layout-tools .right-utils-item-yjwj {
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf
    }

        .layout-tools .right-utils-item-yjwj .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/yjwj.svg);
            background-repeat: no-repeat
        }

        .layout-tools .right-utils-item-yjwj:hover .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/yjwj-hover.svg)
        }

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

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

                .layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content > img {
                    width: 100%
                }

                .layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips {
                    position: absolute;
                    right: 35px;
                    top: 20px
                }

                    .layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips > span {
                        display: block
                    }

                    .layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips .title {
                        font-size: 16px;
                        color: var(--main-color);
                        margin-bottom: 4px
                    }

                    .layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips .tips {
                        font-size: 12px;
                        color: #666;
                        margin-bottom: 12px
                    }

                    .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,var(--main-color));
                        background: linear-gradient(222deg,#36ccf6,var(--main-color));
                        border-radius: 12px;
                        font-size: 12px;
                        color: #fff;
                        cursor: pointer
                    }

        .layout-tools .right-utils-item-yjwj p {
            color: #fff
        }

    .layout-tools .right-utils-item-QR {
        border: 1px solid #dfdfdf;
        border-bottom: none;
        border-radius: 8px 0 0 0
    }

        .layout-tools .right-utils-item-QR .code-img-wrap {
            margin: auto;
            width: 120px
        }

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

        .layout-tools .right-utils-item-QR .border-ccc {
            margin-left: 12px
        }

        .layout-tools .right-utils-item-QR .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/wx.svg);
            background-repeat: no-repeat
        }

        .layout-tools .right-utils-item-QR:hover .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/wx-hover.svg)
        }

        .layout-tools .right-utils-item-QR .right-utils-item-panel {
            width: 155px;
            height: 172px
        }

            .layout-tools .right-utils-item-QR .right-utils-item-panel .code-img {
                margin-top: 12px;
                width: 120px;
                height: 110px;
                background: url(/css/v_en_1.0/LC/righ_utils_icon_new.png) no-repeat -44px -9px
            }

    .layout-tools .right-utils-item-wx {
        border: 1px solid #dfdfdf;
        border-top: none
    }

        .layout-tools .right-utils-item-wx .item-content {
            padding: 15px 0
        }

        .layout-tools .right-utils-item-wx .code-tip-text1 {
            margin-bottom: 7px
        }

        .layout-tools .right-utils-item-wx .right-utils-item-icon {
            margin: 0 auto;
            display: block;
            width: 30px;
            height: 31px;
            background: url(/css/v_en_1.0/LC/xmt.svg) 50% no-repeat
        }

        .layout-tools .right-utils-item-wx:hover .right-utils-item-icon {
            background-image: url(/css/v_en_1.0/LC/xmt-hover.svg)
        }

        .layout-tools .right-utils-item-wx .right-utils-item-panel {
            top: -115px;
            text-align: center
        }

            .layout-tools .right-utils-item-wx .right-utils-item-panel .arrows {
                top: 135px
            }

            .layout-tools .right-utils-item-wx .right-utils-item-panel .code-img {
                margin-left: 17px;
                width: 120px;
                height: 110px;
                background: url(/css/v_en_1.0/LC/righ_utils_icon_new.png) no-repeat -44px -132px
            }

            .layout-tools .right-utils-item-wx .right-utils-item-panel .mro-code-img {
                background: url(/css/v_en_1.0/LC/mro_righ_utils_icon_new.jpg) no-repeat;
                background-size: 100% 100%
            }

            .layout-tools .right-utils-item-wx .right-utils-item-panel .code-tip-text {
                text-align: center;
                line-height: 12px
            }

    .layout-tools .right-utils-item-hdb {
        margin-top: 9px;
        width: 64px;
        padding: 0;
        height: 120px;
        background-color: transparent
    }

        .layout-tools .right-utils-item-hdb:hover {
            background-color: transparent
        }

        .layout-tools .right-utils-item-hdb li {
            width: 100%;
            height: 60px;
            background: #fff;
            border-left: 1px solid #dfdfdf
        }

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

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

            .layout-tools .right-utils-item-hdb li.ss {
                border-bottom: 1px solid #dfdfdf;
                border-radius: 8px 0 0 8px
            }

            .layout-tools .right-utils-item-hdb li.go-to-top {
                display: none
            }

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

            .layout-tools .right-utils-item-hdb li img {
                width: 26px;
                height: 26px;
                display: block
            }

                .layout-tools .right-utils-item-hdb li img.ran {
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg)
                }

                .layout-tools .right-utils-item-hdb li img.h {
                    display: none
                }

            .layout-tools .right-utils-item-hdb li p {
                font-size: 12px;
                color: #333;
                text-align: center;
                line-height: 1em;
                margin-top: 5px
            }

            .layout-tools .right-utils-item-hdb li:hover {
                background: var(--main-color)
            }

                .layout-tools .right-utils-item-hdb li:hover p {
                    color: #fff
                }

                .layout-tools .right-utils-item-hdb li:hover img {
                    display: none
                }

                    .layout-tools .right-utils-item-hdb li:hover img.h {
                        display: block
                    }

            .layout-tools .right-utils-item-hdb li + li {
                border-top: 1px solid #f0f0f0
            }

.new-person-bottom-fixed {
    width: 100vw;
    height: 6.25vw;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

    .new-person-bottom-fixed .img {
        height: 100%;
        width: 100%;
        background: url(//static.szlcsc.com/ecp/assets/web/common/images/about/gy_banner05_01.jpg) no-repeat;
        background-size: 100%
    }

    .new-person-bottom-fixed .close {
        position: absolute;
        top: 10px;
        right: 150px;
        width: 36px;
        height: 36px;
        background: url(//static.szlcsc.com/ecp/assets/web/layout/websiteGroupDialog/images/dialog-close-icon3.svg) no-repeat;
        cursor: pointer;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

.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: var(--main-color)
    }

        .little-tools:hover img {
            display: none
        }

            .little-tools:hover img.h {
                display: block
            }

        .little-tools:hover span {
            color: #fff
        }

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform,left,top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translateZ(0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s;
    -moz-transform: translateZ(0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s;
    -o-transform: translateZ(0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0);
    -ms-transition-property: -ms-transform,left,top;
    -ms-transition-duration: 0s;
    -ms-transform: translateZ(0);
    -ms-transition-timing-function: ease;
    -webkit-transition-property: left,top,-webkit-transform;
    transition-property: left,top,-webkit-transform;
    transition-property: transform,left,top;
    transition-property: transform,left,top,-webkit-transform;
    transition-duration: 0s;
    transform: translateZ(0);
    transition-timing-function: ease
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    float: left
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

@media screen and (max-width: 1730px) {
    .advert.left-img, .float-advertisement, .nav-ad.buried-point-hwdg, .new-person-bottom-fixed, .side-red-packet {
        display: none !important
    }
}

html.grey {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#index-stock-and-find-wrap {
    margin-bottom: 12px
}

    #index-stock-and-find-wrap.stock-loading {
        height: 233px;
        width: 1200px;
        background: url(//static.szlcsc.com/ecp/assets/web/common/vue/stockManage/img/index-stock-bg.png) no-repeat
    }

.page-www-index {
    background: #f5f5f5
}

    .page-www-index .screen-ban {
        width: 1200px;
        margin: 0 auto;
        position: relative
    }

        .page-www-index .screen-ban .index-box .index-box-first-content {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            margin-bottom: 12px
        }

        .page-www-index .screen-ban .advert {
            width: 230px;
            height: 372px;
            overflow: hidden;
            position: absolute;
            top: 12px;
            z-index: 998
        }

        .page-www-index .screen-ban .left-img, .page-www-index .screen-ban .right-img {
            height: 602px;
            width: calc(50vw - 608.5px)
        }

            .page-www-index .screen-ban .left-img a, .page-www-index .screen-ban .right-img a {
                max-width: 100%;
                max-height: 100%;
                height: auto
            }

                .page-www-index .screen-ban .left-img a img, .page-www-index .screen-ban .right-img a img {
                    max-width: 100%;
                    max-height: 100%
                }

        .page-www-index .screen-ban .left-img {
            left: calc(-50vw - -608.5px)
        }

            .page-www-index .screen-ban .left-img a img {
                float: right
            }

        .page-www-index .screen-ban .right-img {
            right: calc(-50vw - -608.5px)
        }

            .page-www-index .screen-ban .right-img a img {
                float: left
            }

    .page-www-index .sld {
        width: 792px;
        float: left;
        height: 470px;
        background: #fff;
        position: relative;
        cursor: pointer;
        border-radius: 8px;
        margin: 12px 12px 0
    }

        .page-www-index .sld:hover #goL, .page-www-index .sld:hover #goR {
            display: block
        }

        .page-www-index .sld img {
            height: 470px;
            display: block;
            width: 100%
        }

        .page-www-index .sld .swiper-container {
            width: 100%;
            height: 100%;
            border-radius: 8px
        }

        .page-www-index .sld .banner-pagination {
            position: absolute;
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 99;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center
        }

            .page-www-index .sld .banner-pagination > span {
                width: 10px;
                height: 10px;
                background: hsla(0,0%,100%,.4);
                border-radius: 50%;
                display: inline-block;
                margin-right: 6px
            }

                .page-www-index .sld .banner-pagination > span.swiper-active-switch {
                    width: 16px;
                    height: 16px;
                    position: relative
                }

                    .page-www-index .sld .banner-pagination > span.swiper-active-switch:after {
                        content: "";
                        width: 10px;
                        height: 10px;
                        background: #fff;
                        border-radius: 50%;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        -webkit-transform: translate(-50%,-50%);
                        transform: translate(-50%,-50%)
                    }

    .page-www-index #goL, .page-www-index #goR {
        width: 50px;
        height: 65px;
        position: absolute;
        margin-top: -25px;
        top: 50%;
        z-index: 99;
        display: none
    }

    .page-www-index #goR {
        left: 0;
        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/index-banner-left-hover.svg) no-repeat 0 0
    }

        .page-www-index #goR:hover {
            background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/index-banner-left.svg) no-repeat 0 0
        }

    .page-www-index #goL:hover {
        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/index-banner-right.svg) no-repeat 0 0
    }

    .page-www-index #goL {
        right: 0;
        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/index-banner-right-hover.svg) no-repeat 0 0
    }

    .page-www-index .log {
        width: 192px;
        float: left;
        margin-top: 12px
    }

        .page-www-index .log .user-info {
            box-sizing: border-box;
            background: #fff;
            width: 192px;
            height: 115px;
            padding-bottom: 16px;
            border-bottom: 1px solid #f0f0f0;
            font-size: 14px;
            color: #666;
            border-radius: 8px 8px 0 0;
            position: relative
        }

            .page-www-index .log .user-info.less {
                height: 81px
            }

            .page-www-index .log .user-info .btns {
                font-size: 12px;
                color: #333;
                margin-top: 3px
            }

            .page-www-index .log .user-info .tags {
                margin-top: 12px
            }

                .page-www-index .log .user-info .tags .tags-item {
                    width: 71px;
                    height: 25px;
                    border-radius: 13px;
                    font-size: 12px;
                    box-sizing: border-box;
                    text-align: center;
                    margin-right: 12px;
                    display: inline-block;
                    line-height: 25px
                }

                    .page-www-index .log .user-info .tags .tags-item:nth-of-type(2) {
                        margin-right: 0
                    }

                    .page-www-index .log .user-info .tags .tags-item.tags-item-new-user {
                        background: #e72a19;
                        color: #fff
                    }

                    .page-www-index .log .user-info .tags .tags-item.tags-item-plus {
                        background: #00164b;
                        color: #ffe082
                    }

            .page-www-index .log .user-info .nologin {
                padding: 19px 0 0 17px
            }

            .page-www-index .log .user-info .information .information-top .bg-box {
                position: absolute;
                background: #fff;
                border-radius: 8px 8px 0 0;
                height: 100%;
                width: 100%
            }

            .page-www-index .log .user-info .information .flex {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex
            }

            .page-www-index .log .user-info .information .dfb, .page-www-index .log .user-info .information .flex-al-c {
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

            .page-www-index .log .user-info .information .dfb {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between
            }

            .page-www-index .log .user-info .information .info-box {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                padding: 9px 11px 0 13px;
                box-sizing: border-box
            }

            .page-www-index .log .user-info .information .spaninfo {
                font-size: 12px;
                color: #444;
                font-weight: 700;
                margin-right: 6px
            }

            .page-www-index .log .user-info .information .outspan {
                font-size: 12px;
                color: #666;
                cursor: pointer
            }

                .page-www-index .log .user-info .information .outspan:hover {
                    color: #0094e7
                }

            .page-www-index .log .user-info .information .czzinfo {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                margin: 12px 0 4px
            }

                .page-www-index .log .user-info .information .czzinfo .czzspan1 {
                    font-size: 14px;
                    color: #333;
                    font-weight: 700
                }

                .page-www-index .log .user-info .information .czzinfo .czzspan2 {
                    font-size: 12px;
                    color: #333;
                    margin-right: 6px
                }

            .page-www-index .log .user-info .information .advance-billing-remarks {
                position: relative;
                display: inline-block;
                vertical-align: text-top;
                height: 14px;
                width: 14px;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/userinfo/tips.svg) no-repeat;
                background-size: 100%;
                cursor: pointer
            }

                .page-www-index .log .user-info .information .advance-billing-remarks:hover .icon_tip, .page-www-index .log .user-info .information .advance-billing-remarks:hover .icon_tip_narrow, .page-www-index .log .user-info .information .icon_tip:hover, .page-www-index .log .user-info .information .icon_tip_narrow:hover {
                    display: block
                }

                .page-www-index .log .user-info .information .advance-billing-remarks .icon_tip_narrow {
                    top: 14px
                }

                .page-www-index .log .user-info .information .advance-billing-remarks .icon_tip {
                    width: -webkit-max-content;
                    width: max-content;
                    top: 20px
                }

            .page-www-index .log .user-info .information .icon_tip {
                display: none;
                position: absolute;
                top: -135px;
                left: -35px;
                z-index: 3;
                padding: 3px 10px;
                color: #666;
                text-align: left;
                font-size: 12px;
                line-height: 18px;
                background-color: #fff;
                border: 1px solid #e7e6e6;
                box-sizing: border-box;
                width: 835px;
                border-radius: 3px
            }

            .page-www-index .log .user-info .information .icon_tip_narrow {
                display: none;
                position: absolute;
                left: 6px;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                top: 13px;
                z-index: 4;
                width: 6px;
                height: 9px;
                background: url(//static.szlcsc.com/ecp/assets/web/common/images/userinfo/triangle.png) no-repeat
            }

            .page-www-index .log .user-info .information .pls {
                width: 27px;
                height: 23px;
                background: none
            }

                .page-www-index .log .user-info .information .pls .icon_tip {
                    top: 28px;
                    left: -22px
                }

                .page-www-index .log .user-info .information .pls .icon_tip_narrow {
                    top: 22px;
                    left: 11px
                }

            .page-www-index .log .user-info .information .plusicon {
                width: 25px;
                height: 17.7px;
                background: none
            }

                .page-www-index .log .user-info .information .plusicon .icon_tip {
                    top: 24px;
                    left: -24px
                }

                .page-www-index .log .user-info .information .plusicon .icon_tip_narrow {
                    top: 18px;
                    left: 9px
                }

            .page-www-index .log .user-info .information .tisu > div {
                padding: 0 11px 0 13px;
                height: 24px;
                border-radius: 13px;
                background: #f6edd8;
                border: 1px solid #fff;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

                .page-www-index .log .user-info .information .tisu > div span {
                    color: #dda835;
                    font-size: 12px
                }

    .page-www-index .hello {
        width: 192px;
        height: 158px;
        box-sizing: border-box;
        background: #fff
    }

        .page-www-index .hello.height {
            height: 192px
        }

        .page-www-index .hello .head {
            height: 40px;
            padding: 0 15px;
            box-sizing: border-box;
            margin-bottom: 10px
        }

            .page-www-index .hello .head span {
                display: inline-block;
                padding-top: 15px;
                padding-bottom: 10px;
                font-size: 16px;
                color: #444;
                cursor: pointer
            }

            .page-www-index .hello .head .left {
                float: left;
                height: 100%
            }

                .page-www-index .hello .head .left span {
                    margin-right: 25px
                }

                .page-www-index .hello .head .left .active {
                    font-weight: 700;
                    font-size: 14px;
                    color: #333
                }

            .page-www-index .hello .head .right {
                float: right;
                font-size: 12px;
                font-weight: 400;
                cursor: pointer
            }

                .page-www-index .hello .head .right a {
                    color: #999;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    align-items: center
                }

                    .page-www-index .hello .head .right a img {
                        margin-left: 3px
                    }

                .page-www-index .hello .head .right .arrow {
                    width: 8px;
                    height: 8px;
                    background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/more-black.svg) no-repeat 50%
                }

                .page-www-index .hello .head .right:hover a {
                    color: #0093e6
                }

                .page-www-index .hello .head .right:hover .arrow {
                    background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/more-blue.svg) no-repeat 50%
                }

        .page-www-index .hello .content {
            padding: 0 15px;
            box-sizing: border-box
        }

            .page-www-index .hello .content .notice-tag {
                width: 37px;
                height: 16px;
                font-size: 12px;
                margin-right: 3px
            }

                .page-www-index .hello .content .notice-tag.h-1, .page-www-index .hello .content .notice-tag.h-2 {
                    color: #e72a19;
                    background: #feebe9
                }

                .page-www-index .hello .content .notice-tag.n-1 {
                    color: var(--main-color);
                    background: #e3f5ff
                }

            .page-www-index .hello .content a {
                font-size: 12px
            }

                .page-www-index .hello .content a span {
                    text-align: center;
                    line-height: 16px;
                    display: inline-block;
                    width: 37px;
                    height: 16px
                }

                    .page-www-index .hello .content a span.mallNoticeTitle {
                        width: 122px;
                        box-sizing: border-box;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                        text-align: left;
                        font-size: 12px
                    }

                .page-www-index .hello .content a .hot {
                    background: #feebe9;
                    color: #e72a19
                }

                .page-www-index .hello .content a .new {
                    background: #e3f5ff;
                    color: var(--main-color)
                }

            .page-www-index .hello .content a {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                font-size: 14px;
                line-height: 26px;
                color: #444;
                width: 100%;
                margin-bottom: 10px
            }

                .page-www-index .hello .content a:hover {
                    color: #0093e6
                }

    .page-www-index .log .notice {
        height: 197px;
        width: 192px;
        background: #fff;
        border-radius: 0 0 15px 8px;
        box-sizing: border-box
    }

        .page-www-index .log .notice .item {
            width: 95.5px;
            height: 92px;
            float: left;
            color: #666;
            cursor: pointer;
            box-sizing: border-box;
            display: block
        }

    .page-www-index .notice .item:hover {
        background: #f0f9ff
    }

    .page-www-index .log .notice .item div {
        font-size: 14px;
        margin-top: 9px;
        text-align: center
    }

    .page-www-index .log .notice .item span {
        vertical-align: middle;
        height: 19px;
        line-height: 19px;
        display: block
    }

    .page-www-index .log .notice .item .words {
        color: #333;
        line-height: 21px
    }

    .page-www-index .log .notice .item.order .img {
        display: block;
        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/wddd.svg) no-repeat
    }

    .page-www-index .log .notice .item .img {
        width: 35px;
        height: 31px;
        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/dhzq.svg) no-repeat;
        display: block;
        margin: 0 auto 6px
    }

    .page-www-index .notice .item .msg {
        color: #999;
        text-align: center;
        padding-top: 1px
    }

    .page-www-index .log .notice .item.note .img {
        display: block;
        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/cjjl.svg) no-repeat
    }

    .page-www-index .log .notice .item.oversea .img {
        display: block;
        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/lcEDA.svg) no-repeat;
        margin-bottom: 8px
    }

    .page-www-index .log .notice .item.order, .page-www-index .log .notice .item.oversea {
        width: 95.5px
    }

    .page-www-index .print-entrance-container {
        position: relative;
        width: 100%;
        height: 120px;
        margin-bottom: 12px
    }

        .page-www-index .print-entrance-container #printEntranceGoL, .page-www-index .print-entrance-container #printEntranceGoR {
            position: absolute;
            margin-top: -17px;
            top: 50%;
            z-index: 99;
            display: none;
            width: 26px;
            height: 35px;
            background: rgba(0,0,0,.13)
        }

        .page-www-index .print-entrance-container #printEntranceGoR {
            left: 0;
            cursor: pointer;
            background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/to-pre.svg) no-repeat
        }

            .page-www-index .print-entrance-container #printEntranceGoR:hover {
                background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/to-pre-active.svg) no-repeat
            }

        .page-www-index .print-entrance-container #printEntranceGoL:hover {
            background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/to-next-active.svg) no-repeat
        }

        .page-www-index .print-entrance-container #printEntranceGoL {
            right: 0;
            cursor: pointer;
            background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/to-next.svg) no-repeat
        }

        .page-www-index .print-entrance-container .print-entrance {
            width: 1200px;
            height: 120px;
            overflow: hidden
        }

            .page-www-index .print-entrance-container .print-entrance .swiper-wrapper {
                height: 100%
            }

                .page-www-index .print-entrance-container .print-entrance .swiper-wrapper .swiper-slide {
                    float: left;
                    width: 291px !important;
                    height: 100%;
                    position: relative
                }

                    .page-www-index .print-entrance-container .print-entrance .swiper-wrapper .swiper-slide:hover img {
                        opacity: .7
                    }

                    .page-www-index .print-entrance-container .print-entrance .swiper-wrapper .swiper-slide.swiper-slide-visible {
                        margin-right: 12px
                    }

                        .page-www-index .print-entrance-container .print-entrance .swiper-wrapper .swiper-slide.swiper-slide-visible:last-of-type {
                            margin-right: 0
                        }

                    .page-www-index .print-entrance-container .print-entrance .swiper-wrapper .swiper-slide img {
                        width: 100%
                    }

                    .page-www-index .print-entrance-container .print-entrance .swiper-wrapper .swiper-slide #mainTitle {
                        position: absolute;
                        left: 18px;
                        top: 30px;
                        color: #333;
                        font-size: 18px;
                        font-weight: 700
                    }

                    .page-www-index .print-entrance-container .print-entrance .swiper-wrapper .swiper-slide #subTitle {
                        position: absolute;
                        left: 18px;
                        top: 62px;
                        font-size: 14px;
                        display: inline-block;
                        width: 168px;
                        white-space: pre-line
                    }

    .page-www-index .sub-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }

        .page-www-index .sub-content .sub-content-left {
            width: 192px;
            height: 452px;
            background: #fff;
            border-radius: 8px;
            margin-right: 12px;
            padding: 19px 15px 30px 14px;
            box-sizing: border-box
        }

            .page-www-index .sub-content .sub-content-left .title {
                font-size: 18px;
                font-weight: 700;
                color: #333;
                margin-bottom: 30px
            }

            .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                margin-bottom: 20px;
                line-height: 19px
            }

                .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:hover .item-title {
                    color: #199fe9;
                    cursor: pointer
                }

                .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item .start-icon {
                    margin-right: 5px;
                    width: 17px;
                    height: 19px;
                    text-align: center
                }

                    .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item .start-icon img {
                        margin-top: 5px
                    }

                .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:first-of-type .item-title, .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:nth-of-type(2) .item-title, .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:nth-of-type(3) .item-title {
                    font-weight: 700
                }

                .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:first-of-type .start-icon:first-of-type img, .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:first-of-type .start-icon:nth-of-type(2) img, .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:first-of-type .start-icon:nth-of-type(3) img, .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:nth-of-type(2) .start-icon:first-of-type img, .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:nth-of-type(2) .start-icon:nth-of-type(2) img, .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:nth-of-type(2) .start-icon:nth-of-type(3) img, .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:nth-of-type(3) .start-icon:first-of-type img, .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:nth-of-type(3) .start-icon:nth-of-type(2) img, .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item:nth-of-type(3) .start-icon:nth-of-type(3) img {
                    margin-top: -3px
                }

                .page-www-index .sub-content .sub-content-left .sub-content-left-items .sub-content-left-item .item-title {
                    display: inline-block;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    margin-right: 14px
                }

        .page-www-index .sub-content .sub-content-right {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1
        }

            .page-www-index .sub-content .sub-content-right .new-product-recommend {
                width: 492px;
                height: 220px;
                box-sizing: border-box;
                position: relative;
                border-radius: 8px;
                margin-right: 12px;
                margin-bottom: 12px
            }

                .page-www-index .sub-content .sub-content-right .new-product-recommend .swiper-container {
                    cursor: pointer !important
                }

                .page-www-index .sub-content .sub-content-right .new-product-recommend .head {
                    height: 40px;
                    background: #fff;
                    box-sizing: border-box;
                    padding: 19px 18px 0;
                    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;
                    border-radius: 8px 8px 0 0
                }

                    .page-www-index .sub-content .sub-content-right .new-product-recommend .head .title {
                        font-size: 18px;
                        font-weight: 700;
                        color: #333
                    }

                    .page-www-index .sub-content .sub-content-right .new-product-recommend .head > a {
                        color: #999;
                        font-size: 14px
                    }

                    .page-www-index .sub-content .sub-content-right .new-product-recommend .head .more {
                        width: 16px;
                        height: 16px;
                        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/next.svg) no-repeat;
                        cursor: pointer
                    }

                        .page-www-index .sub-content .sub-content-right .new-product-recommend .head .more:hover {
                            background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/next-active.svg) no-repeat
                        }

                .page-www-index .sub-content .sub-content-right .new-product-recommend .swiper-container {
                    width: 100%;
                    height: 180px;
                    background: #fff;
                    border-radius: 0 0 8px 8px
                }

                    .page-www-index .sub-content .sub-content-right .new-product-recommend .swiper-container .swiper-slide {
                        padding: 18px;
                        box-sizing: border-box
                    }

                        .page-www-index .sub-content .sub-content-right .new-product-recommend .swiper-container .swiper-slide .head {
                            font-size: 14px;
                            color: #999;
                            margin-bottom: 20px
                        }

            .page-www-index .sub-content .sub-content-right .swiper-slide .content {
                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
            }

                .page-www-index .sub-content .sub-content-right .swiper-slide .content .img {
                    width: 138px;
                    height: 94px;
                    border: 1px solid #eee
                }

                    .page-www-index .sub-content .sub-content-right .swiper-slide .content .img img {
                        width: 100%;
                        height: 100%
                    }

                .page-www-index .sub-content .sub-content-right .swiper-slide .content .right-word {
                    padding-left: 18px;
                    box-sizing: border-box;
                    -webkit-box-flex: 1;
                    -webkit-flex: 1;
                    flex: 1
                }

                    .page-www-index .sub-content .sub-content-right .swiper-slide .content .right-word .word-title {
                        font-size: 14px;
                        font-weight: 700;
                        color: #333;
                        margin-bottom: 19px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis
                    }

                        .page-www-index .sub-content .sub-content-right .swiper-slide .content .right-word .word-title:hover {
                            color: #0093e6
                        }

                    .page-www-index .sub-content .sub-content-right .swiper-slide .content .right-word .word-content {
                        font-size: 14px;
                        color: #666;
                        line-height: 22px;
                        word-break: break-all;
                        height: 62px;
                        overflow: hidden;
                        position: relative;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical
                    }

            .page-www-index .sub-content .sub-content-right .new-product-recommend .pagination {
                position: absolute;
                bottom: -8px;
                left: 200px;
                z-index: 10;
                cursor: pointer
            }

            .page-www-index .sub-content .sub-content-right .swiper-pagination-switch {
                display: inline-block;
                width: 17px;
                height: 10px;
                margin-right: 10px;
                background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/new_nav.png) no-repeat 0 -14px
            }

            .page-www-index .sub-content .sub-content-right .swiper-active-switch {
                background-position: 0 0 !important
            }

            .page-www-index .sub-content .sub-content-right .new-product-recommend.news-artical, .page-www-index .sub-content .sub-content-right .new-product-recommend.test {
                margin-right: 0
            }

    .page-www-index .eda-content {
        width: 1200px;
        height: 100px;
        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/eda-banner.png) no-repeat;
        background-size: cover;
        border-radius: 8px;
        cursor: pointer;
        display: block
    }

@media only screen and (max-width: 1740px) {
    .page-www-index .side-red-packet {
        display: none !important
    }
}

.page-www-index .side-red-packet {
    display: none;
    width: 188px;
    height: 157px;
    position: fixed;
    bottom: 410px;
    right: 80px;
    z-index: 999;
    background: url(//static.szlcsc.com/ecp/assets/web/common/images/loading_logo.jpg) no-repeat 50%;
    background-size: cover
}

.page-www-index .side-red-packet-close {
    display: none;
    width: 26px;
    height: 26px;
    position: fixed;
    bottom: 545px;
    right: 80px;
    background: red;
    z-index: 1000;
    opacity: 0;
    filter: alpha(opacity=0)
}

.page-www-index .znq {
    width: 618px;
    height: 420px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -309px;
    margin-top: -210px;
    z-index: 100000
}

.page-www-index .znq-mask {
    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)
}

.page-www-index .znq-close {
    width: 26px;
    height: 26px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: 273px;
    margin-top: -202px;
    background: red;
    z-index: 100001;
    opacity: 0;
    filter: alpha(opacity=0)
}

.page-www-index .shuang11-coupons-div {
    position: fixed;
    z-index: 100000;
    top: 50%;
    left: 50%;
    margin-left: -443px;
    width: 887px;
    color: #fff
}

.page-www-index #shuang11-coupons-div-1 {
    margin-top: -232px;
    height: 464px;
    background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/new-customer-coupons-bg.png) no-repeat 50%
}

.page-www-index #shuang11-coupons-div-2 {
    margin-top: -304px;
    height: 608px;
    background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/02_2.png) no-repeat 50%
}

.page-www-index .shuang11-coupons-div .tit {
    margin-top: 55px;
    text-align: center;
    font-size: 30px;
    font-weight: 700
}

.page-www-index .shuang11-coupons-div .sub-tit {
    margin-top: 25px;
    text-align: center;
    font-size: 18px
}

.page-www-index .shuang11-coupons-div .close-btn {
    position: absolute;
    top: 40px;
    right: 27px;
    width: 25px;
    height: 25px;
    cursor: pointer
}

.page-www-index .shuang11-coupons-div .tac {
    text-align: center
}

.page-www-index .shuang11-coupons-div .coupon-wrapper {
    margin: 150px 40px 0
}

    .page-www-index .shuang11-coupons-div .coupon-wrapper .coupon-detail {
        width: 123px;
        height: 202px;
        margin: 0 4px;
        display: inline-block;
        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/new-customer-couponsdetail-bg.png) no-repeat 50%
    }

        .page-www-index .shuang11-coupons-div .coupon-wrapper .coupon-detail .coupon-detail-title {
            margin-top: 10px
        }

            .page-www-index .shuang11-coupons-div .coupon-wrapper .coupon-detail .coupon-detail-title p {
                color: #000;
                font-weight: 700;
                line-height: 16px
            }

        .page-www-index .shuang11-coupons-div .coupon-wrapper .coupon-detail .coupon-detail-amount {
            margin-top: 17px
        }

            .page-www-index .shuang11-coupons-div .coupon-wrapper .coupon-detail .coupon-detail-amount .coupon-detail-amount-money {
                color: #0193e6;
                position: relative;
                font-size: 60px;
                font-weight: 700;
                display: inline-block;
                height: 50px;
                line-height: 46px
            }

                .page-www-index .shuang11-coupons-div .coupon-wrapper .coupon-detail .coupon-detail-amount .coupon-detail-amount-money span {
                    position: absolute;
                    color: #fff;
                    background: #0193e6;
                    top: -11px;
                    right: -2px;
                    display: block;
                    width: 17px;
                    height: 16px;
                    line-height: 16px;
                    border-radius: 20px;
                    border: 1px solid #fff;
                    font-weight: 400;
                    font-size: 12px
                }

            .page-www-index .shuang11-coupons-div .coupon-wrapper .coupon-detail .coupon-detail-amount .coupon-detail-amount-limit {
                height: 21px;
                background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/new-customer-couponslimit-bg.png) no-repeat 50%;
                margin-top: 12px
            }

                .page-www-index .shuang11-coupons-div .coupon-wrapper .coupon-detail .coupon-detail-amount .coupon-detail-amount-limit p {
                    color: #0193e6;
                    height: 21px;
                    line-height: 21px
                }

        .page-www-index .shuang11-coupons-div .coupon-wrapper .coupon-detail .coupon-detail-valid {
            margin-top: 25px;
            color: #0193e6
        }

.page-www-index .shuang11-coupons-div .read-my-coupons {
    position: absolute;
    bottom: 40px;
    width: 100%;
    margin-top: 20px
}

    .page-www-index .shuang11-coupons-div .read-my-coupons .read-my-coupons-btn {
        display: block;
        margin: 0 auto;
        width: 146px;
        height: 43px;
        line-height: 43px;
        text-align: center;
        background: #ffea02;
        border-radius: 5px;
        color: #fc4539;
        font-weight: 700;
        font-size: 16px
    }

.page-www-index #coupon_recommend {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100000
}

    .page-www-index #coupon_recommend.coupon-recommend-small {
        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/coupon/bg1.png) no-repeat 50%;
        width: 866px;
        height: 797px
    }

        .page-www-index #coupon_recommend.coupon-recommend-small .coupon-btn {
            top: 357px
        }

        .page-www-index #coupon_recommend.coupon-recommend-small .product-list-ul {
            top: 410px
        }

        .page-www-index #coupon_recommend.coupon-recommend-small .product-btn {
            top: 626px
        }

    .page-www-index #coupon_recommend.coupon-recommend-large {
        width: 871px;
        height: 922px;
        background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/coupon/bg2.png) no-repeat 50%
    }

.page-www-index .coupon_recommend-mask {
    position: fixed;
    width: 100vw;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 99999;
    background-color: rgba(0,0,0,.5)
}

.page-www-index .coupon-recommend {
    position: relative
}

    .page-www-index .coupon-recommend .product-btn {
        position: absolute;
        top: 750px;
        margin-left: -60px;
        left: 50%;
        width: 120px;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
        color: #692904
    }

    .page-www-index .coupon-recommend .coupon-close-btn {
        position: absolute;
        top: 48px;
        right: 100px;
        width: 36px;
        height: 36px;
        cursor: pointer
    }

    .page-www-index .coupon-recommend .coupon-btn {
        position: absolute;
        left: 50%;
        margin-left: -58px;
        top: 480px;
        font-size: 16px;
        color: #fff
    }

    .page-www-index .coupon-recommend .coupons {
        width: 530px;
        position: absolute;
        left: 50%;
        margin-left: -268px;
        z-index: 2
    }

        .page-www-index .coupon-recommend .coupons.item-coupons-1 {
            top: 197px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

            .page-www-index .coupon-recommend .coupons.item-coupons-1 .coupon-item-1 {
                width: 212px;
                height: 117px;
                background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/coupon/%E7%9F%A9%E5%BD%A2%E5%88%B8.png) no-repeat 50%
            }

        .page-www-index .coupon-recommend .coupons.item-coupons-2 {
            top: 197px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

            .page-www-index .coupon-recommend .coupons.item-coupons-2 .coupon-item-1, .page-www-index .coupon-recommend .coupons.item-coupons-2 .coupon-item-2 {
                width: 212px;
                height: 117px;
                background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/coupon/%E7%9F%A9%E5%BD%A2%E5%88%B8.png) no-repeat 50%;
                margin: 0 4px
            }

        .page-www-index .coupon-recommend .coupons.item-coupons-3 {
            top: 197px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

            .page-www-index .coupon-recommend .coupons.item-coupons-3 .coupon-item-1, .page-www-index .coupon-recommend .coupons.item-coupons-3 .coupon-item-2, .page-www-index .coupon-recommend .coupons.item-coupons-3 .coupon-item-3 {
                width: 138px;
                height: 117px;
                background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/coupon/%E6%96%B9%E5%88%B8.png) no-repeat 50%;
                margin: 0 4.5px
            }

        .page-www-index .coupon-recommend .coupons.item-coupons-4 {
            top: 197px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

            .page-www-index .coupon-recommend .coupons.item-coupons-4 .coupon-item-1, .page-www-index .coupon-recommend .coupons.item-coupons-4 .coupon-item-2, .page-www-index .coupon-recommend .coupons.item-coupons-4 .coupon-item-3, .page-www-index .coupon-recommend .coupons.item-coupons-4 .coupon-item-4 {
                width: 212px;
                height: 117px;
                background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/coupon/%E7%9F%A9%E5%BD%A2%E5%88%B8.png) no-repeat 50%;
                margin: 0 4px 16px
            }

        .page-www-index .coupon-recommend .coupons.item-coupons-5 {
            top: 197px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

            .page-www-index .coupon-recommend .coupons.item-coupons-5 .coupon-item-1, .page-www-index .coupon-recommend .coupons.item-coupons-5 .coupon-item-2 {
                width: 212px;
                height: 117px;
                background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/coupon/%E7%9F%A9%E5%BD%A2%E5%88%B8.png) no-repeat 50%;
                margin: 0 4px 16px
            }

            .page-www-index .coupon-recommend .coupons.item-coupons-5 .coupon-item-3, .page-www-index .coupon-recommend .coupons.item-coupons-5 .coupon-item-4, .page-www-index .coupon-recommend .coupons.item-coupons-5 .coupon-item-5 {
                width: 138px;
                height: 117px;
                background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/coupon/%E6%96%B9%E5%88%B8.png) no-repeat 50%;
                margin: 0 4.5px
            }

        .page-www-index .coupon-recommend .coupons.item-coupons-6 {
            top: 197px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

            .page-www-index .coupon-recommend .coupons.item-coupons-6 .coupon-item {
                width: 138px;
                height: 117px;
                background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/coupon/%E6%96%B9%E5%88%B8.png) no-repeat 50%;
                margin: 0 4.5px 16px
            }

        .page-www-index .coupon-recommend .coupons .coupon-item {
            position: relative;
            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
        }

            .page-www-index .coupon-recommend .coupons .coupon-item .coupon-mark {
                position: absolute;
                width: 50px;
                height: 20px;
                top: 0;
                left: 0;
                background: #ff5633;
                border-radius: 10px 0 10px 0;
                font-size: 12px;
                color: #fff;
                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
            }

            .page-www-index .coupon-recommend .coupons .coupon-item .free-express {
                line-height: 31px;
                margin: 23px 0 3px;
                font-size: 24px;
                color: #ff5633;
                font-weight: 700
            }

            .page-www-index .coupon-recommend .coupons .coupon-item .coupon-price {
                line-height: 32px;
                margin: 18px 0 2px;
                font-weight: 700;
                color: #ff5633;
                font-size: 28px
            }

                .page-www-index .coupon-recommend .coupons .coupon-item .coupon-price span {
                    font-weight: 400;
                    font-size: 16px
                }

            .page-www-index .coupon-recommend .coupons .coupon-item .coupon-mj {
                line-height: 21px;
                font-size: 16px;
                color: #ff5633;
                margin-bottom: 12px
            }

            .page-www-index .coupon-recommend .coupons .coupon-item .coupon-day {
                font-size: 16px;
                color: #c3591c;
                line-height: 21px
            }

    .page-www-index .coupon-recommend .product-list-ul {
        position: absolute;
        width: 561px;
        top: 532px;
        margin-left: -281px;
        left: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        box-sizing: border-box;
        padding: 0 15px
    }

        .page-www-index .coupon-recommend .product-list-ul .product-list-li {
            margin-top: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            width: 50%
        }

            .page-www-index .coupon-recommend .product-list-ul .product-list-li .product-img {
                width: 85px;
                cursor: pointer;
                height: 85px;
                object-fit: contain;
                margin-right: 12px
            }

            .page-www-index .coupon-recommend .product-list-ul .product-list-li .product-content {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                flex-direction: column;
                min-height: 88px;
                margin-top: -3px;
                max-width: 160px
            }

                .page-www-index .coupon-recommend .product-list-ul .product-list-li .product-content .product-details {
                    font-size: 14px;
                    font-weight: 700;
                    color: #692904;
                    line-height: 19px;
                    margin-bottom: 4px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap
                }

                .page-www-index .coupon-recommend .product-list-ul .product-list-li .product-content .product-brand {
                    font-size: 14px;
                    color: #692904;
                    line-height: 19px;
                    cursor: pointer;
                    margin-bottom: 2px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap
                }

                .page-www-index .coupon-recommend .product-list-ul .product-list-li .product-content .product-price {
                    font-size: 18px;
                    font-weight: 700;
                    color: #ff4721;
                    line-height: 24px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap
                }

.page-www-index .float-advertisement {
    display: none;
    position: fixed;
    left: 50px;
    bottom: -80px;
    z-index: 99999
}

.page-www-index .float-close {
    position: absolute;
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 15px;
    right: 3px;
    cursor: pointer
}

.page-www-index .plus-mask {
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .7
}

.page-www-index .plus {
    width: 449px;
    height: 598px;
    position: fixed;
    left: calc(50% - 224px);
    top: calc(50% - 299px);
    z-index: 100000;
    background: url(//static.szlcsc.com/ecp/assets/web/page/www/index/images/plus-entry.png) no-repeat;
    background-size: 449px 598px
}

    .page-www-index .plus .plus-msg {
        position: absolute;
        top: 305.54px;
        left: 87px;
        width: 276px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        font-size: 16px;
        color: #eee199;
        font-family: MicrosoftYaHei
    }

    .page-www-index .plus .left {
        position: absolute;
        top: 370px;
        left: 106px;
        width: 85px;
        text-align: center
    }

        .page-www-index .plus .left .up {
            font-size: 14px;
            color: #303573
        }

        .page-www-index .plus .left .down {
            margin-top: 8px;
            font-size: 12px;
            color: #b7bbe5
        }

    .page-www-index .plus .right {
        position: absolute;
        top: 370px;
        left: 245px;
        width: 85px;
        text-align: center
    }

        .page-www-index .plus .right .up {
            font-size: 14px;
            color: #9f460e
        }

        .page-www-index .plus .right .down {
            margin-top: 8px;
            font-size: 12px;
            color: #b7bbe5
        }

    .page-www-index .plus .plus-link {
        position: absolute;
        top: 452px;
        left: 172px;
        font-size: 16px;
        color: #2a2a44
    }

    .page-www-index .plus .bottom {
        position: absolute;
        top: 491px;
        left: 110px;
        font-size: 12px;
        font-family: MicrosoftYaHei;
        color: #cfaf68
    }

    .page-www-index .plus .plus-close {
        position: absolute;
        bottom: 4px;
        left: calc(50% - 18px);
        display: inline-block;
        width: 26px;
        height: 26px;
        z-index: 100001;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer
    }

.audit-xt {
    position: fixed;
    top: 84vh;
    right: 80px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #03a7ef;
    text-align: center;
    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;
    cursor: pointer;
    z-index: 99
}

    .audit-xt span {
        font-size: 14px;
        line-height: 16px;
        color: #fff
    }

    .audit-xt:before {
        top: 2px;
        right: 10px;
        background-color: #d80016
    }

    .audit-xt:after, .audit-xt:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        position: absolute
    }

    .audit-xt:after {
        bottom: 2px;
        left: 10px;
        background-color: #02fcff
    }

#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 .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;
            padding-bottom: 3px;
            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 .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%,.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
    }

.sitegroup-popover-main[data-v-6ef397d8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap;
    position: absolute;
    top: 41px;
    left: -325px;
    box-shadow: 0 2px 12px rgba(0,0,0,.10196078431372549);
    padding: 24px 32px 48px;
    background-color: #fff;
    cursor: default
}

.sitegroup-popover-main .sitegroup-popover-item[data-v-6ef397d8] {
    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 .sitegroup-popover-item[data-v-6ef397d8]: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 .sitegroup-popover-item[data-v-6ef397d8]:nth-last-child(2) {
        padding-right: 16px;
        min-width: 180px
    }

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

.sitegroup-popover-main .sitegroup-popover-item .sitegroup-popover-item-site[data-v-6ef397d8] {
    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 .sitegroup-popover-item .sitegroup-popover-item-site[data-v-6ef397d8]:first-of-type {
        margin-top: 12px
    }

.sitegroup-popover-main .sitegroup-popover-item .sitegroup-popover-item-site:hover .sitegroup-popover-item-site-font > span[data-v-6ef397d8] {
    color: #199fe9
}

.sitegroup-popover-main .sitegroup-popover-item .sitegroup-popover-item-site .sitegroup-popover-item-site-icon[data-v-6ef397d8] {
    width: 36px;
    height: 36px;
    margin-right: 8px
}

.sitegroup-popover-main .sitegroup-popover-item .sitegroup-popover-item-site .sitegroup-popover-item-site-font > span[data-v-6ef397d8] {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

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

#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%,.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-357c5ac4 1s linear 1;
    animation: hvr-buzz-out-357c5ac4 1s linear 1
}

.smashing-golden-eggs-main #prize-list .egg.wave[data-v-357c5ac4] {
    -webkit-animation: hvr-buzz-357c5ac4 .15s linear 10;
    animation: hvr-buzz-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-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-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-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-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 > #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 > #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 > #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
}

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

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

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
    }

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

.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: 微软雅黑,宋体,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%,.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#"] {
        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.1%,.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%,.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.1%,.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
        }

[data-v-71b67fe1] {
    box-sizing: border-box
}

.b[data-v-71b67fe1] {
    font-weight: 700
}

.dfb[data-v-71b67fe1], .dfc[data-v-71b67fe1] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.dfb[data-v-71b67fe1], .dfc[data-v-71b67fe1], .flex[data-v-71b67fe1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.flex-al-c[data-v-71b67fe1] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.flex-wrap[data-v-71b67fe1] {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.audit-box[data-v-71b67fe1] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.2);
    z-index: 1000055;
    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: #000;
    font-size: 14px
}

.cls[data-v-71b67fe1] {
    width: 16px;
    cursor: pointer;
    margin-left: 15px
}

.audit-content[data-v-71b67fe1] {
    width: 1000px;
    background-color: #fff;
    border-radius: 5px
}

.audit-content .audit-top[data-v-71b67fe1] {
    width: 100%;
    padding: 20px
}

.audit-content .audit-top .a1[data-v-71b67fe1] {
    font-size: 18px
}

.audit-content .audit-top .wx[data-v-71b67fe1] {
    width: 30px;
    height: 31px;
    background-image: url(/css/v_en_1.0/LC/wx.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.audit-content .audit-top .kf[data-v-71b67fe1] {
    width: 30px;
    height: 31px;
    background-image: url(/css/v_en_1.0/LC/kf.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.audit-content .audit-top .pops[data-v-71b67fe1] {
    position: relative
}

.audit-content .audit-top .pops .pop-content[data-v-71b67fe1] {
    visibility: hidden;
    position: absolute;
    left: -163px;
    top: -6px;
    width: 155px;
    border: 1px solid #e3e3e3;
    background: #fff;
    cursor: default;
    box-shadow: 5px 4px 8px 0 rgba(1,66,104,.17);
    border-radius: 8px
}

.audit-content .audit-top .pops .pop-content .arrows[data-v-71b67fe1] {
    position: absolute;
    right: -13px;
    top: 13px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 9px;
    height: 13px;
    background: url(/css/v_en_1.0/LC/rightUtils20180907_new.png) no-repeat -220px 0
}

.audit-content .audit-top .pops .pop-content .tiptext[data-v-71b67fe1] {
    line-height: 12px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 15px 0
}

.audit-content .audit-top .pops .pop-content .iwrap[data-v-71b67fe1] {
    width: 100%;
    padding-bottom: 10px
}

.audit-content .audit-top .pops .pop-content .iwrap .code-img[data-v-71b67fe1] {
    margin-left: 14px;
    width: 120px;
    height: 110px;
    background: url(/css/v_en_1.0/LC/righ_utils_icon_new.png) no-repeat -44px -9px
}

.audit-content .audit-top .pops .pop-content .border-ccc[data-v-71b67fe1] {
    display: block;
    height: 1px;
    margin-bottom: 8px;
    background: url(/css/v_en_1.0/LC/border_img.png) no-repeat;
    width: 126px
}

.audit-content .audit-top .pops .pop-content .arrow-wrap[data-v-71b67fe1] {
    width: 126px
}

.audit-content .audit-top .pops .pop-content .arrow-wrap .arrow-down[data-v-71b67fe1] {
    display: block;
    width: 12px;
    height: 8px;
    margin: 0 auto;
    background: url(/css/v_en_1.0/LC/arrow-down-grey.svg);
    cursor: pointer
}

    .audit-content .audit-top .pops .pop-content .arrow-wrap .arrow-down[data-v-71b67fe1]:hover {
        background: url(/css/v_en_1.0/LC/arrow-down-blue.svg)
    }

.audit-content .audit-top .pops .pop-content.kfs[data-v-71b67fe1] {
    padding: 17px 10px;
    width: 155px
}

.audit-content .audit-top .pops .pop-content.kfs h4[data-v-71b67fe1] {
    font-weight: 700;
    padding-bottom: 8px;
    font-size: 12px;
    color: #333
}

.audit-content .audit-top .pops .pop-content.kfs .kf-panel h4[data-v-71b67fe1] {
    line-height: 12px;
    font-size: 12px
}

.audit-content .audit-top .pops .pop-content.kfs .kf-panel-item .kf-panel-item-icon[data-v-71b67fe1] {
    height: 13px;
    width: 18px;
    float: left;
    margin-top: 4px;
    background-image: url(/css/v_en_1.0/LC/side-tel.svg);
    background-position: 0 0;
    background-repeat: no-repeat
}

.audit-content .audit-top .pops .pop-content.kfs .kf-panel-item-fwsj[data-v-71b67fe1] {
    margin-top: 5px;
    margin-bottom: 24px;
    color: #333;
    font-size: 12px;
    line-height: 12px
}

.audit-content .audit-top .pops .pop-content.kfs .kf-panel-item-fwsj p[data-v-71b67fe1]:first-of-type {
    margin-bottom: 10px
}

.audit-content .audit-top .pops .pop-content.kfs .kf-panel-item-fwsj .kf-panel-item-icon[data-v-71b67fe1] {
    background-position-x: -116px
}

.audit-content .audit-top .pops .pop-content.kfs .kf-panel-item-kfrx #kf-phone-p[data-v-71b67fe1] {
    margin-bottom: 20px;
    color: #333
}

.audit-content .audit-top .pops .pop-content.kfs .kf-panel-item-tsdh[data-v-71b67fe1] {
    margin-bottom: 0
}

.audit-content .audit-top .pops:hover .pop-content[data-v-71b67fe1] {
    visibility: visible
}

.audit-content .audit-tip[data-v-71b67fe1] {
    background-color: #fde7cb;
    padding: 20px;
    border-top: #999
}

.audit-content .audit-conf[data-v-71b67fe1] {
    padding: 0 20px
}

.audit-content .audit-conf .k[data-v-71b67fe1] {
    padding: 20px 0
}

.audit-content .audit-content[data-v-71b67fe1] {
    padding: 10px 20px;
    border-bottom: 1px solid #1abc9c
}

.audit-content .audit-content .audit-main[data-v-71b67fe1] {
    width: 100%;
    overflow: auto;
    height: 400px;
    padding-left: 30px;
    padding-right: 80px
}

.audit-content .audit-content .audit-main .audit-item[data-v-71b67fe1] {
    margin-top: 20px
}

.audit-content .audit-content .audit-main .audit-item .audit-item-top[data-v-71b67fe1] {
    font-size: 14px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.audit-content .audit-content .audit-main .audit-item .audit-item-top .ix[data-v-71b67fe1] {
    color: #7f7fa8
}

.audit-content .audit-content .audit-main .audit-item .audit-item-top .ad1[data-v-71b67fe1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 30px
}

.audit-content .audit-content .audit-main .audit-item .audit-item-content[data-v-71b67fe1] {
    padding-left: 40px
}

.audit-content .audit-content .audit-main .audit-item .audit-item-content label[data-v-71b67fe1] {
    margin-top: 20px;
    margin-right: 30px
}

.audit-content .audit-content .audit-main .audit-item .audit-item-content .whenOther[data-v-71b67fe1] {
    margin-top: 20px;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    position: relative
}

.audit-content .audit-content .audit-main .audit-item .audit-item-content .whenOther input.err[data-v-71b67fe1] {
    border-color: red
}

.audit-content .audit-content .audit-main .audit-item .audit-item-content .whenOther .errText[data-v-71b67fe1] {
    font-size: 12px;
    color: red;
    position: absolute;
    left: 0;
    top: 110%
}

.audit-content .audit-content .audit-main .audit-item .audit-item-content table[data-v-71b67fe1] {
    margin-top: 10px;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7
}

.audit-content .audit-content .audit-main .audit-item .audit-item-content table td[data-v-71b67fe1], .audit-content .audit-content .audit-main .audit-item .audit-item-content table th[data-v-71b67fe1] {
    text-align: center;
    padding: 8px 0;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7
}

.audit-content .audit-content .audit-main .audit-item .audit-item-content table th[data-v-71b67fe1] {
    background: #f2f2f2
}

.audit-content .audit-content .audit-main .audit-item .audit-item-content .p1[data-v-71b67fe1] {
    font-size: 14px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 14px;
    margin-top: 10px
}

.audit-content .audit-bottom[data-v-71b67fe1] {
    padding: 20px;
    border-top: 1px solid #d7d7d7;
    font-size: 14px
}

.audit-content .audit-bottom .audit-bottom-btn[data-v-71b67fe1] {
    padding: 5px 10px;
    font-size: 16px;
    border: 1px solid #00f;
    color: #00f;
    cursor: pointer;
    border-radius: 2px;
    background-color: #fff
}

.audit-content .audit-bottom .audit-bottom-btn.s[data-v-71b67fe1] {
    border-color: #7f7f7f;
    color: #7f7f7f
}

.audit-content .audit-bottom .audit-bottom-btn + .audit-bottom-btn[data-v-71b67fe1] {
    margin-left: 15px
}

.gray[data-v-71b67fe1] {
    padding: 5px;
    background-color: #f2f2f2;
    border-radius: 2px;
    margin: 0 5px;
    color: #000
}

.line[data-v-71b67fe1] {
    background-image: -webkit-linear-gradient(left,#1abc9c 60%,#fff 0);
    background-image: linear-gradient(90deg,#1abc9c 60%,#fff 0);
    background-position: bottom;
    background-size: 20px 1px;
    background-repeat: repeat-x;
    height: 1px;
    width: 100%
}

.auditSuccess[data-v-71b67fe1] {
    width: 400px;
    background-color: #fff;
    border-radius: 5px
}

.auditSuccess .audit-success-top[data-v-71b67fe1] {
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.auditSuccess .audit-success-content[data-v-71b67fe1] {
    width: 100%;
    height: 300px;
    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
}

.auditSuccess .audit-success-content img[data-v-71b67fe1] {
    width: 50px;
    margin-top: 55px
}

.auditSuccess .audit-success-content .s1[data-v-71b67fe1] {
    font-size: 14px;
    font-weight: 700;
    margin: 15px 0
}

.auditSuccess .audit-success-content .s2[data-v-71b67fe1] {
    font-size: 14px
}

.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-1b5f1317 2s linear infinite;
    animation: loading-rotate-1b5f1317 2s linear infinite
}

.bom-circular .path[data-v-1b5f1317] {
    -webkit-animation: loading-dash-1b5f1317 1.5s ease-in-out infinite;
    animation: loading-dash-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-1b5f1317 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

@-webkit-keyframes loading-dash-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-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 rgba(200,201,204,.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%)
}

.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: 0;
    left: 68px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.scoll-warp[data-v-50d36c06] {
    width: 100%;
    height: 133px;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    color: #333
}

.scoll-warp .scoll-content[data-v-50d36c06] {
    position: absolute;
    left: 0
}

.scoll-warp .scoll-content > p[data-v-50d36c06] {
    margin-bottom: 8px;
    width: 235px
}

.scoll-warp .scoll-content > p .c-code[data-v-50d36c06] {
    display: inline-block;
    width: 60px;
    margin-right: 10px
}

.scoll-warp .scoll-content > p .blod[data-v-50d36c06] {
    font-weight: 700
}

.fc-error[data-v-2c60c294] {
    color: #e72a19
}

.fc-warn[data-v-2c60c294] {
    color: #e6a23c
}

.fc-success[data-v-2c60c294] {
    color: #4bd14c
}

.find-content[data-v-2c60c294], .stock-content[data-v-2c60c294] {
    width: 595px;
    height: 233px;
    background-image: url(//static.szlcsc.com/ecp/assets/web/common/vue/stockManage/img/index-find-good.png);
    background-repeat: no-repeat;
    border-radius: 8px;
    border: 1px solid #fff;
    box-sizing: border-box;
    padding: 19px 32px 15px 18px
}

.find-content .head > span[data-v-2c60c294], .stock-content .head > span[data-v-2c60c294] {
    display: inline-block
}

.find-content .head .title[data-v-2c60c294], .stock-content .head .title[data-v-2c60c294] {
    font-size: 18px;
    font-weight: 700;
    color: #111
}

.find-content .head .title .blue[data-v-2c60c294], .stock-content .head .title .blue[data-v-2c60c294] {
    color: var(--main-color)
}

.find-content .head .desc[data-v-2c60c294], .stock-content .head .desc[data-v-2c60c294] {
    font-size: 12px;
    color: #fff;
    margin-left: 9px;
    width: 119px;
    height: 21px;
    line-height: 21px;
    background: #199fe9;
    border-radius: 0 3px 3px 11px;
    text-align: center
}

.find-content .main[data-v-2c60c294], .stock-content .main[data-v-2c60c294] {
    padding-left: 17px;
    padding-top: 9px
}

.find-content .main .main-left[data-v-2c60c294], .stock-content .main .main-left[data-v-2c60c294] {
    padding-top: 20px;
    width: 253px
}

.find-content .main .main-right[data-v-2c60c294], .stock-content .main .main-right[data-v-2c60c294] {
    width: 258px
}

    .find-content .main .main-right[data-v-2c60c294] input, .stock-content .main .main-right[data-v-2c60c294] input {
        height: 32px
    }

.find-content .main .main-right .submit[data-v-2c60c294], .stock-content .main .main-right .submit[data-v-2c60c294] {
    width: 100%
}

.stock-content[data-v-2c60c294] {
    background-image: url(//static.szlcsc.com/ecp/assets/web/common/vue/stockManage/img/index-stock.png)
}

.stock-content .head .desc[data-v-2c60c294] {
    width: 174px
}

.stock-content .main-right .cus-inputs[data-v-2c60c294] {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    background: #fff
}

    .stock-content .main-right .cus-inputs[data-v-2c60c294] input {
        border: none
    }

    .stock-content .main-right .cus-inputs[data-v-2c60c294] i.el-icon-date {
        line-height: 34px
    }

.stock-content .main-right .cus-inputs .el-input[data-v-2c60c294] {
    width: 119px
}

    .stock-content .main-right .cus-inputs .el-input[data-v-2c60c294]:first-of-type {
        position: relative;
        width: 138px
    }

        .stock-content .main-right .cus-inputs .el-input[data-v-2c60c294]:first-of-type:after {
            content: "";
            position: absolute;
            right: 4px;
            top: 6px;
            width: 1px;
            height: 21px;
            background-color: #dcdfe6
        }