.logo{display: block;width: 344px;}
.logo img{display: block;width: 100%;}
.login{height: calc(100vh - 153px);min-height: 39.5833vw;background: url(../../images/login/bg.png) no-repeat center;background-size: cover;overflow: hidden;}
.login h4{font-size: 2.2917vw;line-height: 3.2292vw;color: #fff;font-weight: bold;text-align: center;margin-top: 2.1875vw;}
.login .main{margin: 1.4583vw auto 0;width: 31.25vw;background: #fff;box-sizing: border-box;padding: 0.7813vw 0 0.9375vw;border-radius: 8px;}
.login .title{font-size: 1.25vw;line-height: 1.7708vw;color: #2C2C2C;text-align: center;}
.login form{display: block;padding: 1.5625vw 3.125vw 0 2.6042vw;}
.login .item{display: flex;justify-content: space-between;align-items: center; position: relative;margin-bottom: 0.7813vw;}
.login .name{font-size: 0.7771vw;line-height: 1.0417vw;color: #111111;text-align: right;}
.login .name span{color: #FF0000;}
.login .text{display: block;box-sizing: border-box;width: 21.3542vw;height: 2.8646vw;border: 1px solid #E9E9E9;border-radius: 4px;text-indent: 2.0833vw;font-size: 0.7771vw;color: #474747;background: url(../../images/login/user_icon.png) no-repeat 7px center;background-size: 1.25vw 1.25vw;}
.login .text::-webkit-input-placeholder{color: #474747;}
.login .text::-moz-placeholder{color: #474747;}
.login .pwd-text{background-image: url(../../images/login/pwd_icon.png);}
.login .mobile-text{background-image: url(../../images/login/mobile_icon.png);}
.login .vcode-text{width: 13.0208vw;background-image: url(../../images/login/vcode_icon.png);}
.login .name-text{width: 15.0208vw;}
.login .text:focus{border-color: rgba(3, 114, 240, 0.3);box-shadow: 0px 0px 6px 0px rgba(82, 28, 212, 0.18);}
.login .send{display: block;width: 7.5521vw;height: 2.8646vw;background: #3478EB;border-radius: 4px;text-align: center;line-height: 2.8646vw;color: #fff;font-size: 0.6771vw;}
.login .search{display: block;width: 5.5521vw;height: 2.8646vw;background: #3478EB;border-radius: 4px;text-align: center;line-height: 2.8646vw;color: #fff;font-size: 0.7771vw;}
.login .coutdown{display: none;width: 7.5521vw;height: 2.8646vw;background: #999;border-radius: 4px;text-align: center;line-height: 2.8646vw;font-size: 0.6771vw;color: #fff;}
.login .coutdown span{color: #FF0000;margin-right: 4px;}



.select-role{width: 21.3542vw;height: 2.8646vw;box-sizing: border-box;border: 1px solid #E9E9E9;border-radius: 4px;position: relative;}
.select-role p{cursor: pointer;font-size: 0.6771vw;line-height: 2.7604vw;color: #474747;text-indent: 2.0833vw;}
.select-role p::before{content: '';width: 1.25vw;height: 1.25vw;background: url(../../images/login/user_icon.png) no-repeat;background-size: cover;position: absolute;left: 7px;top: 50%;margin-top: -0.625vw;}
.select-role p::after{content: '';width: 1.875vw;height: 1.875vw;background: url(../../images/login/arrow.png) no-repeat center center #F7F8FD;background-size: 0.8333vw 0.4167vw;border-radius: 4px; transition: all .5s;position: absolute;right: 0.4688vw;top: 50%;margin-top: -0.9375vw;}
.select-role ul{display: none; position: absolute;left: -1px;width: 100%;overflow-y: auto;background: #fff;border: 1px solid #E9E9E9;border-radius: 4px;top: 54px;}
.select-role li{padding: 0 2.0833vw;font-size: 0.6771vw;line-height: 2.6042vw; color: #474747;cursor: pointer;}
.select-role li:hover{background: #3478EB;color: #fff;}
.select-active p::after{transform: rotate(180deg);}

.login .item-bot{padding-top: 1.4063vw;display: flex;justify-content: flex-end;}
.login .btn{width: 23.8542vw;height: 2.8646vw;background: #3478EB;border-radius: 4px;font-size: 0.7813vw;color: #fff;border: none;}
.login .action{display: flex;justify-content: space-between;padding: 0.3646vw 3.125vw 0 4.2708vw;font-size: 0.6771vw;line-height: 0.8854vw;color: #747474;}
.login .action a{color: #3478EB;}
.login .tips{font-size: 0.6771vw;line-height: 0.8854vw;color: #4c00d2;margin: 1.0417vw 0 0 4.2708vw;width: 23.8542vw;}

.content{height: 80px;display: flex;justify-content: center; align-items: center;}
.content .left{display: flex;}
.content .left a{display: block;margin-right: 14px;}
.content .left img{display: block;height: 45px;}
.content .line{width: 1px;height: 45px;background: #c5c5c5;margin: 0 45px 0 18px;}
.content .right{font-size: 13px;line-height: 18px;color: #333;text-align: center;}
.content .right span{margin-left: 20px;}
.content .right a{color: #333;}
.content .right a:hover{color: #3478EB;}