@charset "utf-8";
.wrapper { width:1300px; margin-left:auto; margin-right:auto;}
.mains{ width: 100%; float: left;position: relative; margin:50px 0; padding:10px;box-sizing: border-box;}
.shadow {box-shadow:2px 4px 10px rgba(195,206,201,0.3),-2px -4px 10px rgba(195,206,201,0.3)}
.loginBox{width: 100%; margin: 0 auto; box-sizing: border-box; background-color: #fff; height: 580px; overflow: hidden;}
.regBox{width: 800px; margin: 0 auto; box-sizing: border-box; background-color: #fff;}
.login_left { float: left; width: 500px; box-sizing: border-box; }
.login_left img{ width: 100%;height: auto; }
.login_right { float: right; width: 700px; padding:30px 50px; box-sizing: border-box; }
.login_right h5 { line-height:50px; font-size:18px; color:#333333; padding-right: 10px; padding-left: 40px; }
.login_title{ width: 100%; line-height: 2.5em; font-size: 1rem; }
.login_title h2{ font-weight: normal; }
.reg_right { float: right; width: 100%; padding:30px 50px; box-sizing: border-box; }
/*登录*/
.form_item{ width: 100%; padding:10px 0; position: relative; }
.form_item .tit{ width: 90px; display: inline-block; line-height: 50px; float: left; font-size: .9rem;text-align: right; padding-right: 10px;}
.form_item .tit i{display:inline-block;/*padding-left: 100%;*/width:100%;}
.form_item .inputs{ display: inline-block; padding:0px 0; line-height: 50px; overflow: hidden; }
.form_item .tips{display: inline-block; color: #999; }
.form_item .inputs div{color: #dd4246; display: inline-block; line-height: 50px;padding-left: 10px;}
.form_item .inputs span{display: inline-block; line-height: 45px;padding-left: 10px; color: #1c99ef;}
.onShow{ color: #999; display: inline-block;}
.onFocus{ color: #999; display: inline-block;}
.onError{ color: #dd4246; display: inline-block; }
.onCorrect{ color: #39a631 !important; display: inline-block; line-height: 50px;}
.onWait{ color: #999 !important; }
#checkverify{ color: #dd4246; display: none; }

.lg-input{ width: 100%; display: inline-block;line-height:50px; height:50px; color:#333333; border: 1px solid #e2e2e2;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px; padding: 0 10px; box-sizing: border-box; box-sizing: border-box; float: left; }
.lg-input2{ width: 120px; display: inline-block;line-height:40px; height:40px; color:#333333; border: 1px solid #e2e2e2;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px; padding: 0 10px; box-sizing: border-box; box-sizing: border-box; float: left; margin-right: 10px; }
.w360{ width: 360px; }
.w320{ width: 320px; }
.w260{ width: 360px; }
.w240{ width: 240px; }
#code_img{ height: 40px; width: auto; cursor: pointer;}
.input-code{ width: 100px;display: inline-block;line-height:50px; height:50px; color:#333333; border: 1px solid #e2e2e2;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px; padding: 0 10px; box-sizing: border-box; box-sizing: border-box; float: left; }

.col-1{position:relative; float:right; border:1px solid #c4d5df; zoom:1;background: url(../../images/member/member_title.png) repeat-x; width:310px; margin: auto; height:304px}
.col-1 span.o1,.col-1 span.o2,.col-1 span.o3,.col-1 span.o4{position:absolute;width:3px;height:3px; overflow:hidden;background: url(../../images/fillet.png) no-repeat}
.col-1 span.o1{background-position: left -6px; top:-1px; left:-1px}
.col-1 span.o2{background-position: right -6px; top:-1px; right:-1px}
.col-1 span.o3{background-position: left -9px; bottom:-1px; left:-1px}
.col-1 span.o4{background-position: right -9px; bottom:-1px; right:-1px;}
.col-1 .title{color:#386ea8; padding:5px 10px 3px}
.col-1 div.content{padding:0px 10px 10px}
.col-1 div.content h5{background: url(../../images/member/ext-title.png) no-repeat 2px 10px; height:34px}
.col-1 div.content h5 strong{ visibility: hidden}
@media screen and (max-width:1300px){
	.wrapper { width:100%;}
	.loginBox{height: auto; overflow: hidden;}
	.login_left {width: 40%;}
	.login_right {width: 60%;padding:15px; box-sizing: border-box}
	.w320{ width: 220px; }
	.regBox{width:100%; box-sizing: border-box}
	.reg_right {padding:15px; box-sizing: border-box; }
}
@media screen and (max-width:1300px){
	.wrapper { width:100%;}
	.loginBox{height: auto; overflow: hidden;}
	.login_left {width: 40%; display: none}
	.login_right {width: 96%;padding:15px; box-sizing: border-box;margin:0 2%;}
	.form_item{ padding:5px 0; }
	.form_item .tit{ display: none }
	.form_item .inputs{width: 100%;}
	.form_item .inputs div{line-height:25px; width: 100%}
	.w320{ width:100%; }
	.mains{margin:10px 0;}
	.lg-input{line-height:40px; height:40px; }
	.lg-input2{ width: 80px; display: inline-block;line-height:40px; height:40px;}
}
/*第三方*/
.pass-logo{ margin:auto; width:100%; padding-top:15px; float: left; position: relative;}
.pass_title{ width: 100px; line-height: 35px; }
.login-list{width: 350px; float: left;}
.login-list li{ width: 35px; height: 35px; margin:0 6px; float: left; }
.login-list li img{ width: 35px; height: 35px; }
.blue { color:#1c99ef;}

.input-text,.input-focus { line-height:35px; border:1px solid #e2e2e2; color:#666666; height:35px; padding-left:5px; padding-right:5px;}
.layui-form textarea { line-height:25px; border:1px solid #e2e2e2; color:#666666;}
.form input { line-height:35px; border:1px solid #e2e2e2; color:#666666; height:35px; padding-left:5px; padding-right:5px;}
.btns{ padding:0 15px;background-color: #ee4433; line-height: 40px; height: 40px; color: #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border: none;}
.btns:hover{ background-color: #d61d0a; }

.table_form td { line-height:35px; color:#999999; vertical-align:middle;}
.take{ width: 100%; padding: 10px 0; position: relative;float: left; line-height: 40px; box-sizing: border-box; padding-left: 80px; }
.take span{ color: #ccc; padding-right: 15px; }
.reg{ padding:0 }
.submit{width: 100%; padding: 15px 0; position: relative;float: left; line-height: 40px; box-sizing: border-box;}
.login-btn{ width: 96%; line-height: 50px; height: 50px; text-align: center; font-size: 17px; color: #fff; background-color: #009688; border: none; margin:0 2%; }

/*忘记密码*/
.content{ width: 600px; position: relative; padding:50px; background-color: #fff; margin:50px auto; }
/*#content { width:100%; padding-bottom:1px; padding-top:10px; overflow:hidden;}*/
.content h2{font-size:25px;color:#494949;border-bottom: 1px dashed #CCC;padding-bottom:5px; line-height: 2em; margin-bottom:10px}
.typebox{ width: 100%; position:relative; float: left; }
.typelist{ width: 100%; float: left; margin:15px 0; box-sizing: border-box; padding:25px 5px; border-bottom: solid 1px #f5f5f5; line-height: 50px;position:relative;; }
.typelist span{ width: 50px; height: 50px; padding:10px; box-sizing: border-box; float: left; }
.right-btn{ position: absolute; right: 10px; top: 30px; }

#content span{font-size:13px; font-weight:normal; float:left; margin-right:10px; line-height:30px; color:#333333;}
#content span em{ width:15px; height:15px; line-height:15px; text-align:center; margin-right:5px; color:#FFF; display:inline; float: left; background-color: #009688; margin-top:7px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px; }
#content span.on{ color:#333; font-weight:700}
#content span.on em{background-position: 0px 0px;}

.date{ padding-left:5px; background-image: url(../../images/member/input_date.png); background-repeat: no-repeat; background-position: right 7px; width:150px; }
.have_account { float: left; width: 100%; padding-top: 50px; }
.have_account p { line-height:40px; color:#666666; text-align:center;}

.reg2 { padding:15px; line-height:35px; text-align:center; font-size:15px; color:#333333;}
.reg2 a { color:#FF0000;}
.reg3 { padding:15px; line-height:35px; text-align:center; font-size:15px; color:#333333; padding-top:50px;}
.reg3 a { color:#FF0000;}

.exchange{ padding-left:24px; padding-top:50px}
.exchange h5{ font-weight:normal; font-size:14px; color:#666}
.exchange .avatar{ padding:10px 0}
.exchange .avatar img.user{ padding:2px; border:1px solid #ebebeb;}
.exchange .input{ padding:5px 0}
.exchange .input label{ width:60px; text-align:right; color:#555}