@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
body {color: #333;overflow-x: hidden;font-family:"-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji"}
a,a:hover {text-decoration:none;color:#000000;border: none;}
a:focus { -moz-outline-style: none; outline: none; }
a { blr: expression(this.onFocus=this.close()); blr: expression(this.onFocus=this.blur()); }
ul li{list-style:none;}
p { line-height: 30px; }
button { outline: none; border: none; }
input::-ms-clear { display: none; }
:focus { outline: 0; }
.clearfix:after { display: block; clear: both; width: 0; height: 0; content: '.'; visibility: hidden; }
.clearfix { *zoom: 1; }

.fl { float: left; }
.fr { float: right; }
.fw { width: 1200px; margin: 0 auto; }

body{background: url(../images/bg.jpg) no-repeat top center;background-color: #f7fdfd;}
.topbox{width:100%;height:60px;border-bottom:1px solid #eee;margin:auto;}
.topbox .logo-img{width:auto;height:40px;float:left;margin:8px;}
.topbox .logo-img img{height:40px;}
.topbox .logo-txt{width:auto;height:40px;line-height:40px;font-size:20px;float:left;margin:8px;}

.loginbox{width:500px;height:500px;margin:20px auto;background:rgb(255,255,255 ,0.5);border:1px solid #ccc;border-radius:5px;}
.loginform{width:80%;margin:auto;}
.loginform .formtitle{width:100%;height:80px;line-height:80px;font-size:24px;font-weight:bold;text-align:center;}
.loginform .formlable{width:100%;height:90px;}
.loginform .formlable span{width:100%;height:30px;line-height:30px;text-align:left;font-size:16px;display: inline-block;}
.loginform .formlable input{width:100%;height:45px;line-height:45px;text-align:left;font-size:16px;border:#C1C1C1 1px solid;text-indent:10px;}
.loginform .formlable input#ucode{width:60%;}
.loginform .formsubmit{width:100%;height:45px;margin:10px auto;}
.loginform .formsubmit button{width:100%;height:45px;background:#169BD5;border:0px;color:#fff;font-size:16px;}
.loginform .formother{width:100%;height:40px;line-height:30px;}
.loginform .formother a{color:#585E6D;font-size:14px;}



.regist{width:800px;height: 900px;margin:20px auto;background:rgb(255,255,255 ,0.5);border:1px solid #ccc;border-radius:5px;}
.registtitle{width:100%;height:90px;line-height:80px;font-size:24px;font-weight:bold;text-align:left;text-indent:30px;}
.registtitle a{float:right;color:#048BC4;font-size:14px;margin-right:20px;font-weight: normal;}
.registform{width:80%;margin:auto;}
.registform .formlable{width:100%;height:90px;}
.registform .formlable span{width:100%;height:30px;line-height:30px;text-align:left;font-size:16px;display: inline-block;}
.registform .formlable input:not([type=radio]){width:370px;height:45px;line-height:45px;text-align:left;font-size:16px;border:#C1C1C1 1px solid;text-indent:10px;}
.registform .formlable >i{width:40%;height:45px;line-height:20px;float:right;font-size:13px;font-style: normal;padding-left:10px;color:#807F7F;}
.registform .formlable #getucode{width:130px;height:45px;line-height:45px;text-align:left;font-size:14px;border:#C1C1C1 1px solid;text-align:center;}
.registform .formlable input#ucode{width:235px;}
.registform .formsubmit{width:100%;height:45px;margin:10px auto;}
.registform .formsubmit button{width:370px;height:45px;background:#169BD5;border:0px;color:#fff;font-size:16px;}
.layui-form-radio {
    margin: 0 10px 0 0;
}
.layui-form-radio * {
    font-size: 16px;
}