@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font:12px 'Microsoft YaHei',Arial,Times New Roman,"\5B8B\4F53",san-serif;background:#f4f4f4}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,form,fieldset,input,textarea,blockquote,p,object{padding:0;margin:0}
table,td,tr,th{font-size:12px}
li{list-style-type:none}
img{vertical-align:top;border:0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal}
address,cite,code,em{font-weight:normal;font-style:normal}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.ovs{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.nous{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.cont_div{width:1000px;min-height:0;overflow:hidden;margin:0 auto;}
.cont_wh{width:100%;min-width:1200px;margin:0 auto;min-height:0;overflow:hidden;}

#header{min-height:0;overflow:hidden;background-color:#fff;box-shadow: 0px 0px 4px #ccc;-moz-box-shadow:0px 0px 4px #ccc}
#logo{height:70px;overflow:hidden;float:left;padding:15px}
#logo img{height:100%;overflow:hidden;}
#menu{overflow:hidden;padding:20px 0;height:60px;float:right;}
#menu li{float:left;}
#menu li a{display:inline-block;font-size:16px;font-weight:bold;line-height:25px;padding:5px 20px;color:#222;text-align:center;}
#menu li a span{font-weight:100;font-size:14px;}
#menu li a:hover{color:#36f;}

#main_login{background-color:#fff;width:980px;min-height:500px;overflow:hidden;margin:50px auto;border-radius:10px;-webkit-border-radius:10px;box-shadow: 0px 0px 4px #eee;-moz-box-shadow:0px 0px 4px #eee;position:relative;}
#login_bar{width:400px;min-height:0;overflow:hidden;float:right;}

#login_bg{position:absolute;left:0;right:400px;bottom:0;top:0;background:url('/static/img/svg/dlbg.svg') no-repeat center center #ebf4ff;background-size:80% auto}
#login_bar h2{height:70px;padding-top:50px;font-size:20px;font-weight:bold;text-align:center;}
.login_main{margin:0 20px}
.login_main ul{min-height:0;overflow:hidden;margin:0 40px}
.login_main ul li{margin-bottom:8px;min-height:0;overflow:hidden;border:1px solid #edf2f7;position:relative;padding:0 20px;border-radius:5px;-webkit-border-radius:5px;background:#f7fafc;}
.login_main ul li input.mui-input{outline:none;width:100%;height:50px;line-height:50px;background:none;border:none;font-size:14px;margin-bottom:0;}
.login_main ul li label{font-weight:bold;display:inline-block;height:38px;padding:0 10px;line-height:38px;position:absolute;right:5px;bottom:6px;border-radius:20px;-webkit-border-radius:20px;}
.login_main ul li span{display:inline-block;height:38px;padding:0 15px;line-height:38px;color:#fff;background-color:#ADADAD;position:absolute;font-size:14px;right:10px;bottom:6px;border-radius:20px;-webkit-border-radius:20px;}
.login_main ul li span.active{background-color:#FFE8E8;color:#FF6100;cursor:pointer;}
.login_main p{text-align:center;line-height:20px;padding-bottom:50px;}
.login_btn{text-align:center;padding:20px 0;margin:0 40px;}
.login_btn cite{background-color:#FFC9CE;display:inline-block;height:50px;width:100%;border-radius:50px;-webkit-border-radius:50px;font-size:18px;color:#889190;line-height:50px;cursor:pointer;}
.login_btn cite.active{background-color:#FA2932;color:#fff;}

.tips_pwd{width:80%;margin:0 auto;color:#36f;text-align:center;border-top:1px solid #E2E2E2;padding:40px 0;position:relative;user-select:none}
.tips_pwd cite{position:absolute;display:inline-block;top:-24px;width:26px;height:26px;padding:7px;left:0;left:50%;margin-left:-24px;background:#ebf4ff;background-size:26px auto;border-radius:30px;-webkit-border-radius:30px;border:4px solid #fff}
.tips_pwd cite img{width:100%;overflow:hidden;}
.tips_pwd span{cursor:pointer;}

#footer{width:100%;min-height:0;overflow:hidden;text-align:center;height:50px;line-height:30px;font-size:14px;}
#footer a{color:#36f;}

.u-note { position: fixed;left:100%;top:50%;margin-top:-40px;margin-left:-160px; width:320px;padding: 10px;text-align: center;font-size:14px;line-height:26px;border-radius:20px;-webkit-border-radius:20px;opacity: 0;z-index:-11;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.u-note-error { background:rgba(0,0,0,0.7);color:#fff;}
.u-note-sucess { background:rgba(0,0,0,0.7);color:#fff;}
.u-note.on { opacity: 1;z-index:220;left:50%;}
