@charset "utf-8";
/* CSS Document */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,p,blockquote,input,abbr,article,aside,figcaption,fieldset,figure,footer,header,mark,meter,menu,nav,output,progress,section,summary,time{margin:0;padding:0;vertical-align:baseline}ul,ol{list-style:none}iframe,a,img,button{border:0}table{border-collapse:collapse;border-spacing:0;border:0}article,aside,footer,header,nav,section,figure,figcaption{display:block}input,textarea,select{outline:none}textarea{resize:none}img{vertical-align:middle}i,em{font-style:normal}p{word-wrap:break-word}a{text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:normal}input[type=submit],input[type=button],input[type=text],textarea,button,select{-webkit-appearance:none}
body{font:normal 16px/1.5 PingFang SC,Arial,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,simsun,sans-serif;*font-family:"\5FAE\8F6F\96C5\9ED1",Tahoma,Verdana,sans-serif,STHeiTi;color:#333333;background-color:#3f3f3f;}
input,button,textarea{font:normal 16px/1.5 PingFang SC,Arial,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,simsun,sans-serif;*font-family:"\5FAE\8F6F\96C5\9ED1",Tahoma,Verdana,sans-serif,STHeiTi}
body{background:#301116 url(../images/1.jpg) no-repeat;background-size:cover;}
.wrap_container{position:relative;top:0;left:0;width:100%;height:100%;overflow:auto;background:none;}
.l_r_container{overflow:auto;position:relative;background:none;}
.xt{ width:54%; height:auto; float:left; margin-top:200px; text-align:center;}
.xt img{ width:40%;}
@media (max-width:767px){.hidden-xs{display:none!important} .xt{display:none!important}.login_logo img {
    width:94%;
}}
.login_logo{
    position: absolute;
    left: 4%;
    top:4%;
}
.login_logo img{display:block;margin:0 auto}

.ordinary_landing_box {
    width: 480px;
    padding: 20px 20px 17px 20px;
    margin: 80px auto;
	margin-top:120px;
	border-radius:6px;
    background: white;
	box-shadow: 0 1px 14px rgba(51,51,51,.2);
	float:left;
}

.ordinary_landing_box .ol_title {
    padding-bottom: 35px;
    padding-top:20px;
	font-size:36px;
	color:#333;
	text-align:center;
}
.ordinary_landing_box .ol_body {
    margin-bottom: 20px;
}
.ordinary_landing_box .ol_body form {
    position: relative;
}
.ordinary_landing_box .email_login form ul {
    margin-bottom: 10px;
	padding: 0 20px;
}
.ordinary_landing_box .ol_body form ul .user_name_box {
    position: relative;
}
.ordinary_landing_box .ol_body form ul .user_name_box label {
    top: 19px;
    width: 16px;
    height: 12px;
    background: url(../images/sprite_login.png) no-repeat -15px 0;
    background-size: 174px;
}
.ordinary_landing_box .ol_body form ul .user_name_box label {
    display: inline-block;
    margin-left: 15px;
    position: absolute;
}
.ordinary_landing_box .ol_body form ul .n_b {
    border-bottom: none;
}
.ordinary_landing_box .ol_body form input {
    height: 48px;
    font-size: 14px;	
    width: 286px;
    border: 1px solid #dcdcdc;
	border-radius:6px;
	margin-bottom: 10px;
}
.err{position:relative;position:absolute;top:0;left:480px;white-space:nowrap;font-size:14px;color:#ff5a5f;height:48px;line-height:48px;background:#ffffff;padding:0 18px 0 13px;border:1px solid #e2e2e2;margin-top:2px}
.err:before,.err:after,.err>before,.err>after{position:absolute;width:0;height:0;content:"";border-style:solid;border-color:transparent}
.err:before,.err:after{top:50%;border-width:8px 8px 8px 0;margin-top:-8px}.err:before{left:-7px;border-right-color:#e2e2e2}.err:after{left:-6px;border-right-color:white}.err i{display:inline-block;width:18px;height:18px;margin-right:12px;vertical-align:middle;background:url('../images/i_ban.png') no-repeat}
.yz-lk{left:460px;}
.ordinary_landing_box .ol_body form ul .passw {
    position: relative;
}
.ordinary_landing_box .ol_body form ul .passw label {
    top: 19px;
    width: 16px;
    height: 19px;
    background-size: 174px;
}
.ordinary_landing_box .ol_body form ul .passw label {
    display: inline-block;
    background: url(../images/sprite_login.png) no-repeat 0 0;
    margin-left: 15px;
    position: absolute;
}
.ordinary_landing_box .ol_body form input {
    height: 48px;
    font-size: 16px;
}
.ordinary_landing_box .ol_body form ul .vcode {
    position: relative;
}
.ordinary_landing_box .ol_body form input {
    width: 290px;
    border: 1px solid #E2E2E2;
    padding-left: 10px;
}
.ordinary_landing_box .ol_body form ul .vcode span {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 100px;
    line-height: 48px;
}
.f_right {
    float: right;
}
.f_left {
    float: left;
}
.mb15 {
    margin-bottom: 15px;
    margin-top: 25px;
	padding:0 20px;
}
.mt10 {
    margin-top: 10px;
}
.links a {
    margin: 0;
    color: #666;
    font-size: 14px;
	display: inline-block;
}
.pull-right {
    float: right!important;
}
.mt10 .forget{
	float:left;
    font-size: 14px;
}
.mt10 .reg{
	float:right;
    font-size: 14px;
}
.reg {
    float: right;
    color: #383838;
}
.reg a {
    text-decoration: none;
    color: #27a9f2;
}
.forget a{
    text-decoration: none;
    color: #383838;
}
.forget a.l-blue{
    color: #2b91e3;
}
.ordinary_landing_box .ol_body form .auth_btn {
    border: none;
    width: 100%;
    height: 64px;
    text-align: center;
    color: #fff;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -ms-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    background: #ff2442;
    padding-left: 0;
    font-size: 18px;
    cursor: pointer;
	border-radius:40px;
}

.ordinary_landing_box .ol_body form ul .vcode span {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 123px;
    line-height: 48px;
}
.ordinary_landing_box .ol_body form ul .vcode .code input {
    width: 100px;
    height: 47px;
    padding-left: 0;
    font-size: 14px;
    color: #fff;
    background:#2b91e3;
    border: none;
    cursor: pointer;
}
.ordinary_landing_box .ol_body form input.choose {
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    cursor: pointer;
}
[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.ordinary_landing_box .ol_body form input.w-i {
    width: 100%;
	box-sizing:border-box;
}
.ordinary_landing_box .ol_body form input.w-i2 {
    width:123px;
	height:48px;
    position: absolute;
    top:0;
	right:0;
	background:#fd96b1;
	border:none;
	border-bottom-left-radius:0;
	border-top-left-radius:0;	
	color:#fff;
	box-sizing:border-box;
    cursor: pointer;
}
.ordinary_landing_box .ol_body form input.w-i3 {
    width:290px;
	height:48px;
	border:none;
	background:none;
	box-sizing:border-box;
}
.ordinary_landing_box .ol_body form .input-m {
    width: 100%;
	height:48px;
    border: 1px solid #E2E2E2;
	border-radius: 6px;
	box-sizing:border-box;
}

@media (max-width:767px){.ordinary_landing_box {
    width: 300px;
    padding: 20px 20px 17px 20px;
    margin: 80px auto;
	margin-top:120px;
    background: white;
	box-shadow: 0 1px 14px rgba(51,51,51,.2);
	float:none;
}

.ordinary_landing_box .ol_title {
    padding-bottom: 35px;
    padding-top:10px;
	font-size:26px;
	color:#333;
	text-align:center;
}
.ordinary_landing_box .ol_body form input {
    width: 45%;
    border: 1px solid #E2E2E2;
    padding-left: 10px;
}
}
footer{width:100%;text-align:center;font-size:15px;color:#fff;background:transparent; position: absolute; bottom:10px;}