@charset "utf-8";  
/* css reset*/   
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label,  caption {word-break : normal;margin:0;padding:0;border:0;outline:0;font-size:14px;}  
ol, ul {list-style:none}:focus {outline:none; }   
table {border-collapse:collapse;border-spacing: 0}   
caption, th, td { text-align: left; font-weight: normal}   
strong {font-weight:600}   
a{font-family:"Microsoft YaHei";text-decoration:none;color:#404040;cursor:pointer;}   
h1{font-size:16px;font-weight:600;color:#666}  
.left{float:left}  
.right{float:right}  
.clear{clear:both}  
	*{background-color:transparent;  
-webkit-appearance:none;  
-webkit-tap-highlight-color:transparent;  }

html,body{width:100%;overflow-x:hidden;font-family:"Microsoft YaHei";}
.loadwrap{width:100%;height:100%;background:#155fc9;position:absolute;z-index:199}
#caseBlanche{height:1.5rem;width:1.5rem;float:left;position:absolute;z-index:99;left:0;right:0;top:-17%;bottom:0;margin:auto}
#caseBlanche #load{height:1.5rem;width:100%;color:#fff;font-family:calibri;text-align:center;position:absolute;font-size:2rem;line-height:.19rem;text-align:center}
#load i{height:100%;display:inline-block;width:100%;text-align:center}
#load i img{width:100%}
#test{height:5px;width:5px;position:absolute;background-color:#fff;border-radius:50%;top:0;left:50px}
#rond{height:1.5rem;width:1.5rem;border:1px solid #fff;border-radius:50%;position:absolute;animation:rond 2s infinite;-webkit-animation:rond 2s infinite}
.loading{width:100%;color:#fff;font-size:.2rem;position:absolute;top:1.605rem;text-align:center}
@keyframes rond{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes rond{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}


.content{width:100%;position:relative}

.p1 {
	font-size: 72px;
	color: #481c86;
}

.im1 {
	width: 63%;
}

.ziti {
	position: relative;
	margin-bottom: 30px;
	-webkit-animation: rubberBand .7s .5s forwards;
}

.ziti p {
	font-size: 18px;
	line-height: 36px;
	white-space: nowrap;
	position: relative;
}

.ziti p span {
	font-size: 18px;
	font-weight: bold;
}

.dianzi {
	position: absolute;
	top: 3px;
	right: -.23rem;
	display: block;
	height: 1.44rem;
	width: .88rem;
	z-index: 10;
}


 :-moz-placeholder {
	color:#666;
	opacity: 1;
}

 ::-moz-placeholder {
	color:#666;
	opacity: 1;
}

input:-ms-input-placeholder {
	color:#666;
	opacity: 1;
}

input::-webkit-input-placeholder {
	color:#666;
	opacity: 1;
}

.ipt select{color: #666}

.ppt1{width: 5rem;display: block;margin: 0 auto;padding-top: .4rem;opacity: 0;}
.ppt2{width: 1.87rem;margin-left: .52rem;margin-top: .24rem;opacity: 0;}
.ppt3{width: 1.44rem;margin-left: 1.7rem;margin-top: .4rem;opacity: 0;}

.form-group{width: 4.75rem;height: .5rem;position: relative;margin: 0 auto;	background: #ffc832;margin-bottom: .2rem;opacity: 0;}

.form-group div {
	float: right;
	margin-right: .15rem;
	width: 61%;

	height: .5rem;
	position: relative;
}
.form-group label {
  text-align: left;
  width: 1.44rem;
  float: left;
  color: #000;
  font-weight: bold;
  font-size: .18rem;
  height: .50rem;
  line-height: .50rem;
  padding-left: .20rem;
}
.form-control {
  font-size: .18rem;
  line-height: .20rem;
  width: 90%;
  position: absolute;
  top: .12rem;
  vertical-align: top;
  color: rgb(51, 51, 51);
  background: none;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  outline: none;
}
.sub button {
  display: block;
  font-size: .18rem;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  border-radius:.5rem;
  padding:0rem;
  margin: .25rem auto .78rem;
}
.listItem{padding-top: .3rem;padding-bottom: .5rem;}

.btn img {
	width: 1.61rem;
}

.im0 {
	-webkit-animation: bounceInLeft .7s .7s forwards;
	opacity: 1;
}

.im2 {
	-webkit-animation: bounceInLeft .7s .8s forwards;
	opacity: 1;
}

.im3 {
	-webkit-animation: bounceInLeft .7s .9s forwards;
	opacity: 1;
}

.im4 {
	-webkit-animation: bounceInLeft .7s 1.0s forwards;
	opacity: 1;
}

.im5 {
	-webkit-animation: bounceInLeft .7s 1.1s forwards;
	opacity: 1;
}

.im6 {
	-webkit-animation: bounceInLeft .7s 1.2s forwards;
	opacity: 1;
}

.im7 {
	-webkit-animation: bounceInLeft .7s 1.3s forwards;
	opacity: 1;
}

.im8 {
	-webkit-animation: bounceInLeft .7s 1.4s forwards;
	opacity: 1;
}

.im9 {
	-webkit-animation: bounceInLeft .7s 1.5s forwards;
	opacity: 1;
}

.im10 {
	-webkit-animation: bounceInLeft .7s 1.6s forwards;
	opacity: 1;
}

.im11 {
	-webkit-animation: bounceInLeft .7s 1.7s forwards;
	opacity: 1;
}

.ppt1{
  -webkit-animation: fadeInDown .7s .2s forwards;
}
.ppt2{
  -webkit-animation: fadeInLeft .7s .2s forwards;
}
.ppt3{
  -webkit-animation: fadeInDown .7s .2s forwards;
}