.whole{background: url(https://img1.dxyyzyw.com/user/loginbg1205.jpg) no-repeat;background-size: 100%;height: 100vh;}
.whole .title{font-weight: 600;font-size: 32px;color: #FFFEFE;text-align: center;padding: 31px 48px 30px 48px;position: relative;}
.whole .contents{width: 440px;position: absolute;background: #ffffff;padding: 16px 14px 32px;top: 50%;right: 80px;transform: translate(0%, -50%);z-index: 10;min-height: 510px;}
.whole #icon{width: 50px;height: 50px;position: absolute;right: 14px;z-index: 99;}
.whole .icon{width: 50px;height: 50px;}
.whole .title{font-size: 26px;color: #333;font-weight: 500;}
.whole .substance{padding: 0 36px;}
.whole .substance .tabs{border-bottom: 1px solid #E5E5E5;text-align: center;}
.whole .substance .tabs span{font-size: 20px;color: #333;display: inline-block;padding: 0 8px 12px 8px;cursor: pointer;width: calc(50% - 2px);}
.whole .substance .tabs .active{border-bottom: 2px solid #088167;}
.whole .substance .login-box .hide{display: none;}
.whole .substance .login-box .show{margin-top: 30px;display: block;width: 100%;}
.register-content{margin-top: 30px;}
.whole .substance .qrcode{border: 1px dashed #E5E5E5;width: 200px;height: 200px;margin: 30px auto 0px auto;text-align: center;}
.whole .substance .qrcode img{width: 180px;height: 180px;margin-top: 12px;}
.whole .substance .prompt{margin: 32px 0 14px 0;text-align: center;color: #a1a1a1;}
.whole .register{text-align: center;color: #088167;font-size: 14px;margin-bottom: 14px;cursor:pointer;}
.whole .register a{color: #088167;text-decoration: none;}
.btn{width: 100%;background-color: #088167;color: #fff;height: 100%;font-size: 16px!important;}
.btn:hover{color: #fff !important;background-color: #076c53;}
.drawer{position: absolute;right: 0;width: 640px;height: 100vh;background-color: #fff;z-index: 99;padding: 15px;display: none;overflow: hidden;}
.drawer .drawer_title{display: flex;font-size: 16px;}
.drawer .title-left{position: absolute;cursor: pointer;}
.drawer .drawer_title .title-right{text-align: center;width: 100%;}
.drawer .search{margin:12px 0 6px 0;}
.drawer ul{width: 100%;overflow: auto;height: 800px;padding: 0 0 60px 0;}
.drawer ul li{font-size: 14px;border-bottom: 1px solid #E5E5E5;padding: 10px 16px ;color: #323232;cursor: pointer;}
.loading{text-align: center;padding: 15px 0 10px 0;color: #333;}
.footer{width: 100%;text-align: center;color: #FFFEFE;font-weight: 400;line-height: 32px;position: absolute;bottom: 30px;font-size: 14px;}
.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{background-color: none !important;color: #333 !important;}

.form-control{height: 48px!important;box-shadow: none!important;border: 1px solid #D8D8D8!important;border-radius:unset!important;flex: 1;font-size:16px!important;}
.login-box .phone-left{width: 53px;height: 48px;background: #F8F9F9;display: flex;justify-content: center;align-items: center;border-top: 1px solid #D8D8D8;border-left: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8;}
.login-box .phone-main{display: flex;align-items: center;padding: 0;width: 100%;position: relative;}
.form-group{margin: 0 0 20px 0!important;}
.form-group .agree-content{padding: 0;}
.form-group .agree-content .checkbox label{font-size: 14px;color: #333;display: flex;}
.form-group .agree-content .checkbox input[type=checkbox]{width: 14px;height: 14px;margin-bottom: 3px;border-radius: unset;}
.form-group .forget-password{text-align: right;margin-top: 10px;display: inline-block;color:#555;width: 100%;}
.form-group .login-btn{padding: 0;height: 48px;}
.form-group .input-group .input-group-btn{width: 105px;height: 48px;}
.btn-default:hover{background-color: #fff!important;border-color: #ccc!important;color: #333!important;}
.tips{color: #999;margin-top: -10px;}
.tooltip-inner{white-space: nowrap!important;padding-bottom: 6px!important;}
.tooltip{margin-top: 24px!important;}
.qr-content{width: 200px;height: 200px;border: 1px dashed #dddddd;background-size: cover;margin: 0 auto;}
.qr-content img{width: 180px;margin: 10px 0 auto 10px;display: inline-block;height: 180px;}
.qr-text{margin-top: 16px;color:#a1a1aa;text-align: center;display: inline-block;width: 100%;}
.qr-text:hover{color:#a1a1aa;}
.form-group .eye{width: 30px;height: 30px;position: absolute;right: 12px;top: 10px;}
#qr-code{margin-top: 50px;}
.phone-main .form-control[name="password"]{padding-right: 50px;}