@charset "UTF-8";
@media (max-width: 800px){
html, body {width:100%;margin: 0;padding: 0;}
.login-container {background-color:#2494F2;overflow:hidden;font-family:'微软雅黑', serif;margin:0 auto;width:100%;font-size:9pt;}
.login-container ul {display:block;margin:0;padding:0;list-style:none}
.login-container ul li {display:block;margin:0;padding:0;list-style:none}
.login-container img {border:0}
.login-container .clouds-container{position:absolute;overflow:hidden;height:100%;width:100%;}
.login-container .clouds {background:url("../images/cloud_three.png") repeat-x left 15%;position:absolute;left:0;top:0;height:100%;width:300%;-webkit-animation:cloudmove 200s linear infinite;-moz-animation:cloudmove 200s linear infinite;-o-animation:cloudmove 200s linear infinite;animation:cloudmove 200s linear infinite;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.login-container .clouds-fast {background:url("../images/cloud.png") no-repeat 0px 40%;-webkit-animation:cloudmove 30s linear infinite;-moz-animation:cloudmove 30s linear infinite;-o-animation:cloudmove 30s linear infinite;animation:cloudmove 30s linear infinite}
.login-container .clouds-footer {background:url("../images/cloud_one.png") no-repeat left 100%;animation:none}

@-webkit-keyframes cloudmove {0% {left:-50%}100% {left:150%}}
@-moz-keyframes cloudmove {0% {left:-50%}100% {left:150%}}
@keyframes cloudmove {0% {left:-50%}100% {left:150%}}

.login-container a,
.login-container a:hover {color:#00a4ac;text-decoration:none}
.login-container a:focus {text-decoration:none;color:#000;outline:none;blur:expression(this.onFocus=this.blur())}
.login-container .header {height:47px;position:absolute;position:fixed;top:0;z-index:100;width:100%}
.login-container .header span.title {line-height:47px;text-indent:44px;float:left;font-family:"Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;color:#fff;font-size:16px;letter-spacing:0.5px}
.login-container .header ul {float:right;padding-right:30px}
.login-container .header ul li {float:left;margin-left:20px;line-height:47px;letter-spacing:0.5px}
.login-container .header ul li a {color:#fff}
.login-container .header ul li a:hover {color:#fff;}
.login-container .container {max-width:640px;background:url(../images/loginbg3.png) no-repeat center center;width:100%;height:585px;overflow:hidden;position:relative;top:20% !important; margin-top:0}

/* 登录表单 */
.login-container .content {width:100%;height:100%;background:url(../images/m_logininfo.png) no-repeat;margin:80px auto auto auto;position:relative;display:block}
.login-container .content.bg01{background:url(../images/m_registerinfo.png) no-repeat;}
.login-container .content.bg02{background:url(../images/m_maininfo.png) no-repeat;}
.login-container .content ul {margin-left:10px;margin-right:10px; }
.login-container .content ul li {position:relative;}
.login-container .content table{ display:none}
.login-container .content  h1{margin-left:0 !important;}
.login-container .content.bg02 ul{margin-left:10px !important; margin-right:10px !important}
.login-container .content ul li table{ display: block}
.login-container .content ul li table td{width:20%; padding-left:2px; padding-right:2px; text-align:center}
.login-container .content ul li input {margin-bottom:15px;position:relative;background:url(../images/icon.png) no-repeat;background-size:20px;padding-left:38px}
.login-container .content ul li input.username {background-position:8px 10px}
.login-container .content ul li input.password {background-position:8px -20px}
.login-container .content ul li input.captcha {background-position:8px -50px;width:43%;float:left;}
.login-container .login-input {display:block;width:100%;padding-left:10px;height:40px;line-height:40px;line-height:40px \9;border:1px solid #e6e6e6;background-color:#fff;border-radius:2px}
.login-container .captcha_img {float:right;width:40%;cursor: pointer;}
.login-container .content .layui-btn{background: #009688;height: 40px;padding: 0 18px;border: none;font-size: 14px;color: #fff;opacity:0.9;}
.login-container .content .layui-btn1{background: #666;height: 40px;padding: 0 18px;border: none;font-size: 14px;color: #fff;opacity:0.9;}
.fadeInRight{animation-duration: 0.2s; padding-right: 20px; color: rgb(169, 68, 66); position: absolute; right:-50px;font-size:0.8rem; z-index: 2; display: block; width: auto; text-align: center; pointer-events: none; top: 0px; padding-bottom: 0px; line-height: 38px;}
/* 头像 */
.login-container .people {width:165px;height:70px;position:relative;top:8px;left:-70px; margin:0 !important;}
.login-container .people .tou {background:url("../images/tou.png") no-repeat;width:97px;height:92px;position:absolute;top:-94px;left:200px}
.login-container .people .left_hand {background:url("../images/left_hand.png") no-repeat;width:32px;height:37px;position:absolute;top:-38px;left:150px}
.login-container .people .right_hand {background:url("../images/right_hand.png") no-repeat;width:32px;height:37px;position:absolute;top:-38px;right:-64px}
.login-container .people .initial_left_hand {background:url("../images/hand.png") no-repeat;width:30px;height:20px;position:absolute;top:-18px;left:162px}
.login-container .people .initial_right_hand {background:url("../images/hand.png") no-repeat;width:30px;height:20px;position:absolute;top:-18px;right:-175px}
/* 底部版权 */
.login-container .footer {height:50px;line-height:50px;text-align:center;position:fixed;bottom:0;width:100%;color:#fff;}
.login-container .footer a {font-weight:bold;color:#0b3a58;letter-spacing:0.5px}
.login-container .footer a:hover {color:#fff}

.register {overflow:hidden;width:96%;height:100%;background: #fff;margin:10px 1%;box-shadow:0 0 60px #b5f1ff;border-radius:20px ;position:relative;padding:5px 1%;}
.register h2{color: #b7883e;font-size: 20px;border-left: 3px solid #1ca5e9;padding: 0 20px;}
.register h2 font{color: #c3c5c6;font-size: 14px;font-weight:lighter;}
.register .r_o_t{width: 90px;}
.register .r_o_i{width: 80px;}
.register .r_o_m {width: 130px;}
.register input[type=text]{
    font-size:16px;
    color:#33334f;
    height:30px;
    width:90px;
    padding:0px 20px;
    background:#fff;
    border-radius:2px;
    border:1px solid rgba(41,60,96,0.14);
    outline-color:#389ef3;
    margin-right:10px;
}
.register button{
    display:block;
    font-size:16px;
    height:30px;
    width:370px;
    border-radius:2px;
    border:1px solid rgba(41,60,96,0.14);
    background:#389ef3;
    color:#fff;
}
#password1{
	margin-right:10px;
	font-size:16px;
    height:30px;
    width:90px;
    border-radius:2px;
	border: 1px solid rgba(41,60,96,0.14);
	background:#fff;
	padding: 0px 20px;
}
#password2{
	margin-right:10px;
	font-size:16px;
    height:30px;
    width:90px;
    border-radius:2px;
	border: 1px solid rgba(41,60,96,0.14);
	background:#fff;
	padding: 0px 20px;
}
.register_button{
	background: #1184e8;
	border: none;
	color: #fff;
	width: 200px;
	height: 50px;
}
.register_main_content .line{
	margin-top: 10px;
	border-top: 1px solid #CCCCCC;
}
#register_agreement_container{
	border: 1px solid #CCCCCC;
	height: 100px;
	margin-top: 15px;
	overflow-y:auto ;
}
#agreement_content p{
	line-height: 30px;
	padding-left:0px;
}
}