html,body,.mui-content{height:100%;background: none;font-size: 100%;}
html{background: linear-gradient(#0ac1ec,#0e68dc);height:100%}
body{background:url(../../static/qkqLoginbg.png) no-repeat center bottom;background-size:contain;}
.login-warp{width: 88%;background: #fff;padding: 8% 0;border-radius: 10px;position: relative;}
.mui-input-group{width:88%;margin: 0 auto;}
.mui-input-group::before,.mui-input-group::after{background: none;}
.mui-input-group .mui-input-row{margin-bottom: 5%;}
.mui-input-group .mui-input-row:nth-child(2){margin-bottom: 2%;}
.mui-input-group .mui-input-row i{font-size:120%;color: #666;}
.mui-input-group .mui-input-row input{font-size: 100%;}
.mui-input-group .mui-input-row:after{background: #F3F3F3}
.mui-input-group .mui-input-row.d-flex:after{background:none}
.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{left:13px;top:12px}
/* .mui-checkbox input[type=checkbox]{ -webkit-appearance: none;resize: none;-moz-outline: 0;outline: 0;} */
.mui-checkbox input[type=checkbox]:before{font-family: "iconfont" !important; content: "\e909" !important;
font-size: 100%;text-align: center;}
.mui-checkbox input[type=checkbox]:checked:before{content: "\e634" !important;color: #0062CC;} 
.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-left:35px;color: #b2b2b2;}
.mui-input-row.d-flex a{color: #b2b2b2;}
.mui-button-row .mui-btn.bg-primary{font-size:104%;}
.qui-login-btn{margin: 0 0 15% 0 !important;padding-top: 4%;}
.login-warp-bg{background:rgba(255,255,255,0.37);width: 90%;height:20px;position: absolute;bottom:-6px;left:5%;border-radius: 10px;}