@charset "utf-8";
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
ul,dl,ol {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;max-width: 100%;}
input,select,textarea{outline:none;}
a {text-decoration: none;cursor: pointer;color:inherit;font-size: inherit;}
a:hover,a:active,a:focus{text-decoration: none;color:inherit;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
html {outline: 0;-webkit-text-size-adjust: none;}
body {width: 100%;font-family: 'Arial','Microsoft YaHei';-webkit-text-size-adjust: none;}
html,body{font-size: 14px;color:#222;}
.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.clear {clear: both;}/*清除浮动*/
.clearfix:after{clear:both;display: block;content: '';}/*清除浮动*/
.siteimg{width:0;height:0;display:inherit;}
/*.container{width: 100%;padding:0;}*/
.mainwidth{width: 1200px;margin:auto;} 

/***************public*******************/
.header{padding:15px 0 25px 0;}
.header .logo{float: left;width: 30%;}
.header .loginicon{float: left;width: 40%;text-align: center;}
.header .logintel{float: left;width: 30%;text-align: right;}

.main{background:url(../images/logo-bg.jpg) center center;background-size: cover; width: 100%;height:700px;position: relative;}

.footer{padding:20px 0;}
.footer .foot-menu{text-align: center; }
.footer .foot-menu ul li{display: inline-block;margin:0 20px; line-height: 36px;font-size: 1.1rem;}
.footer .foot-bot{text-align: center; line-height: 24px;/*padding:10px 0; */}

.agreement-outer{position: fixed;width: 100%;height: 100%;top:0;left:0;background-color: rgba(0,0,0,0.6);display: none;z-index:99;padding:5% 20px;}
.agreement-outer .agreement-inter{width:900px;height:80%; border:5px solid #bc251c;position: absolute; left:50%; margin-left: -450px;background-color: #fff;}
.agreement-outer .agreement-inter .agreement-close{float: right;width: 22px;height: 22px;margin-right: 5px;margin-top: 5px;cursor: pointer;}
.agreement-outer .agreement-inter .agreement-main{ padding:3rem 3rem;}

/****************register,login******************************/
.content{width: 500px;height: 560px;position: absolute;top:50%;margin-top: -280px;left: 50%;margin-left: -250px;background-color: #fff; /*background-color: rgba(0,0,0,0.5);color:#fff;*/}
.register{padding:25px;}
.register .head{margin-bottom: 20px;padding:0 30px;}
.register .head h2{font-size: 1.5rem; display: inline-block;line-height: 2em;border-bottom: 3px solid #999;}
.register .head span{font-size: 1rem;margin-left: 50px;}
.register .reg-form{padding:0 30px;}
.register .reg-form .form-item{padding:10px 0;}
.register .reg-form .form-item .form-control{display: inline-block;height: 3rem;}
.register .reg-form .form-item i{margin-left: -20px; color:#bc251c;font-size: 1.25rem;display: inline-block; }
.register .reg-form .form-item .form-text{width: 60%;float: left;padding-right: 10px;}
.register .reg-form .form-item .form-btn{width: 40%;float: left ;padding:0; }
.register .reg-form .form-item .form-btn .btn-code{width: 100%;height: 3rem;border:1px solid #ccc;color:#888; background-color: #fff;border-radius: 4px;}
.register .reg-form .form-check{padding:5px 0;}
.register .reg-form .form-check .check-control{width: 20px;height: 20px;margin:0;float: left;}
.register .reg-form .form-check span{float: left;margin-left: 10px;}
.register .reg-form .form-check a{color:#bc251c;}
.register .reg-form .form-btn{padding:10px 0;}
.register .reg-form .form-btn .btn-control{width: 100%;height: 45px;background-color: #bc251c;font-size: 1.25rem;color:#fcfcfc;}
.register  .bot{text-align: center;padding:10px 30px;}
.register  .bot a{color:#bc251c;}

.login{}
.login .head{margin-bottom: 20px; text-align: center;font-size: 1.4rem;padding:5px 0;border-bottom: 1px solid #aaa;}
.login .head .tit{width: 50%;float:left;/*padding:20px 0;*/}
/*.login .head .linkquick{width: 50%;float:left;}
.login .head .linkpwd{width: 50%;float:left;}*/
.login .head .tit a{display:block;padding:20px 0;}
.login .head .tit a.active{color:#bc251c;}
.login .head .tit:first-child{border-right: 1px solid #ccc;}
.login .pwdlogin{display: none;}
.login .login-form {padding:10px 35px;}
.login .login-form .form-item{padding:10px 0;}
.login .login-form .form-item .form-text{height: 3.5rem;border: 1px solid #ccc;}
.login .login-form .form-item .form-control{border:none; height: 100%;background-color:transparent;border-radius: 0;font-size: 1.2rem;}
.login .login-form .form-item .form-code{height: 3.5rem;background-color:transparent;border-radius: 0;font-size: 1.2rem; border: 1px solid #ccc;color:#888;position: relative;}
.login .login-form .form-item .form-code .form-control{display: inline-block;width: 275px;height:100%;background: transparent;border:none;}
.login .login-form .form-item .form-code .getcode{display: inline-block;width: 153px;height: 40px;background: transparent;border: none;text-align: center;height: 3.5rem; }
.login .login-form .form-item .form-code:before{width: 1px;height: 30px;content:"";border-left: 1px solid #ccc;position: absolute;left:275px;top:9px;}
.login .login-form .form-btn{padding:10px 0;margin-top:20px;}
.login .login-form .form-btn .btn-control{width: 100%;height: 3.5rem;background-color: #bc251c;font-size: 1.3rem;border-radius: 0;color: #fcfcfc}
.login .login-form .text{font-size: 1.3rem;color:#bc251c;padding:10px 0;}
.login .login-form .pwdlogin .text p{width: 50%;float: left;}
.login .login-form .pwdlogin .text p:nth-child(2){text-align: right;}
.login .otherLogin {padding:0px 35px;margin-top: 10px;}
.login .otherLogin .splitline{font-size: 1.3rem;text-align: center;line-height: 20px;}
.login .otherLogin .splitline hr{width: 45%; margin:10px 0;}
.login .otherLogin .splitline hr.left{float: left;}
.login .otherLogin .splitline hr.right{float: right;}
.login .otherLogin .splitline span{float: left;display: inline-block;width: 10%;}
.login  .otherLogin ul {text-align: center;margin-top: 35px;}
.login  .otherLogin ul li{display: inline-block;width: 110px;}
.login  .otherLogin ul li img{border-radius: 50%;}

.resetpwd {padding:10px 0;}
.resetpwd .outer{border:1px solid #ccc;}
.resetpwd .outer .head{background-color: #ececec;font-size: 16px;padding:8px 20px;}
.resetpwd .outer .head h3{width: 200px;display: inline-block;font-size: 16px;}
.resetpwd .outer .head a{float: right;}
.resetpwd .outer .rest-form{width: 365px;margin:50px auto;}
.resetpwd .outer .rest-form p{font-size: 18px;line-height: 30px;}
.resetpwd .outer .rest-form .form-text{padding:15px 0;}
.resetpwd .outer .rest-form .form-text input{height: 44px;}
.resetpwd .outer .rest-form .form-text .form-control{border-radius: 0;}
.resetpwd .outer .rest-form .form-text .form-code{width: 200px;float: left;}
.resetpwd .outer .rest-form .form-text #getcode{float: right;width: 130px;color:#000;font-size: 16px;border:1px solid #ccc;background:linear-gradient(#ffffff, #cdcdcd);}
.resetpwd .outer .rest-form .form-btn{padding:15px 0;}
.resetpwd .outer .rest-form .form-btn .btn-control{height: 44px;width: 140px;background-color: #ffc600; border:none;font-size: 20px; color:#fff;}
.resetpwd .outer .rest-form .form-btn a{font-size: 16px;margin-left: 30px;}