@charset "utf-8";
/* Reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
ul, ol, li { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
body{font-family: "Microsoft YaHei", "方正兰亭超细黑简体", Helvetica, "黑体", Arial, Tahoma;}

.user_wrap{width:80%;margin:0 auto;}
.user_wrap .logo{text-align: center;padding-top:86px;padding-bottom: 86px;}
.user_wrap .logo img{width:300px;}
.user_wrap .user_bg{background:#Fff;width:100%;border-radius:0.5em;overflow:hidden;line-height:90px;}
.user_wrap .user_bg .user_input{width:90%;margin:0 auto;overflow: hidden;}
.user_wrap .user_bg .user_input .no-solid{border-bottom: solid 1px #f2f2f2;width:88%;float:right;}
.user_wrap .user_bg .user_input .icon1{background: url(../images/icon1.png);width:32px;height:36px;display:inline-block;position: relative;top:11px;}
.user_wrap .user_bg .user_input .icon2{background: url(../images/icon2.png);width:29px;height:34px;display:inline-block;position: relative;top: 8px;}
.user_wrap .user_bg .user_input .icon1.on{background:url(../images/icon_hover.png);width:32px;height:36px;
	-webkit-transition:background 0.5s linear;
	-o-transition:background 0.5s linear;
	-moz-transition:background 0.5s linear;
	transition:background 0.5s linear;
}

.user_wrap .user_bg .user_input .del{float: right;height:93px;line-height:93px;display:none;}
.user_wrap .user_bg .user_input .del img{vertical-align: middle;/*-webkit-appearance:none;*/;}


.user_wrap .user_bg .user_input .icon2.on{background:url(../images/icon_hover1.png);width:29px;height:34px;
	-webkit-transition:background 0.5s linear;
	-o-transition:background 0.5s linear;
	-moz-transition:background 0.5s linear;
	transition:background 0.5s linear;
}
.user_wrap .user_bg .user_input input{width:88%;font-size:25px;height:93px;outline:none;border:0px;}
.user_wrap .test{font-size:20.5px;color:#fff;margin-top:22px;margin-bottom:50px;}
.user_wrap .submit{margin-bottom:40px;border:0px;-webkit-appearance:none;width:100%;height:70px;line-height:70px;font-size:27px;background:#4baeff;color:#f6d0ce;text-align: center;border-radius: 0.3em;outline:none;}

.p0{background:#ee3c4c;position: fixed;width: 100%;height: 100%;z-index:99999;bottom: 0;}
.p0_con{position: absolute;left: 50%;top: 50%;width:1.8rem;height: 1.6rem;margin: -1.8rem 0 0 -0.9rem;}
.p0_prec{width: 100%;position: absolute;top: 60%;text-align: center;margin: -0.1rem 0 0 0;color:#fff;font-size: 1.5rem;left: 10px;}
.load-1{background:url(../images/load-1.png);  width:280px;height:280px;position: absolute;left: -7.5rem; top: -10rem;}
.load-2{background:url(../images/load-2.png);  width:280px;height:280px;position: absolute;left: -7.5rem; top: -10rem;-webkit-animation: load-1 1.5s linear 0s infinite;}
.load-3{background:url(../images/load-3.png);  width:280px;height:280px;position: absolute;left: -7.5rem; top: -10rem;-webkit-animation: load-2 1.5s linear 0s infinite;}
.load-4{background:url(../images/load-4.png);  width:280px;height:280px;position: absolute;left: -7.5rem; top: -10rem;-webkit-animation: load-3 1.5s linear 0s infinite;}

/*.password {float:right;color:#fff;cursor:pointer;font-size:22px;}
.password span{font-size:22px;color:#fff;}*/
label {font-size:22px;cursor:pointer;color:#666;}
label i {font-size:22px;font-style:normal;display:inline-block;width:28px;height:28px;text-align:center;line-height:28px;color:#37a3fe;vertical-align:middle;margin:-2px 2px 1px 0px;border:#fff 1px solid;border-radius:50%;margin-right: 9px;}
input[type="checkbox"],input[type="radio"] {display:none;}
input[type="radio"] + i {border-radius:7px;}
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i {background:#239aff;border-radius:50%;color: #fff;}
input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;border-radius:50%;}
input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ee3c4c;border-radius:50%;}

@-webkit-keyframes load-1 {
0% {
-webkit-transform-origin: center;
transform: rotate(0deg);
}
25% {
-webkit-transform-origin: center;
transform: rotate(90deg);
}
50% {
transform:rotate(180deg);
transform-origin: center;
}
75% {
transform:rotate(270deg);
transform-origin: center;
}
100% {
transform:rotate(360deg);
transform-origin: center;
}
}
  @-webkit-keyframes load-2 {
0% {
-webkit-transform-origin: center;
transform: rotate(0deg);
}
25% {
-webkit-transform-origin: center;
transform: rotate(-90deg);
}
50% {
transform:rotate(-180deg);
transform-origin: center;
}
75% {
transform:rotate(-270deg);
transform-origin: center;
}
100% {
transform:rotate(-360deg);
transform-origin: center;
}
}
@-webkit-keyframes load-3 {
0% {
-webkit-transform-origin: center;
transform: rotate(0deg);
}
25% {
-webkit-transform-origin: center;
transform: rotate(90deg);
}
50% {
transform:rotate(180deg);
transform-origin: center;
}
75% {
transform:rotate(270deg);
transform-origin: center;
}
100% {
transform:rotate(360deg);
transform-origin: center;
}
}

.loading{width:100%;height:100%;background:rgba(0,0,0,0.5);position: fixed;bottom:0;z-index:999;display:none;}
.loading p{color:#fff;text-align: center;font-size:25px;position: relative;top:40%;}
.spinner {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  position: relative;
  top: 39%;
}
.spinner > div {
background-color: #fff;
height: 100%;
width: 16px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}