/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, main { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
table { border-collapse: collapse; border-spacing: 0; }
html, body, fieldset, img, iframe, abbr { border: 0; }
[hidefocus], summary { outline: 0; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
img { vertical-align: middle; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
small { font-size: 80%; }
sub, sup { position: relative; line-height: 0; vertical-align: baseline; font-size: 75%; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-size: 1em; font-family: monospace, monospace; }
q:before, q:after { content: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
button, input, select, textarea, keygen, legend { margin: 0; font: inherit; color: inherit; }
textarea { overflow: auto; }
body{background:#fff;font:14px/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#000;}*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
:focus { outline: 0; -webkit-tap-highlight-color: transparent; }
::-webkit-input-placeholder {
color:#bbb;}section{width: 3.75rem;margin: 0 auto;}
/* rem  计算公式：b * (d / r)
 * b 为基数，即像素值和 rem 值的比例，比如它们的比例是100：1，那么 b = 100；
 * d 为设备尺寸； r 为标准尺寸(参照尺寸)；*/
@media screen and (max-width: 319px) {
html { font-size: 85.33333px; }}
@media screen and (min-width: 320px) and (max-width: 359px) {
html { font-size: 85.33333px; }}
@media screen and (min-width: 360px) and (max-width: 374px) {
html { font-size: 96px; }}
@media screen and (min-width: 375px) and (max-width: 383px) {
html { font-size: 100px; }}
@media screen and (min-width: 384px) and (max-width: 399px) {
html { font-size: 102.4px; }}
@media screen and (min-width: 400px) and (max-width: 413px) {
html { font-size: 106.66667px; }}
@media screen and (min-width: 414px) and (max-width: 767px) {
html { font-size: 110.4px; }}
@media screen and (min-width: 768px) and (max-width: 1023px) {
html { font-size: 204.8px; }}
@media screen and (min-width: 1024px) {
html { font-size: 273.06667px; }}
.block{display:block;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;}
.clearfix{zoom:1;}
img{width:100%;}
.left{float: left;}
.right{float: right;}
/*page css*/ 
.page-box{background: #162156; }
input::-webkit-input-placeholder{color: rgba(0,0,0,0.4);}
input:-moz-input-placeholder{color:rgba(0,0,0,0.4);}
input::-moz-input-placeholder{color:rgba(0,0,0,0.4);}
input:-ms-input-placeholder{color: rgba(0,0,0,0.4);}

.but-con{text-align: center;font-size: 0; padding-bottom: 0.2rem;}
.but-con a{display: inline-block; vertical-align: top; margin: 0 0.17rem 0; font-size: 0.14rem; width: 1.22rem;height: 0.34rem; line-height: 0.32rem;background: #fff;
  color: #3cace9; border-radius: 0.08rem; cursor: pointer; border: 2px solid #4accf2;}
.but-con a:nth-of-type(2){background-image: linear-gradient(to right, #de2870, #f16e5c); border: 2px solid #f06a5d; color: #fff;}

.page1,.page2,.page3,.page4,.page5 { width: 100%; position: relative;}
.page1 .tel { position: absolute; top: 2.5%; right: 6%; color: #fff; 
  -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-duration: 3s; -webkit-animation-duration: 3s; 
  font-size: 0.14rem; background:url("../images/icon_tel.png") no-repeat; background-size: 15px 15px; padding-left: 20px}

.page-con { font-size: 0; line-height: 0;}
.form-con { width: 100%; position: absolute; top:4.7rem; left:0;}
.form-box{padding-top: 0.05rem;}
.form-box p{width: 80%; margin:0.17rem auto 0 ;font-size: 0;}
.form-box p label{ width: 36%; text-align: right; color: #000; padding-right: 4%; line-height: 0.4rem; display: inline-block; vertical-align: top; font-size: 0.16rem; background: #edf0f4; border-radius: 0.08rem 0 0 0.08rem;}

.form-box p input{width: 64%; height: 0.4rem; background: #fff;border: 0; outline: none;font-size: 0.16rem; color: #333; display: inline-block; vertical-align: top; background: #edf0f4; border-radius: 0 0.08rem 0.08rem 0;}
.form-box p .phone-code{width: 1.51rem;}
.form-box .btn-code{width: 0.8rem;height: 0.35rem;background: #e885ac;border: 1px solid #615ba9;font-size: 0.14rem;color: #000;margin-left: 0.1rem;}
.form-box .btn-submit{margin: 0.2rem auto 0;width: 80%; border:0; border-radius: 0.08rem; height: 0.44rem; display: block; background: #0032b3;font-size: 0.16rem;color: #fff;letter-spacing: 0.01rem;}
.form-box .btn-code:disabled{background: #999;}
.form-box span.twz {
  display: block; 
  width: 100%;
  height: 0.4rem; 
  line-height: 0.4rem; 
  font-size: 0.1rem; 
  color: #333;
  text-align: center;
}
.page5 { width: 100%; position: relative;}
.page5 .form-con { position: absolute; top:0.66rem; left:0;}

.copyright{padding: 0.2rem 0;background: #000;}
.copyright p {font-size: 0.14rem; color: #fff; text-align: center;}

@-webkit-keyframes flash {
  0%,100%,50% { opacity: 1; }
  25%,75% {opacity: 0; } 
}

@keyframes flash {
  0%,100%,50% {opacity: 1; }
  25%,75% { opacity: 0; } 
}

.flash { -webkit-animation-name: flash; animation-name: flash }