.dk-spinner-mask {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        opacity: .4;
        z-index: 2090
    }

    .dk-spinner-three-bounce.dk-spinner {
        position: absolute;
        top: 53%;
        left: 47%;
        background-color: none !important;
        z-index: 2099;
        margin: 0 auto;
        width: 70px;
        text-align: center
    }

    .dk-spinner-three-bounce div {
        width: .24rem;
        height: .24rem;
        background-color: #1ab394;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: dk-threeBounceDelay 1.4s infinite ease-in-out;
        animation: dk-threeBounceDelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .dk-spinner-three-bounce .dk-bounce1 {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .dk-spinner-three-bounce .dk-bounce2 {
        -webkit-animation-delay: -.16s;
        animation-delay: -.16s
    }

    @-webkit-keyframes dk-threeBounceDelay {
        0%, 80%, to {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        40% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @keyframes dk-threeBounceDelay {
        0%, 80%, to {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        40% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    body {

        background-image: url('/static/public/images/home/bj202588.jpg');
        background-size: 100% 100%;
        background-position: center;
        background-attachment: fixed; /* 背景图片固定 */
        min-height: 100vh; /* 至少为视口高度 */
        overflow: auto
}
	

    .l_userNews {
        width: 100%;
        height: 1rem;
        background-color: #f0f4f8;
        color: #7d5dd8;
        margin-top: .15rem
    }

    .l_userNews ul {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .l_userNews ul li {
        float: left
    }

    .l_userNews ul .l_firm {
        width: 14%;
        height: 100%;
        font-size: .36rem
    }




    .t_box_login {
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        -webkit-background-size: contain;
        background-size: cover;
        position: absolute;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }

    .t_box_login .t_logo {
        margin-top: 1rem;
        width: 100%
    }

    .t_box_login .t_logo img {
        display: block;
        /*width: 2.626667rem;*/
        height: 4.16rem;
        margin: 0 auto
    }

    .t_box_login .login_box {
        margin-top: 1rem;
        width: 100%
    }

    .t_box_login .login_box ul {
        margin: 0 auto;
        width: 8rem
    }

    .t_box_login .login_box ul li {
        margin-bottom: .8rem
    }

    .t_box_login .login_box ul li input {
        width: 8rem;
        height: 1.066667rem;
        color: #fff;
        font-size: .4rem;
        border-radius: .533333rem;
        text-indent: 1rem
    }

    .t_box_login .login_box ul li ::-webkit-input-placeholder {
        color: #fff
    }

    .t_box_login .login_box ul li :-moz-placeholder, .t_box_login .login_box ul li ::-moz-placeholder {
        color: #fff
    }

    .t_box_login .login_box ul li :-ms-input-placeholder {
        color: #fff
    }

    .t_box_login .login_box ul li:first-child {
        position: relative
    }

    .t_box_login .login_box ul li:first-child input {
background: hsl(221.54deg 89.97% 62.21% / 98%);
}


    .t_box_login .login_box ul li:first-child i {
        position: absolute;
        display: block;
        width: .466667rem;
        height: .466667rem;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAABL1BMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////82C+reAAAAZHRSTlMAKXkuqa368GE/0sX7AgRWVxJBUvb1ke/3wtDnv3fspHzPht6TjIhI5Sy+/D0xuU9qmoWhjc3pGxHkJ2239Fi4VAEDE4c1JAnWHFGZqKOwDo6DyyItL/3TW6XOZT6yDUweislHhyUp0AAAAYhJREFUGBl9wYWW2gAARcEHBHf3dXd3d3f3be//f0NpKSdLSJhRE1dPr9/v7+1xyUm0K0JdpCsqW7FOoDv3nesGOmOy0w8diaSkZKID+mVjLEI2qLpglsiYWs1CXA1xmFWLxWWKMhVZXpRVEFZlWoWgrFKQlikNKVkFIS1TGoKySkFApgCkZLWyjiGTwfqKrGKbZPbVsJ9hM6YWW3B0qbrLI9hSq20v3Nzrr/sb8G7LxnEI8s9Pv5+e8xA6lq1bLw3eWzl5fc8C2fdXtfNWrVbf5GTnIHFVeXwJhUIvj5WrxMGOrJbiXh8/+bzxJTWZmqfGVzo7dbvdp2clHzXzUzINTwAFY8Ozq7pdz4ZRACaG9d/gEOSnXVH9FHVN52FoUP9MjsLIuFqNj8DopGo8CzAgewOw4JIOf8GMnMxA+FAnsCZna3CiCzIeOfNkuFAZQ+0YlFXgWu1cU5CP4l1STpJ3RXyqwEPpfG+uzx1o5u6b2zsvPUBFX2HaC39JH5+5cNlvrxzOfX7oD/8DaDlP9InoAAAAAElFTkSuQmCC) no-repeat 50%;
        background-size: cover;
        top: 50%;
        left: .266667rem;
        transform: translateY(-50%)
    }

    .t_box_login .login_box ul li:nth-child(2) {
        position: relative
    }

    .t_box_login .login_box ul li:nth-child(2) input {
background: hsl(221.54deg 89.97% 62.21% / 98%);
}


    .t_box_login .login_box ul li:nth-child(2) i {
        position: absolute;
        display: block;
        width: .466667rem;
        height: .56rem;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAjCAMAAABfPfHgAAABDlBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8V00MkAAAAWXRSTlMAQwIE0BvufeKFmcfmGknG23qsUjYw+XhIDSMOiHtMDwqBz3O1y4ezHFCiqx3g6+1G41TxVkfSfAabhK0DB3kQCDzNjt5Z5Y+31wsMXb300drysLF2d4LVssCQZ1gAAAE/SURBVDjLddDHVsJQFEbhQ7BA6EWaFEURBJSqSFUsCAr2tt//RRyokMTcPbr/+gbJOiLLfP6rwGfgyu8Tm26u+en65p8NdODS/eG+BPSBRbvgGZ+LyPnYA10ztqE//H0P+9A2Yi7P6dlynZ2Szxk0CyeGeQJZw8wQ3DHMnSCZ1dLC6Kbf0Alry+HcZ9Okm+w7V1pk16S7FFcqFfZMukfl71l11D2UHcbKeOqOqohI8wj7jpoih0CrtmGt1gIOpcCxv+Rbt+Yr+Y8piJcDse8ArzQIKTREQ1yWQxhP4jJpMv2YTqpUewFeNYWmHoDnlEK3g8DTtuq7cSCu/KsEkFBqBIgodStGbEupEg1F1dewu1VHoR1c4uVNoe94ZUL4whYvvpjILUxHPbe13mgKt3K/QNXiXuRuHpit/W8WmN/JN/yQUtp1pBM7AAAAAElFTkSuQmCC) no-repeat;
        background-size: cover;
        top: 50%;
        left: .266667rem;
        transform: translateY(-50%)
    }

    .t_box_login .login_box ul li:nth-child(3) input {
        text-indent: 0;
        background-color: #a11111
    }

    .t_box_login .login_box ul li:nth-child(4) {
        border-radius: .533333rem
    }

    .t_box_login .login_box ul li:nth-child(4) input {
        text-indent: 0;
        background: rgb(46 121 48);
    }

    .t_box_login .login_box p {
        text-align: center;
        font-size: .4rem;
        color: #fff;
        line-height: .4rem
    }