*{margin:0;padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{/*-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;  -khtml-user-select: none;user-select: none;*/}
body{font-family:"微软雅黑";color:#856a6e;margin: 0;height:100%;font-size:14px;color:#666;background-color:#fff;}
li{list-style:none;}
.cl{clear:left;}
.cb{clear:both;}
.check{float:left;width:25px;}
a{text-decoration:none;outline:none;}
*{font-family:"微软雅黑";}
a:hover{text-decoration: none;color: #499ef3;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;line-height: 1.2;}
input,button,select,textarea{outline: none;border-radius:0;}
#wrapper{background-color:#fff;width:100%;height:100vh;}
.container{width:80%;margin:0 auto;}
.pub_header{height:80px;background-color: #fff;position: fixed;width: 100%;box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);z-index: 999;}
.pub_header .logo{float:left;margin-top:20px;}
.pub_header .logo a{display:inline-block;float:left;}
.pub_header .logo a img{height:40px;}
.pub_header .logo span{font-size:18px;margin-left:20px;display:inline-block;line-height:40px;}
.pub_header .nav{float:right;}
.pub_header .nav a{display:inline-block;float:left;line-height:80px;font-size:17px;color:#666;margin-left:20px;}
.pub_footer{text-align: center;color:#9195a3;width:100%;height:80px;line-height:30px;margin-top:30px;}


.pub_content{width:80%;margin: 0 auto;padding-top:1px;}
.pub_content .login_box{margin:0 auto;margin-top:130px;width:400px;height:360px;box-shadow: 1px 3px 14px rgba(0, 0, 0, 0.3);}
.pub_content .login_box h1{font-size:20px;color:#009ce1;text-align:center;margin-bottom:20px;padding-top:50px;font-weight:bold;}
.pub_content .login_box .form-item{line-height:30px;}
.pub_content .login_box .form-item label{width: 110px;display: inline-block;margin-bottom: 25px;text-align: right;font-size: 16px;}
.pub_content .login_box .form-item .pub_input{text-indent: 5px;font-size: 14px;border: 1px solid #CCC;border-radius: 3px;position: relative;color: #666;height: 40px;line-height: 40px;width:50%;}
.pub_content .login_box .form-item .pub_input:focus{border-color: #66afe9;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.pub_content .login_box .form-item #remember{margin-left:110px;}
.pub_content .login_box .form-item .remember_tip{margin-left:5px;width:auto;}
.pub_content .login_box .form-item .loginBtn{border-radius: 3px;background-color: #09c;border: 1px solid #2C9BC4;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;box-shadow: 1px 1px 2px #CCC;width:200px;height:40px;margin-left:110px;}
.pub_content .login_box .form-item .loginBtn:hover{background-color: #37aaeb;}
.pub_content .login_box .form-item .forget{float:left;margin-left:65px;color: #1097E4;}
.pub_content .login_box .form-item .reg{float:right;margin-right:65px;color: #1097E4;}


.pub_content .reg_box{margin:0 auto;margin-top:130px;width:400px;height:540px;box-shadow: 1px 3px 14px rgba(0, 0, 0, 0.3);}
.pub_content .reg_box h1{font-size:20px;color:#009ce1;text-align:center;margin-bottom:20px;padding-top:50px;font-weight:bold;}
.pub_content .reg_box .form-item{line-height:30px;}
.pub_content .reg_box .form-item label{width: 130px;display: inline-block;margin-bottom: 25px;text-align: right;font-size: 16px;}
.pub_content .reg_box .form-item label i{color:red;margin-right:5px;font-style:normal;}
.pub_content .reg_box .form-item .pub_input{text-indent: 5px;font-size: 14px;border: 1px solid #CCC;border-radius: 3px;position: relative;color: #666;height: 40px;line-height: 40px;width:50%;}
.pub_content .reg_box .form-item .pub_input:focus{border-color: #66afe9;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.pub_content .reg_box .form-item .loginBtn{border-radius: 3px;background-color: #09c;border: 1px solid #2C9BC4;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;box-shadow: 1px 1px 2px #CCC;width:200px;height:40px;margin-left:110px;}
.pub_content .reg_box .form-item .loginBtn:hover{background-color: #37aaeb;}
.pub_content .reg_box .form-item .getCodeBtn{border-radius: 3px;background-color: #09c;border: 1px solid #2C9BC4;color: #fff;font-size: 16px;font-weight: normal;cursor: pointer;box-shadow: 1px 1px 2px #CCC;width:150px;height:30px;margin-left:130px;margin-bottom:20px;}
.pub_content .reg_box .form-item .getCodeBtn:hover{background-color: #37aaeb;}
.pub_content .reg_box .form-item .loginLink{float:right;margin-right:20px;margin-top:20px;color: #666;}
.pub_content .reg_box .form-item .loginLink:hover{text-decoration:underline;}

.pub_content .find_box{margin:0 auto;margin-top:130px;width:400px;height:470px;box-shadow: 1px 3px 14px rgba(0, 0, 0, 0.3);}
.pub_content .find_box h1{font-size:20px;color:#009ce1;text-align:center;margin-bottom:20px;padding-top:50px;font-weight:bold;}
.pub_content .find_box .form-item{line-height:30px;}
.pub_content .find_box .form-item label{width: 130px;display: inline-block;margin-bottom: 25px;text-align: right;font-size: 16px;}
.pub_content .find_box .form-item label i{color:red;margin-right:5px;font-style:normal;}
.pub_content .find_box .form-item .pub_input{text-indent: 5px;font-size: 14px;border: 1px solid #CCC;border-radius: 3px;position: relative;color: #666;height: 40px;line-height: 40px;width:50%;}
.pub_content .find_box .form-item .pub_input:focus{border-color: #66afe9;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.pub_content .find_box .form-item .loginBtn{border-radius: 3px;background-color: #09c;border: 1px solid #2C9BC4;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;box-shadow: 1px 1px 2px #CCC;width:200px;height:40px;margin-left:130px;}
.pub_content .find_box .form-item .loginBtn:hover{background-color: #37aaeb;}
.pub_content .find_box .form-item .getCodeBtn{border-radius: 3px;background-color: #09c;border: 1px solid #2C9BC4;color: #fff;font-size: 16px;font-weight: normal;cursor: pointer;box-shadow: 1px 1px 2px #CCC;width:150px;height:30px;margin-left:130px;margin-bottom:20px;}
.pub_content .find_box .form-item .getCodeBtn:hover{background-color: #37aaeb;}
.pub_content .protocol{margin:0 auto;margin-top:130px;position:relative;}
.pub_content .protocol .back-link{position:absolute;left:360px;top:20px;color:#666;font-size:14px;}
.pub_content .protocol .back-link:hover{text-decoration:underline;}
.pub_content .protocol h1{font-size: 22px;color: #09C;font-weight:normal;text-align:center;}
.pub_content .protocol .content{width: 800px;background: rgb(250, 250, 250);margin: 10px auto;border-radius: 10px;padding: 20px;margin-top:30px;}
.pub_content .protocol .content p{text-indent: 30px;margin: 10px 0;line-height: 1.5;}