* {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    list-style: none;
    outline: none;
   
}
body {
    overflow: hidden;
    overflow-y: hidden;
}

.body {
    /*background: url(../img/bg.png) no-repeat;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-size: 100% 100%;
    position: absolute;
    display: inline-block;*/
    position: absolute;
    width: 100%;
    height: 100%;
   /* background-image: url(../img/bg.jpg);
    background-repeat: no-repeat!important;
    background-size: 100% 100%;*/
    margin: 0 auto;
}
.imgbody {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.logo {
    height: 45px;
    margin: 20px 40px;
    font-size: 30px;
    color: white;
}

.img_l {
    position: fixed;
    width: 40%;
    top: 25%;
    left: 15%;
}

.body_count {
    width: 400px;
   
    top:18%;
    margin:0 auto;
}

.body_count_top {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 8px;
}

.login_count {
    width: 400px;
    height: auto;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 30px #d2bdbd;
    -webkit-box-shadow: 0px 0px 30px #d2bdbd;
    box-shadow: 0px 0px 30px #d2bdbd;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#d2bdbd,direction=0,strength=6)";
    
}
.login_countTwo {
    display:none;
    width: 400px;
    height: auto;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 30px #d2bdbd;
    -webkit-box-shadow: 0px 0px 30px #d2bdbd;
    box-shadow: 0px 0px 30px #d2bdbd;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#d2bdbd,direction=0,strength=6)";
}
.login_count_1 {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#d2bdbd, direction=0, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#d2bdbd, direction=90, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#d2bdbd direction=180, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#d2bdbd, direction=270, strength=6);
}
    .login_count_a {
        width: 100%;
        height: 330px;
    }

.login_count_a_l {
    width: 99%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.icon_e {
    height: 38px;
}

.login_a_l_t {
    color: white;
    font-size: 12px;
    padding: 3px;
    background: linear-gradient(to right, #26CBD6, #3EE1E2);
}

.triangle {
    float: left;
    width: 0;
    height: 0;
    border-width: 11px;
    border-style: solid;
    border-color: transparent #3EE1E2 transparent transparent;
    transform: rotate(180deg);
}

#all {
    width: 80%;
    margin: 50px auto 0px;
}

#option {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #ceffff;
    margin-bottom: 40px;
}

    #option li {
        float: left;
        text-align: center;
        width: 50%;
        /*background: white;*/
        height: 38px;
        cursor: pointer;
        color: #4f4f4f;
        font-size: 16px;
        border-radius: 20px;
        font-weight: bold;
    }

        #option li.active {
            background: linear-gradient(to left, #40E4E5, #28CCD6);
            color: white;
            border-radius: 20px;
        }

#card li {
    height: 100%;
    display: none;
}

    #card li.active {
        display: block;
    }



.login_bot_count_Select {
    border: 1px solid #c4c4c4;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
}

    .login_bot_count_Select > img {
        height: 20px;
        padding-left: 5px;
        margin: 10px;
    }

    .login_bot_count_Select > select {
        height: 40px;
        border: 0px;
        width: 80%;
        float: right;
    }

        .login_bot_count_Select > input::-webkit-input-placeholder {
            color: #dedede;
        }








.login_bot_count {
    border: 1px solid #c4c4c4;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
}

    .login_bot_count > img {
        height: 20px;
        padding-left: 5px;
        margin: 10px;
    }

    .login_bot_count > input {
        height: 40px;
        border: 0px;
        width: 80%;
        float: right;
    }

        .login_bot_count > input::-webkit-input-placeholder {
            color: #dedede;
        }

.login_bot {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

    .login_bot > a,
    .login_bot > p {
        font-size: 12px;
        color: #898989;
    }

    .login_bot > p {
        width: 26%;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
    }


        /*记住密码勾选框*/

        .login_bot > p > input[type="checkbox"] {
            width: 10px;
            height: 10px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            line-height: 10px;
            position: relative;
        }

            .login_bot > p > input[type="checkbox"]::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                background: #fff;
                width: 100%;
                height: 100%;
                border: 1px solid #dedede;
            }

            .login_bot > p > input[type="checkbox"]:checked::before {
                content: "\2713";
                background-color: white;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                border: 1px solid #dedede;
                color: #898989;
                font-size: 12px;
                font-weight: bold;
            }


/*按钮样式*/

