@font-face {
    font-family: 'zcoolwenyiti';
    src: url(../../fonts/zcoolwenyiti.ttf);
}

.fontzw {
    font-family: "zcoolwenyiti"
}

.index {
    height: 100%;
    width: 100%;
    max-width: 62.5rem;
    margin: 0 auto;
    background: #f1f1f1;
}
    .inline-block {
    display:inline-block;
    vertical-align:top;
    }
    .index .index-top {
        padding: 0.5rem;
        display: flex;
        flex-wrap: nowrap;
        box-sizing: border-box;
        background: white;
    }

  
            .index .index-top .logo img {
                width: 55%;
            }

        .index .index-top .search {
            flex: 1;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

            .index .index-top .search img {
                height: 1.5rem;
                width: 1.5rem;
            }

        .index .index-top .company {
            width: 5rem;
            display: flex;
            margin-left: 1rem;
            align-items: center;
        }

            .index .index-top .company img {
                height: 1.5rem;
                width: 1.5rem;
                margin-right: .625rem;
            }
            .index .index-top .company .user{
               color:#333;
               margin-right:.3125rem;
            }

            .index .index-swiper {
                background: white;
                padding: 0.6rem;
                box-sizing: border-box;
                /*height: 12rem;*/
            }



    .index .swiper-slide img {
        width: 100%;
    }

    .index .index-tools {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        background: white;
        padding-top:1rem;
    }

        .index .index-tools .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            outline: none;
            background: none;
        }

        .index .index-tools a {
            -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
            -webkit-user-select: none;
            -moz-user-focus: none;
            -moz-user-select: none;
            background: #FFF;
            color: #333;
        }

            .index .index-tools a:visited {
                text-decoration: none;
                color: #333333;
            }

            .index .index-tools a:hover {
                text-decoration: none;
                color: #333333;
            }

            .index .index-tools a:active {
                text-decoration: none;
                color: #333333;
            }

        .index .index-tools .item img {
            width: 3.25rem;
            height: 3.25rem;
        }

        .index .index-tools .item span {
            padding: 0.25rem 0;
            font-size: 0.75rem;
            color: #333333;
            box-sizing: border-box;
            margin-bottom: 1rem;
        }

    .index .index-notice {
        height: 4.5rem;
        margin-top: 1rem;
        background: white;
        padding: 2.8rem 0.75rem;
        /*        box-sizing: border-box;*/
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

        .index .index-notice .swiper-container {
            height: 4.5rem !important;
        }

        .index .index-notice .index-notice-swiper {
            flex: 1;
            padding: 0 0.5rem;
            box-sizing: border-box;
            height: 4.5rem;
        }

            .index .index-notice .index-notice-swiper .swiper-slide {
                display: flex;
                height: 4.5rem !important;
                align-items: center;
                flex-direction: column;
                justify-content: space-around;
            }

                .index .index-notice .index-notice-swiper .swiper-slide .item-notice {
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                    text-align: left;
                    width: 100%;
                }

        .index .index-notice .notice-logo {
            height: 2.75rem;
            width: 3.2rem;
            text-align: center;
            font-size: 1.4rem;
            line-height: 1.5rem;
            color: #50b5ff;
        }

            .index .index-notice .notice-logo img {
                width: 100%;
                height: 100%;
            }

        .index .index-notice .notice-detail {
            height: 1.5rem;
            width: 1.5rem;
        }

            .index .index-notice .notice-detail img {
                width: 100%;
                height: 100%;
            }

    .index .index-news {
        margin-top: 1rem;
        background: white;
        padding: 1.25rem 0.65rem;
        box-sizing: border-box;
    }


        .index .index-news .index-news-title {
            display: flex;
            flex-wrap: nowrap;
        }

            .index .index-news .index-news-title div:nth-of-type(1) {
                flex: 1;
                text-align: left;
                color: #50b5ff;
                font-size: 1.4rem;
                height: 1.4rem;
                line-height: 1.4rem;
                border-left: 0.2rem solid #f6c039;
                padding-left: 0.2rem;
                box-sizing: border-box;
            }

            .index .index-news .index-news-title a {
                flex: 1;
                text-align: right;
                color: #50b5ff;
                font-size: 1rem;
                height: 1.1rem;
                line-height: 1.1rem;
                box-sizing: border-box;
            }

        .index .index-news .item-news {
            margin-top: 1rem;
            display: flex;
            flex-wrap: nowrap;
            padding: 0 0.25rem;
            box-sizing: border-box;
            align-items: center;
        }

            .index .index-news .item-news .item-left {
                flex: 1;
                flex-shrink: 0;
                margin-right: 0.5rem;
            }

                .index .index-news .item-news .item-left .title {
                    color: #333333;
                    font-size: 1.15rem;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                    font-weight: bold;
                }

                .index .index-news .item-news .item-left .time {
                    color: #999999;
                    font-size: 0.75rem;
                    padding: 0.4rem 0;
                    box-sizing: border-box;
                }

            .index .index-news .item-news .item-right {
                width: 4.5rem;
                height: 4.5rem;
                flex-shrink: 0;
            }

                .index .index-news .item-news .item-right img {
                    height: 100%;
                    width: 100%;
                }

    .index .index-middle-swiper {
        margin-top: 1rem;
        padding: 0 1rem;
        box-sizing: border-box;
    }

        .index .index-middle-swiper .middle-swiper {
            height: 100%;
            width: 100%;
        }

    .index .index-policy {
        margin-top: 1rem;
        background: white;
        padding: 1.25rem 0.65rem;
        box-sizing: border-box;
    }


        .index .index-policy .index-policy-title {
            display: flex;
            flex-wrap: nowrap;
        }

            .index .index-policy .index-policy-title div:nth-of-type(1) {
                flex: 1;
                text-align: left;
                color: #50b5ff;
                font-size: 1.4rem;
                height: 1.4rem;
                line-height: 1.4rem;
                border-left: 0.2rem solid #f6c039;
                padding-left: 0.2rem;
                box-sizing: border-box;
            }

            .index .index-policy .index-policy-title a {
                flex: 1;
                text-align: right;
                color: #50b5ff;
                font-size: 1rem;
                height: 1.1rem;
                line-height: 1.1rem;
                box-sizing: border-box;
            }

        .index .index-policy .index-policy-table {
            border: solid 0.08rem #dddddd;
            border-radius: 0.3rem;
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            margin-top: 0.75rem;
        }

            .index .index-policy .index-policy-table .item {
                display: flex;
                width: 50%;
                flex-shrink: 0;
                padding: 1rem 0.25rem;
                box-sizing: border-box;
                justify-content: center;
                align-items: center;
                border-bottom: 0.08rem solid #dddddd;
            }

                .index .index-policy .index-policy-table .item:nth-of-type(odd) {
                    border-right: 0.08rem solid #dddddd;
                }

                .index .index-policy .index-policy-table .item:nth-last-of-type(1), .item:nth-last-of-type(2) {
                    border-bottom: 0 !important;
                }

                .index .index-policy .index-policy-table .item .item-left {
                    height: 1.5rem;
                    width: 1.5rem;
                    margin-right: 0.5rem;
                }

                    .index .index-policy .index-policy-table .item .item-left img {
                        height: 100%;
                        text-align: center;
                    }

                .index .index-policy .index-policy-table .item .item-right {
                    display: flex;
                    flex-direction: column;
                }

                    .index .index-policy .index-policy-table .item .item-right span:nth-of-type(1) {
                        color: #333333;
                        letter-spacing: 0.2rem;
                        font-weight: bold;
                        font-size: 1rem;
                    }

                    .index .index-policy .index-policy-table .item .item-right span:nth-of-type(2) {
                        color: #999999;
                        font-size: 0.7rem;
                    }

        .index .index-policy .service24H {
            margin-top: 0.5rem;
            width: 100%;
            /*            height: 3.75rem;*/
        }

            .index .index-policy .service24H img {
                width: 100%;
                /*                height: 100%;*/
            }

    .index .index-serviceArea {
        margin-top: 1rem;
        background: white;
        padding: 1.25rem 0.65rem;
        box-sizing: border-box;
    }

        .index .index-serviceArea .index-serviceArea-title {
            display: flex;
            flex-wrap: nowrap;
        }

            .index .index-serviceArea .index-serviceArea-title div {
                flex: 1;
                text-align: left;
                color: #50b5ff;
                font-size: 1.4rem;
                height: 1.4rem;
                line-height: 1.4rem;
                border-left: 0.2rem solid #f6c039;
                padding-left: 0.2rem;
                box-sizing: border-box;
            }

        .index .index-serviceArea .index-serviceArea-swiper {
            margin-top: 0.75rem;
        }


    .index .index-serviceResource {
        margin-top: 1rem;
        background: white;
        padding: 1.25rem 0.65rem;
        box-sizing: border-box;
    }

        .index .index-serviceResource .index-serviceResource-title {
            display: flex;
            flex-wrap: nowrap;
        }

            .index .index-serviceResource .index-serviceResource-title div {
                flex: 1;
                text-align: left;
                color: #50b5ff;
                font-size: 1.4rem;
                height: 1.4rem;
                line-height: 1.4rem;
                border-left: 0.2rem solid #f6c039;
                padding-left: 0.2rem;
                box-sizing: border-box;
            }

        .index .index-serviceResource .index-serviceResourceList {
            margin-top: 0.75rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            .index .index-serviceResource .index-serviceResourceList .item {
                border-radius: 0.2rem;
                color: white;
                width: 24%;
                margin-bottom: 0.75rem;
                box-sizing: border-box;
                text-align: center;
                font-size: 0.8rem;
                height: 6rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
                .index .index-serviceResource .index-serviceResourceList .item.bg-1 {
                    background-color: #535997;
                }
                .index .index-serviceResource .index-serviceResourceList .item.bg-2 {
                    background-color: #f0a400;
                }
                .index .index-serviceResource .index-serviceResourceList .item.bg-3 {
                    background-color: #ff724a;
                }
                .index .index-serviceResource .index-serviceResourceList .item.bg-4 {
                    background-color: #16ca67;
                }

                .index .index-serviceResource .index-serviceResourceList .item.bg-5 {
                    background-color: #4f77e8;
                }
                .index .index-serviceResource .index-serviceResourceList .item.bg-6 {
                    background-color: #00c3d4;
                }
                .index .index-serviceResource .index-serviceResourceList .item.bg-7 {
                    background-color: #9d6efc;
                }
                .index .index-serviceResource .index-serviceResourceList .item.bg-8 {
                    background-color: #1ca2ff;
                }

                .index .index-serviceResource .index-serviceResourceList .item img {
                    width: 2rem;
                    height: 2rem;
                    margin-bottom: 0.5rem;
                }

                .index .index-serviceResource .index-serviceResourceList .item span {
                    letter-spacing: 0.2rem;
                    display:block;
                }

    .index .index-aboutus {
    margin-top:1rem;
    position:relative;
    overflow:hidden;
    /*min-width:400px;*/
    }
    .index .index-aboutus>img {
        width:100%;
    }
        .index .index-aboutus .index-aboutus-area {
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color:rgba(0,0,0,0.5);
            padding:1.4rem;
            color:white;
        }
            .index .index-aboutus .index-aboutus-area h3 {
            margin-top:0px;
            margin-bottom:.3125rem;
            }
            .index .index-aboutus .index-aboutus-area div {
                text-indent: 2rem;
                word-break: break-all;
                line-height: 1.2rem;
                font-size: 0.9rem;
                text-align: justify;
            }
            .index .index-aboutus .index-aboutus-area a img {
            width:2.2rem;
            margin-top:0.5rem;
            }

    .index .index-mail {
        margin-top: 1rem;
        background: white;
        padding: 1.25rem 0.65rem;
        box-sizing: border-box;
    }
        .index .index-mail .index-mail-title {
            display: flex;
            flex-wrap: nowrap;
        }
        .index .index-mail .index-mail-title div {
            flex: 1;
            text-align: left;
            color: #50b5ff;
            font-size: 1.4rem;
            height: 1.4rem;
            line-height: 1.4rem;
            border-left: 0.2rem solid #f6c039;
            padding-left: 0.2rem;
            box-sizing: border-box;
        }

        .index .index-mail .index-mailList {
            color: rgba(150,150,150,0.7);
            font-size:1rem;
        }
        .index .index-mail .index-mailList .info{
            color: #666666;
            font-size: 0.8rem;
        }
            .index .index-mail .index-mailList hr {
                height: 1px;
                background-color: rgba(150,150,150,0.3);
                border: none;
            }
            .index .index-mail .index-mailList textarea {
                width: 100%;
                outline: none;
                display: block;
                margin-top: 0.1rem;
                background-color: rgb(247,247,247);
                resize: none;
                height:5rem;
                border:none;
                padding:0.5rem;
            }
            .index .index-mail .index-mailList button {
                background-color: rgb(246,192,57);
                border: none;
                outline: none;
                color:white;
                font-size:0.8rem;
                width:7rem;
                height:2rem;
                border-radius:0.3rem;
                margin-top:0.3rem;
            }
        .index .index-mail .leave-meaage-div {
            width:100%;
            display:flex;
            align-items:center;
            justify-content:space-between;
        }


.policy-swiper-slider {
    width: 18.75rem;
    height: 12.5rem;
}
    .policy-swiper-slider.swiper-slide img {
        width: 3.125rem;
        height: 3.125rem;
        display: inline-block;
        vertical-align: middle;
    }
.policy-swiper.swiper-container {
height:10rem;
margin-top:1rem;
}
.policy-swiper .swiper-pagination {
bottom:0 !important;
}
.policy-swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 12rem;
    height: 8rem;
    text-align: center;
    line-height: 8rem;
    color: white;
    font-family: "zcoolwenyiti";
    font-size: 1.5rem;
    box-shadow: #444 0px 0px 0.5rem;
    border-radius: 0.5rem;
}
    .policy-swiper .swiper-slide.bg-0 {
        background-color: #ff6f7c;
    }
    .policy-swiper .swiper-slide.bg-1 {
        background-color: #f0a400;
    }
    .policy-swiper .swiper-slide.bg-2 {
  
        background-color: #535997;
    }
    .policy-swiper .swiper-slide.bg-3 {
        
        background-color: #ff724a;
    }
    .policy-swiper .swiper-slide.bg-4 {
        background-color: #16ca67;
    }
    .policy-swiper .swiper-slide.bg-5 {
        background-color: #4ab1ff;
    }

.index .index-link{
    padding:1rem 0;
    display:flex;
    justify-content:space-around;
    position:relative;
    z-index:9;
}
    .index .index-link ul {
        list-style: none;
        position: absolute;
        padding: 1rem 0.5rem;
        background: white;
        border-radius: 0.2rem;
        box-shadow: 0 0.1rem 1.1rem 0.5rem rgba(0,0,0,.175);
        bottom: 2.5rem;
        width: 95%;
        right: 0.5rem;
        left: 0.5rem;
    }

.hidden {
    display:none;
}
        .index .index-link div {
            width: 48%;
            background-color: white;
            height: 3rem;
            font-size: 1rem;
            text-align: center;
            color: #2ea1df;
            line-height: 3rem;
        }

/********************************登录************/
/*.modal-background {
    display: none;
    height: 100%;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9994;
}

.my-button {
    cursor: pointer;
}

.modal-content {
    display: none;
    width: 95%;
    position: absolute;
    height: fit-content;
    top: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #ffffff;
    z-index: 9998;
    padding: 1.875rem 1.25rem 1.875rem 1.25rem;
    border-radius: 1rem;
}

.modal-header-login {
    display:flex;
    justify-content:center;
    height: 1.875rem;
    text-align: center;
    margin-bottom: 1.25rem;
}

    .modal-header-login .header-item {
        font-size: 1.125rem;
        color: #919191;
        line-height: 1.875rem;
    }
        .modal-header-login .header-item-first {
            margin-right: 1.25rem;
        }

    .modal-header-login .header-item-active {
        color: #3da0ff;
        font-size: 1.5rem;
    }

.modal-main {
    width: 100%;
}

#modalCode {
    display: none;
}


.input-item {
    width: 100%;
    height: 2.75rem;
    margin-bottom: 1.25rem;
    font-size: .78rem;
    color: #919191;
    position:relative;
}

    .input-item .input-pre,
    .input-item .input-append {
        display: inline-block;
        width: 30%;
        min-width:1.625rem;
        height: 100%;
        border-bottom: solid 1px #dcdee0;
        position: relative;
        line-height: 2.5rem;
        padding-left: 7px;
        text-align:center;
        
    }

.disable-div {
    pointer-events: none;
}

.input-pre .phone-area {
    color: #424242;
}

.input-pre .phone-expand {
    position: absolute;
    right: 0;
}

.phone-dialog {
    display: none;
    position: absolute;
    background-color: #ffffff;
    left: 0;
    top: 2.8125rem;
    width: 12.5rem;
    height: 11.875rem;
    border-radius: 4px;
    border: 1px solid #e4e7ed;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    z-index: 10010;
}

.phone-area-ul {
    width: 100%;
    list-style: none;
    margin:0;
    padding:0;
}

.phone-area-li {
    display:flex;
    justify-content:space-around;
    cursor: pointer;
    height: 1.875rem;
    line-height: 1.875rem;
}

    .phone-area-li:hover {
        background-color: rgba(0, 0, 0, .2);
    }



.modal-input {
 
    text-indent: 1em;
    font-size: .75rem;
    height: 2.75rem;
    border:0;
    border-bottom: 2px solid #dcdee0;
    outline: 0;
}
.modal-input-name {
    text-indent:1em;
    font-size:.75rem;
    width: 100%;
    height: 2.3125rem;
    border: 2px solid #dcdee0;
    outline:0;
}

.form-item-error {
    display: none;
    color: #f56c6c;
    font-size: 12px;
}


.modal-main .input-dropdown {
    position: absolute;
    top: 2.8125rem;
    display: none;
   
    box-shadow: 0 2px 12px 0 rgba((0), 0, 0, .1);
    border-radius: 4px;
    border: 1px solid #e4e7ed;
    background-color: #fff;
    overflow: auto;
    height: 12.5rem;
    box-sizing: border-box;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 999;
}

    .modal-main .input-dropdown li {
        padding: 0 .625rem;
        white-space: nowrap;
        text-align: center;
        line-height: 1.875rem;
        width: 100%;
        list-style: none;
        height: 1.875rem;
        cursor: pointer;
        font-size: .875rem;
      
    }

        .modal-main .input-dropdown li:hover {
            background-color: silver;
        }
   
    .modal-main .input-dropdown::-webkit-scrollbar {
        width: .625rem; 
        height: .5rem;
    }

    .modal-main .input-dropdown::-webkit-scrollbar-thumb { 
        border-radius: .625rem;
        -webkit-box-shadow: inset 0 0 .3125rem #A0A0A0;
        background: #A0A0A0;
    }

    .modal-main .input-dropdown::-webkit-scrollbar-track { 
        -webkit-box-shadow: inset 0 0 .3125rem #F5F5F5; 
        border-radius: 0;
        background: #F5F5F5;
    }

.input-login {
    width: 100%;
    height: 2.9375rem;
    background-color: #155bd4;
    text-align: center;
}

.submit-login {
    line-height: 2.9375rem;
    font-size: 1.125rem;
    color: #ffffff;
    margin-bottom:.625rem;
}

.modal-footer {
    display:flex;
    justify-content:center;
    align-items:center;
    position: absolute;
    width: 12.5rem;
    bottom: .625rem;
    left:0;
    right:0;
    margin: 0 auto;
    font-size: 1rem;
}

    .modal-footer .footer-item {
        color: #2b5bda;
    }

.my-separator {
    display: inline-block;
    
}

.footer-separator {
    width: 1px;
    height: 1rem;
    margin: -2px .875rem;
    background-color: #d3d3d3;
}*/
/*************************************************/

.modal-background {
   
    display: none;
    height: 100%;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9994;
}

.my-button {
    cursor: pointer;
}

.modal-content {
    display: none;
    width: 90%;
    height: fit-content;
    position: absolute;
    top: 4.375rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #ffffff;
    z-index: 9998;
    padding: 1.875rem 1.5625rem 1.875rem 1.5625rem;
    border-radius: .9375rem;
}

.modal-header-login {
    display: flex;
    justify-content: space-around;
    height: 1.875rem;
    text-align: center;
    margin-bottom: 2.1875rem;
}

    .modal-header-login .header-item {
        font-size: 1.125rem;
        color: #919191;
        /*margin-right: 2.1875rem;*/
        line-height: 1.875rem;
    }

    .modal-header-login .header-item-active {
        color: #3da0ff;
        font-size: 1.2rem;
    }


.login-password-input {
    padding-left: .625rem;
    width: 18.75rem;
    height: 2.3125rem;
    border: 0;
    border-bottom: solid 1px #dcdee0;
    outline:none;
}

.login-enterprise-item {
    padding-left: .625rem;
    width: 42.5rem;
    height: 2.3125rem;
    border-bottom: solid 1px #dcdee0;
}


    
.input-login {
    width: 100%;
    height: 2.9375rem;
    background-color: #155bd4;
    text-align: center;
}

    .submit-login {
        line-height: 2.9375rem;
        font-size: 1.125rem;
        color: #ffffff;
    }
.login-password-item {
    width: 100%;
    height: 2.5rem;
    margin-bottom: 2.1875rem;
    font-size: 1rem;
    color: #919191;
    position: relative;
}

.login-password-input {
    padding-left: .625rem;
    width: 100%;
    height: 2.3125rem;
    border-bottom: solid 1px #dcdee0;
}
.login-password-item .input-dropdown {
    position: absolute;
    top: 2.8125rem;
    display: none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    border: 1px solid #e4e7ed;
    background-color: #fff;
    overflow: auto;
    height: 12.5rem;
    box-sizing: border-box;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 999;
}

.login-password-item .input-dropdown li {
    padding: 0 .625rem;
    white-space: nowrap;
    text-align: center;
    line-height: 1.875rem;
    width: 100%;
    list-style: none;
    height: 1.875rem;
    cursor: pointer;
    font-size: .875rem;
}

.login-password-item .input-dropdown li:hover {
    background-color: silver;
}

.login-password-item .input-dropdown::-webkit-scrollbar {
    width: .625rem;
    height: .5rem;
}

.login-password-item .input-dropdown::-webkit-scrollbar-thumb {
    border-radius: .625rem;
    -webkit-box-shadow: inset 0 0 .3125rem #A0A0A0;
    background: #A0A0A0;
}

.login-password-item .input-dropdown::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .3125rem #F5F5F5;
    border-radius: 0;
    background: #F5F5F5;
}
/*.login-password-item .input-dropdown {
    position: absolute;
    top: 2.8125rem;
    display: none;
    box-shadow: 0 2px 12px 0 rgba((0), 0, 0, .1);
    border-radius: 4px;
    border: 1px solid #e4e7ed;
    background-color: #fff;
    overflow: auto;
    height: 12.5rem;
    box-sizing: border-box;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 999;
}

    .login-password-item .input-dropdown li {
        text-align: center;
        line-height: 1.875rem;
        width: 100%;
        list-style: none;
        height: 1.875rem;
        cursor: pointer;
    }

        .login-password-item .input-dropdown li:hover {
            background-color: silver;
        }

    .login-password-item .input-dropdown::-webkit-scrollbar {
        width: 1rem;
        height: 4px;
    }

    .login-password-item .input-dropdown::-webkit-scrollbar-thumb {
        border-radius: .625rem;
        -webkit-box-shadow: inset 0 0 .3125rem #A0A0A0;
        background: #A0A0A0;
    }

    .login-password-item .input-dropdown::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 .3125rem #F5F5F5;
        border-radius: 0;
        background: #F5F5F5;
    }*/

.login-password-item .focus,
.login-code-item .focus {
    width: 100%;
    text-align: left;
    color: #ff552e;
    font-size: .7rem;
    position: relative;
    padding-left: 1.2rem;
    float: left;
}

    .login-password-item .focus span,
    .login-code-item .focus .focus span {
        height: 1.4rem;
        line-height: 1.4rem;
    }

.login-code-item {
    /*display:flex;*/
    width: 100%;
    height: 2.5rem;
    margin-bottom: 2.2rem;
    font-size: 1rem;
    color: #919191;
    position: relative;
}

    .login-code-item .login-code-input {
        float: left;
        padding-left: .625rem;
        width: 6.25rem;
        height: 2.3rem;
        border: none;
        border-bottom: solid 1px #dcdee0;
        margin-right: .625rem;
    }
        .login-code-item .login-code-input:focus{
            outline:none;
        }

        .login-code-item .login-get-code {
            float: left;
            width: 9.375rem;
            height: 100%;
            border-bottom: solid 1px #dcdee0;
            height: 2.3rem;
            line-height: 2.3rem;
            padding-left: .4375rem;
            cursor: pointer;
            text-align: center;
            font-size: .875rem;
        }

.login-submit {
    width: 100%;
    height: 2.94rem;
    background-color: #155bd4 !important;
    text-align: center;
    line-height: 2.94rem;
    font-size: 1.125rem;
    color: #ffffff;
    /*cursor: pointer;*/
    border: 0;
}

.login-code-form {
    display: none;
}

.modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 8.75rem;
    height: 1.25rem;
    bottom: 1.125rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 1rem;
}

    .modal-footer .footer-item {
        color: #2b5bda;
    }

/*.my-separator {
    display: inline-block;
}*/

.footer-separator {
    width: .0625rem;
    height: 1rem;
    margin: -.125rem .875rem;
    background-color: #d3d3d3;
}