body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
ol,ul,dl,li{list-style:none;}
body{font-family:PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;color:#000; min-height:100%;padding-bottom:1px;}
a{text-decoration:none;}
html{height:100%;}
body{min-height:100%;}
em{ font-style:normal}
strong{ font-weight:normal}

.login_alert{ position:fixed; width:100%; left:0; right:0; top:0; bottom:0; background-color:#000; opacity:0.5;z-index: 9999;}
.login_alert_con{ position:fixed;left:0;right:0; background-color:#f4f4f4; border-radius:10px;top:50%;z-index: 9999;}
.coles{ float:right; margin-right:10px; margin-top:5px;color:#777;}
.login_tit{ clear:both; display:block; width:100%; text-align:center; color:#777;}
.login_pwd{ margin:0 10px; overflow:hidden;border-bottom:1px solid #d5d5d5;}
.login_pwd input{ border:0; margin-right:5px; float:left;background-color:#f4f4f4;border-right:1px solid #d5d5d5; margin-bottom:3px;}
.login_pwd a{ float:right;color:#444;}
.no_pwd{ display:inline-block; float:right; margin:0 10px; color:#b5b5b5; text-align:right; margin-bottom:15px;}
.login_ok{ display:table; margin:0 auto; clear:both; border-radius:5px; background-color:#ff9900; color:#FFF; margin-top:20px;}
.login_a{ overflow:hidden}
.login_a span{ display:block; float:left; width:25%;}
.login_a span a{ display:block; margin:0 auto;}
.login_a span a img{ width:100%;}
@media screen and (max-width:320px){
	.login_alert_con{ margin:0 37px;}
	.coles{ font-size:30px; height:30px; line-height:30px;}
	.login_tit{ font-size:14px; margin-bottom:15px;}
	.login_pwd{ margin-top:5px;}
	.login_pwd input{ width:150px;padding:5px 0; line-height:15px;font-size:12px;}
	.login_pwd a{ font-size:12px; line-height:25px;}
	.no_pwd{ font-size:12px;padding-top:5px;}
	.login_ok{ font-size:12px; padding:10px 40px;}
	.login_a{ margin:0 30px;padding:10px 0;}
	.login_a span a{ width:30px; height:30px;}
}
@media screen and (min-width:321px) and (max-width:360px){
	.login_alert_con{ margin:0 37px;}
	.coles{ font-size:30px; height:30px; line-height:30px;}
	.login_tit{ font-size:14px; margin-bottom:15px;}
	.login_pwd{ margin-top:5px;}
	.login_pwd input{ width:190px;padding:5px 0; line-height:15px;font-size:14px;}
	.login_pwd a{ font-size:14px; line-height:25px;}
	.no_pwd{ font-size:14px;padding-top:5px;}
	.login_ok{ font-size:14px; padding:10px 40px;}
	.login_a{ margin:0 30px;padding:10px 0;}
	.login_a span a{ width:40px; height:40px;}
}
@media screen and (min-width:361px) and (max-width:480px){
	.login_alert_con{ width:380px; margin:0 auto;}
	.coles{ font-size:30px; height:30px; line-height:30px;}
	.login_tit{ font-size:16px; margin-bottom:15px;}
	.login_pwd{ margin-top:5px;}
	.login_pwd input{ width:265px;padding:5px 0; line-height:15px;font-size:16px;}
	.login_pwd a{ font-size:16px; line-height:25px;}
	.no_pwd{ font-size:16px;padding-top:5px;}
	.login_ok{ font-size:16px; padding:10px 50px;}
	.login_a{ margin:0 40px;padding:20px 0;}
	.login_a span a{ width:60px; height:60px;}
}
@media screen and (min-width:481px){
	.login_alert_con{ width:380px; margin:0 auto;}
	.coles{ font-size:30px; height:30px; line-height:30px;}
	.login_tit{ font-size:16px; margin-bottom:15px;}
	.login_pwd{ margin-top:5px;}
	.login_pwd input{ width:265px;padding:5px 0; line-height:15px;font-size:16px;}
	.login_pwd a{ font-size:16px; line-height:25px;}
	.no_pwd{ font-size:16px;padding-top:5px;}
	.login_ok{ font-size:16px; padding:10px 50px;}
	.login_a{ margin:0 40px;padding:20px 0;}
	.login_a span a{ width:60px; height:60px;}
}