.login_button {
    margin-top: 20px;
    width: 100%;
    border: 0px;
    height: 50px;
    font-size: 21px;
    color: #ffffff;
    background: -moz-linear-gradient(left,#ce403e 0%,#e44030 100%);
    background: -webkit-gradient(linear, left left, left right, color-stop(0%,#ce403e), color-stop(100%,#e44030));
    background: -webkit-linear-gradient(left, #ce403e 0%,#e44030 100%);
    background: -o-linear-gradient(left, #ce403e 0%,#e44030 100%);
    background: -ms-linear-gradient(left, #ce403e 0%,#e44030 100%);
    background: linear-gradient(to right, #ce403e 0%,#e44030 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce403e', endColorstr='#e44030',GradientType=1 );
    border-radius: 5px;
}

.login_account_count {
    width: 100%;
    border: 1px solid #34D8DE;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 3px;
    margin-top: 10px;
}

    .login_account_count > img {
        height: 20px;
        padding-left: 5px;
    }

.mobile_input {
    height: 35px;
    border: 0px;
    width: 75%;
}

.account_select {
    color: #4F4F4F;
    font-size: 14px;
    border: 0px;
    margin: 0px 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 45px;
    z-index: 999;
    background: none;
}

.account_select_icon {
    position: relative;
    left: -8%;
    height: 10px!important;
}

.login_account_counts {
    width: 100%;
    border: 1px solid #34D8DE;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 3px;
    margin-top: 10px;
}

    .login_account_counts > img {
        height: 20px;
        padding-left: 5px;
    }

    .login_account_counts > input:nth-of-type(1) {
        height: 35px;
        border: 0px;
        width: 50%;
    }

.account_code {
    color: white;
    background-color: #26CBD6;
    padding: 5px;
    font-size: 12px;
    cursor: pointer;
    border: 0px;
}

.login_account_count > input::-webkit-input-placeholder {
    color: #dedede;
}

.login_account_counts > input::-webkit-input-placeholder {
    color: #dedede;
}


/*按钮样式*/

.login_account_button {
    margin-top: 40px;
    width: 100%;
    border: 0px;
    height: 35px;
    font-size: 16px;
    color: white;
    background: linear-gradient(to left, #40E4E5, #28CCD6);
}

.login_count_b {
    width: 100%;
    display:none;
    height: 330px;
    margin-top:10%;
   
}

.login_count_b_l {
    width: 99%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}
.login_count_c {
    display: none;
    height: 330px;
    width: 400px;
  
    
}
.login_count_c_c {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#d2bdbd, direction=0, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#d2bdbd, direction=90, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#d2bdbd direction=180, strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#d2bdbd, direction=270, strength=6);
}
.login_smd {
    text-align: center;
    font-size: 28px;
    color: #1d4264;
    margin-top: -11px;
}
.login_count_c_l {
    width: 99%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.icon_e,
.icon_z {
    height: 58px;
    margin-top: 3px;
}

.login_b_l_t {
    color: white;
    font-size: 12px;
    padding: 3px;
    background: linear-gradient(to right, #26CBD6, #3EE1E2);
}

.login_b_title > img {
    height: 22px;
    margin-right: 5px;
}

.login_b_title {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-size: 18px;
    font-weight: 1000;
}

.libqr {
   
    text-align:center;
}
   

.libqr_text {
    width: 100%;
    text-align: center;
    color: #c4c4c4;
    font-size: 12px;
}

.delivery_count_l_b > input:focus .delivery_count_l_b {
    border-bottom: 1px solid #26CAD6;
}



.textManage {
   color: #0a0a0a;
    text-align: center;
    font-size: 36px;
    font-family: microsoft yahei;
    font-weight: bold;
    margin-top: 4%;
    margin-bottom: -5%;
}
.login-head {
    height: 59px;
    border-bottom: 0px solid #e6e6e6;
    position: relative;
    width: 80%;
    top: 30px;
    margin:0 auto;
}

    .login-head .c-btn {
        width: 49%;
        height: 100%;
        text-align: center;
        line-height: 59px;
        float: left;
        cursor: pointer;
    }

.on-btn {
    font-size: 20px;
    color: black;
}

.login-head .c-block {
    width: 100px;
    height: 2px;
    background: red;
    position: absolute;
    left: 30px;
    bottom: -1px;
    z-index: 2;
}

.xtop {
    margin-top: 0px;
}


@font-face {
    font-family: "iconfont"; /* Project id 3349837 */
    src: url('iconfont.woff2?t=1650597474825') format('woff2'),
        url('iconfont.woff?t=1650597474825') format('woff'),
        url('iconfont.ttf?t=1650597474825') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-wode:before {
    content: "\e665";
    font-size: 25px;
}

.icon-shoujihao:before {
    content: "\e62e";
    font-size: 20px;
}

.icon-yanzhengma:before {
    content: "\e624";
    font-size: 20px;
}

li {
    float: left;
}

.xspan {
    display: block;
    font-size: 22px;
    margin-bottom: 30px;
}

.dspan {
    background: #f7f6f7;
    margin-bottom: 18px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    position: relative;
    width:260px;
}
.pwd-place {
    position: absolute;
    top: 0;
    left: 100px;
    width: 100%;
    height: 100%;
    font-size: 12px;
    display:none;
}
.inputs {
    border: none;
    background: #f7f6f7;
    
    font-size:15px;
    color: black;
    width:190px;
}

.rigthspan {
    float: right;
   
    padding: -1px;
    border-radius: 5px;
    padding: 0px 10px 0px 10px;
   
    width: 80px;
    font-weight:500;
    cursor:pointer;
}

.aicon {
    margin-left: 17px;
}
.ewmdiv {
    width: 218px;
    margin: 0 auto;
    margin-top: 30px;
    box-shadow: #e5dada 1px 1px 10px 2px;
    behavior: url(PIE.htc);
}
.ewmdiv2 {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 10px #808080;
    width: 200px;
    height: 200px;
    behavior: url(../css/PIE.htc);
    
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn {
    background: #6969e7;
    color: #ffffff;
    padding: 8px;
   
    border-radius: 5px;
    clear: both;
    font-weight:900;
    cursor:pointer;
    width:246px;
}

.bigDiv {
    height: 402px;
    width: 650px;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    background-color: #ffffff;
    margin-top:10%;
}

.title {
    font-size: 25px;
    padding-top: 28px;
    display: block;
    letter-spacing:8px;
}