@charset 'utf-8';
a:focus,button:focus,input:focus{outline:none;}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
html,body{background-color:#fef5dd;color:#ea4237;font-family:\5FAE\8F6F\96C5\9ED1;}
@media only screen and (min-width:10px) and (max-width:280px){
	html{font-size:6px;}
	.viewport{max-width:280px;}
}
@media only screen and (min-width:281px) and (max-width:300px){
	html{font-size:7px;}
	.viewport{max-width:300px;}
}
@media only screen and (min-width:301px) and (max-width:320px){
	html{font-size:8px;}
	.viewport{max-width:320px;}
}
@media only screen and (min-width:321px) and (max-width:360px){
	html{font-size:9px;}
	.viewport{max-width:360px;}
}
@media only screen and (min-width:361px) and (max-width:375px){
	html{font-size:9.375px;}
	.viewport{max-width:375px;}
}
@media only screen and (min-width:376px) and (max-width:384px){
	html{font-size:9.6px;}
	.viewport{max-width:384px;}
}
@media only screen and (min-width:385px) and (max-width:400px){
	html{font-size:10px;}
	.viewport{max-width:400px;}
}
@media only screen and (min-width:401px) and (max-width:414px){
	html{font-size:10.35px;}
	.viewport{max-width:414px;}
}
@media only screen and (min-width:415px) and (max-width:424px){
	html{font-size:10.6px;}
	.viewport{max-width:424px;}
}
@media only screen and (min-width:425px) and (max-width:480px){
	html{font-size:12px;}
	.viewport{max-width:480px;}
}
@media only screen and (min-device-width:425px) and (max-device-width:480px){
	html{font-size:8px;}
	.viewport{max-width:480px;}
}
@media only screen and (min-width:481px) and (max-width:540px){
	html{font-size:13.5px;}
	.viewport{max-width:540px;}
}
@media only screen and (min-width:541px) and (max-width:640px){
	html{font-size:16px;}
	.viewport{max-width:640px;}
}
.viewport{background:linear-gradient(#fffe80,#fef5dd);}
.viewport img{max-width:100%;}
.title{background-color:#2f322a;color:#fff;font-size:2rem;height:5.375rem;line-height:5.375rem;text-align:center;}
header{background: url(../images/header_bg.png) no-repeat top center;background-size:contain;height:25rem;}
.login{font-size:1.5rem;height:4rem;line-height:4rem;text-align:center;}
.login p{display:none;}
.login a{color:#0098ff;}
.select{background-color:#cb270c;border-radius:2.5rem;color:#fff;font-size:2rem;height:4.5rem;line-height:4.5rem;margin:0 auto 2.25rem;text-align:center;position:relative;width:33.25rem;}
.select span{background:url(../images/select_bg.png) no-repeat;background-size:contain;height:2.75rem;position:absolute;right:1.875rem;top:0.875rem;width:2.75rem;}
.submit{background-color:#65b4fc;border:0;border-radius:2.5rem;color:#000;display:block;font-size:2rem;height:4.5rem;line-height:4.5rem;margin:0 auto 4.375rem;text-align:center;width:33.25rem;}
.logo{background:url(../images/logo_bg.png) no-repeat;background-size:contain;height:7rem;margin:0 auto 2.5rem;width:14.5rem;}
footer{color:#ea4237;font-size:1.5rem;line-height:2.5rem;padding-bottom:2rem;text-align:center;}
footer a{color:#0098ff;}
.popup{background-color:rgba(0,0,0,0.4);display:none;left:0;position:absolute;top:0;width:100%;z-index:9;}
.popup .popup-close{color:#3f3f3f;font-size:3.5rem;line-height:100%;position:absolute;right:0;top:0;}
.popup-login{background-color:#ffe2a7;border:0.125rem solid #cb270c;left:1.5rem;overflow:hidden;padding-bottom:3.125rem;position:absolute;top:20%;width:36.75rem;z-index:10;}
.popup-login h2{color:#cb270c;font-size:2.125rem;line-height: 6rem;text-align:center;}
.popup-login ul{font-size:0;}
.popup-login li{display:block;height:6.5rem;}
.popup-login li h3{color:#3f3f3f;display:inline-block;font-size:1.75rem;line-height:4rem;margin-right:0.75rem;text-align:right;width:10.625rem;}
.popup-login li input{background-color:#fff5e0;border:0.125rem solid #cb270c;color:#3f3f3f;display:inline-block;font-size:1.875rem;height:3.75rem;line-height:3.75rem;padding:0 1rem;width:17.875rem;}
.popup-login .inp{margin-right:0.625rem;width:8rem;}
.popup-login li em{display:inline-block;font-size:1.75rem;}
.popup-login li img{height:3.75rem;vertical-align:top;}
.popup-login input[type=submit]{background-color:#cf3b1f;border:2px solid #cb270c;color:#fff;font-size:2.25rem;height:4rem;margin:0 0.625rem 0 13.375rem;width:10rem;}
.popup-select{left:4.6875rem;overflow:hidden;position:fixed;width:30.625rem;z-index:10;}
.popup-select ul{border:0.125rem solid #cb270c;width:30.375rem;}
.popup-select li{background-color:#ffe2a7;border-bottom:0.125rem solid #cb270c;color:#cb270c;display:block;font-size:2rem;line-height:5rem;text-align:center;}
.popup-select li:last-child{border-bottom:0;}
.popup-select .cur{background-color:#e7624c;color:#fff;}
.popup-zone{background-color:#ffe2a7;border:0.125rem solid #cb270c;left:1.5rem;overflow:hidden;padding-bottom:3.125rem;position:fixed;top:20%;width:36.75rem;z-index:10;}
.popup-zone h2{color:#cb270c;font-size:2.125rem;line-height:8rem;text-align:center;}
.popup-zone ul{font-size:0;}
.popup-zone li{display:block;height:6.5rem;}
.popup-zone li h3{color:#3f3f3f;display:inline-block;font-size:1.75rem;line-height:4rem;margin-right:0.75rem;text-align:right;width:12rem;}
.popup-zone select{background-color:#fff5e0;border:0.125rem solid #cb270c;color:#3f3f3f;display:inline-block;font-size:1.5rem;height:3.75rem;line-height:3.75rem;padding:0 0.5rem;width:20rem;}
.popup-zone input[type=submit]{background-color:#cf3b1f;border:2px solid #cb270c;color:#fff;font-size:2.25rem;height:4rem;margin:0 0.625rem 0 13.375rem;width:10rem;}
.popup-ok{background-color:#ffe2a7;border:0.125rem solid #cb270c;left:1.5625rem;overflow:hidden;position:fixed;top:8%;width:36.875rem;z-index:10;}
.popup-ok h2{color:#cb270c;font-size:2rem;line-height:4.875rem;text-align:center;}
.popup-ok-card{font-size:0;padding-bottom:1rem;}
.popup-ok-card li{display:block;height:5.25rem;}
.popup-ok-card h3{color:#3f3f3f;display:inline-block;font-size:1.75rem;line-height:4rem;margin-right:1.125rem;text-align:right;width:5.375rem;}
.popup-ok-card em{background-color:#fff5e0;border:0.125rem solid #cb270c;color:#3f3f3f;display:inline-block;font-size:1.875rem;height:3.75rem;line-height:3.75rem;padding:0 1.5rem;width:24rem;}
.popup-ok-rule{color:#3f3f3f;font-size:1.5rem;line-height:2rem;padding:0 1.5rem 2rem;}
.popup-ok-rule em{color:#cb270c;}
.popup-ok-close{background-color:#cf3b1f;border:0.125rem solid #cb270c;border-radius:0.125rem;color:#fff;display:block;font-size:2rem;height:3.75rem;line-height:3.75rem;margin:0 auto 2rem;text-align:center;width:32rem;}
.login-iframe{width:100%;height: 22rem;position:relative;}
.pass-tip{position:  absolute;font-size: 1rem;/* display: block; */color:  red;top: 12.25rem;left: 23rem;line-height: 2rem;}
.pop-link{position: absolute;width:100%;text-align:center;bottom: 1rem;}
.pop-link a{font-size: 1rem;color:  red;padding: 5px 10px;}