@charset "utf-8";
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,span,td,textarea,th,ul{margin:0;padding:0}
button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%;font-weight:400}
ol,ul{list-style:none}
body,html{width:100%; height: 100%; overflow-x: hidden; -webkit-user-select:none;user-select:none; background-color: #508cee; font-size: 16px; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
a,img{-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -moz-tap-highlight-color:rgba(0,0,0,0);}
a:hover{text-decoration:none}
img{vertical-align:middle}
.main{ width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    display: none;
}
.main img{ width: 100%; display: block;}
.main .wd50{ width: 50%; float: left;}

.qustionBox{ width: 100%; height: auto;}
.qustionBox ul{ width: 100%;}
.qustionBox ul li p{ padding:0 1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: justify; color: #fff;}
.qustionBox ul li .title{ height: 3.125rem; line-height:3.125rem;  background: #508cee; font-size: 1rem; margin-left: 1rem; padding-left: 0;}
.qustionBox ul li .answer{ height: auto; line-height: 1.25rem; background: #4181e9; font-size: 0.813rem; padding-top:1.563rem; padding-bottom: 1.563rem; display: none; }
.qustionBox ul li .arrow{ width: 1rem; height: 1rem; margin-top: 1.05rem; background: url("../images/arrow2x.png") 0 0 no-repeat; background-size: cover; display: inline-block; float: right;}
.btnGroup{  padding-top: 2.5rem; padding-bottom: 1.875rem; width: 100%; background: #508cee;}
.btnGroup .btn{ width: 61.4%; margin: 0 auto; height: 2.125rem; line-height: 2.125rem; font-size: 1rem; text-align: center; color: #fff;}
.btnGroup .mb30{ margin-bottom: 0.938rem;}
.btnGroup a{ color: #fff; text-decoration: none;}
/*--解决ipone 1像素边框变2像素问题：--*/
.border-1px { position: relative; }
.border-1px:before {
    display: block;
    content: '';
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(1);
    pointer-events: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .border-1px:before { right: -100%; bottom: -100%; -webkit-transform: scale(0.5);}
}
.border-1px.border-all:before{border: 1px solid rgba(255,255,255,0.4); border-radius: 2.5rem; -webkit-border-radius: 2.5rem; -moz-border-radius: 2.5rem;}
.border-1px.border-bottom:before { border-bottom: 1px solid rgba(255,255,255,0.4); }

.page-loading{
    position: fixed;
    top: 40%;
    left: 50%;
    z-index: 9999;
    width: 54px;
    height: 54px;
    margin: -27px 0 0 -27px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .6);
    text-align: center;
}
.page-loading img{
    display: inline-block;
    margin: 8px 0;
}

.mainIn{
    -webkit-animation:mainIn .5s .2s ease both;
    -moz-animation:mainIn .5s .2s ease both;}
@-webkit-keyframes mainIn{
    0%{opacity:0;-webkit-transform:scale(0.95)}
    100%{opacity:1;-webkit-transform:scale(1)}
}
@-moz-keyframes mainIn{
    0%{opacity:0;-moz-transform:scale(0.95)}
    100%{opacity:1;-moz-transform:scale(1)}
}

.rotateOut{
    -webkit-animation:rotateOut .2s 0s ease both;
    -moz-animation:rotateOut .2s 0s ease both;}
@-webkit-keyframes rotateOut{
    0%{-webkit-transform:rotate(0);}
    100%{-webkit-transform:rotate(-180deg);}
}
@-moz-keyframes rotateOut{
    0%{-moz-transform:rotate(0);}
    100%{-moz-transform:rotate(-180deg);}
}