.login{width: 100%;height: 100vh;overflow: hidden;background: url(/images/loginbj.jpg) center center;}
.login_w{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.login_logo{padding-top: 70px;}
.login_user{padding-bottom: 110px;}
.login_user_w{width: 400px;
    height: 410px;
    color: #fff;
    float: right;background: url(/images/zcdlbj.png);padding: 0px 50px;padding-top: 70px;}
.login_user_w h2{text-align: center;font-weight: 500;font-size: 24px;padding-bottom: 34px;}
.login_user_w .layui-inputdl{display: block;width: 86%;background: none;border: solid 1px #7c7e91;height: 52px;border-radius: 5px;margin-bottom: 18px;color: #fff;padding: 0% 7%;}
.login_user_w .layui-inputzc{display: block;width: 86%;background: none;border: solid 1px #7c7e91;height: 52px;border-radius: 5px;margin-bottom: 18px;color: #fff;padding: 0% 7%;}
.login_user_w p{text-align: right;padding-bottom: 28px;}
.login_user_w p a{color: #fff;opacity: 0.5;}
.login_user_w button.layui-btn{width: 100%;background-image: linear-gradient(to right, #156fed , #02a7ed);height: 54px;border-radius: 5px;color: #fff;font-size: 16px;cursor: pointer;}
p.login_a{text-align: center;color: #00abed;padding: 0%;padding-top: 10px;}
p.login_a a{text-decoration: underline;color: #00abed;opacity: 1;}
.login_foot{display: flex;align-items: center;justify-content: space-between;padding-bottom: 40px;color: #ffffff;opacity: 0.5;}
.login_foot p{margin: 0%;}
.login_foot p a{opacity: 0.5;color: #fff;}
.zc_bd{display: block;
    width: 86%;
    background: none;
    border: solid 1px #7c7e91;
    height: 52px;
    border-radius: 5px;
    margin-bottom: 18px;
    
    padding: 0% 7%;display: flex;align-items: center;justify-content: flex-start;}
.zc_bd span{padding-right: 16px;opacity: 0.5;}
.zc_bd input{background: none;border: 0px;color: #00abed;font-size: 14px;height: 42px;}
.zc_yzm{display: block;
    width: 86%;
    background: none;
    border: solid 1px #7c7e91;
    height: 52px;
    border-radius: 5px;
    margin-bottom: 18px;
    padding: 0% 7%;
    display: flex;
    align-items: center;
    justify-content: flex-start;}
.zc_yzm span{padding-right: 16px;
    opacity: 0.5;}
.zc_yzm input{background: none;
    border: 0px;
    color: #fff;
    font-size: 14px;
    height: 42px;width: 200px;}
.zc_yzm button{background: none;
    border: 0px;
    color: #fff;
    font-size: 14px;
    color: #00abed;cursor: pointer;}
.ydty{margin-bottom: 14px;display: flex;align-items: center;}
.ydty .ann{width: 14px;height: 14px;border: solid 1px #00abed;display: flex;align-items: center;justify-content: center;border-radius: 2px;margin-right: 4px;cursor: pointer;}
.ydty .ann i{display: block;width: 8px;height: 8px;background: #00abed;border-radius: 2px;opacity: 0;}
.ydty.on .ann i{display: block;width: 8px;height: 8px;background: #00abed;border-radius: 2px;opacity: 1;}
.ydty span{color: #ff0000;}