@charset "utf-8";
/*==========================================reset==========================================*/
html,body{overflow-x: hidden;}
.height100{height:100%}
.ohidden{overflow:hidden}
.wrap{width:100%;height:100%;position: relative;}
.logo{width:3.5rem;margin:0 auto;text-align: center;padding-top:1rem;}
.bg{background: url(../../images/bg1.jpg) center no-repeat;-webkit-background-size:100% 100%;
background-size:100% 100%;}
.ftit{font-size:2.8rem;color:#fff;text-align: center;padding-top:3rem;}
.ftit span{border:2px solid #fff;border-radius:6px;padding:5px 8px}
.form{padding:3rem 4rem}
.frow{display:-webkit-box;margin:2rem 0}
.fhead{font-size:1.8rem;color:#fff;font-weight:bold;width:7rem;text-align: center;}
.fbody{width:15rem;font-size:1.9rem;color:#fff}
.fbody input[type="text"]{display:block;border-radius:6px;width:100%;height:2.2rem;padding:0 0.5rem;
color:#000;font-size:1.2rem;border:1px solid #fff;box-shadow: 0 0 2px 1px #ccc inset;}
.fbody input[type="radio"]{width:1.5rem;height:1.5rem;margin:0 0.5rem}
.radio-inline-group{display: inline-block;font-weight:bold;}
.radio-block-group{margin-bottom:2rem;}

.submit{display:block;width:13rem;margin:1rem auto}
.tips{font-size:1rem;color:#fff;padding:0 5%}

.pop{text-align: center;}
.tosave{position: absolute;width:100%;bottom:0;text-align: center;font-size:1.8rem;
font-weight:bold;padding:1rem 0;background-color: #fff;}
/*============================LODING=============================*/
#loading { background:#fff; height: 100%; width: 100%; position: fixed; z-index:9999; left: 0; top: 0; }
#loading-center { width: 100%; height: 100%; position: relative; }
#loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 50px; width: 50px; margin-top: -25px; margin-left: -25px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: loading-center-absolute 1.5s infinite; animation: loading-center-absolute 1.5s infinite; }
.object { width:25px; height:25px; background-color:#ff0000; float: left;}
#object_one { -webkit-animation: object_one 1.5s infinite; animation: object_one 1.5s infinite; }
#object_two { -webkit-animation: object_two 1.5s infinite; animation: object_two 1.5s infinite; }
#object_three { -webkit-animation: object_three 1.5s infinite; animation: object_three 1.5s infinite; }
#object_four { -webkit-animation: object_four 1.5s infinite; animation: object_four 1.5s infinite; }
 @-webkit-keyframes loading-center-absolute {  100% {
-webkit-transform: rotate(-45deg);
}
}
 @keyframes loading-center-absolute {  100% {
 transform:  rotate(-45deg);
 -webkit-transform:  rotate(-45deg);
}
}
 @-webkit-keyframes object_one {  25% {
-webkit-transform: translate(0, -50px) rotate(-180deg);
}
 100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @keyframes object_one {  25% {
 transform: translate(0, -50px) rotate(-180deg);
 -webkit-transform: translate(0, -50px) rotate(-180deg);
}
 100% {
 transform: translate(0, 0) rotate(-180deg);
 -webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @-webkit-keyframes object_two {  25% {
-webkit-transform: translate(50px, 0) rotate(-180deg);
}
 100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @keyframes object_two {  25% {
 transform: translate(50px, 0) rotate(-180deg);
 -webkit-transform: translate(50px, 0) rotate(-180deg);
}
 100% {
 transform: translate(0, 0) rotate(-180deg);
 -webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @-webkit-keyframes object_three {  25% {
-webkit-transform: translate(-50px, 0) rotate(-180deg);
}
 100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @keyframes object_three {  25% {
 transform:  translate(-50px, 0) rotate(-180deg);
 -webkit-transform:  translate(-50px, 0) rotate(-180deg);
}
 100% {
 transform: translate(0, 0) rotate(-180deg);
 -webkit-transform: rtranslate(0, 0) rotate(-180deg);
}
}
 @-webkit-keyframes object_four {  25% {
-webkit-transform: translate(0, 50px) rotate(-180deg);
}
 100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @keyframes object_four {  25% {
 transform: translate(0, 50px) rotate(-180deg);
 -webkit-transform: translate(0, 50px) rotate(-180deg);
}
 100% {
 transform: translate(0, 0) rotate(-180deg);
 -webkit-transform: translate(0, 0) rotate(-180deg);
}
}
.loading-txt {width:50px;height:50px;background: url(../../images/txt.png) no-repeat center center;-webkit-background-size:80%;
background-size:80%; position: absolute; z-index: 2; top: 50%; left: 50%; margin: -25px 0 0 -25px; }

#footer{
    color: #fff;
	position:fixed;
	bottom:0;
	font-family: "\9ED1\4F53";
    width: 100%;
	/*height:2.4rem;*/
    /*padding: 3px;*/
    font-size: 1.2rem;
	display:-webkit-box;
	display:box;
	z-index:9;
	background-color:rgba(0,0,0,0);
}
#footer a{color: #fff;font-family: "\9ED1\4F53";}
.copyright,.poweredby{-webkit-box-flex:1;box-flex:1;padding: 0 .5rem;}
.copyright{text-align:left;}
.poweredby{text-align:right}
/*media*/
@media screen and (min-width:320px) {
}
@media screen and (min-width:360px) {
	html{font-size:11px}
}
@media screen and (min-width:410px) {
	html{font-size:13px}
}
/*华为*/
@media screen and (max-height:540px) and (min-width:360px){
	html{font-size:10px}
}
@media screen and (max-height:420px) {
}