@charset "utf-8";
/* CSS Document */
html{ margin:0; padding:0; overflow:hidden; width:640px; height:100%;}
body{ width:640px; position:relative; height:100%; height:1136px; overflow:hidden; margin:0; padding:0;}
section,div,li,ul,p,a,h1,h2,h3,span{ margin:0; padding:0; list-style:none;}
img{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;}
.animation {
        -webkit-transition: all 0.35s;
}
.stion {
        -webkit-transition: all 0.3s;
}
.load{ width:100px; height:100px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px; background:url(../images/m_1378699001766.jpg) no-repeat center center; background-size:cover;}
.costion{ position:absolute; width:640px; height:100%; left:0px; top:0px; z-index:10;}
.hudnfg{ display:none; width:100%; height:100%; position:absolute; left:0px; top:0px;background-size:cover; background:#f7fafc;}
.bgfdf{ position:absolute; width:100%; height:100%; left:0px; top:0px; background-size:cover; background-position:top center; overflow:hidden; background-repeat:no-repeat;}
.hide{ display:none;}
.consy{overflow-y:auto;-webkit-overflow-scrolling:touch; height:100%;}
.consy img{ display:block;}
.fprnd{ position:relative; background:#f4f4f4;}
.head{ background:#014099 url(../images/lgoo.png) no-repeat center center; height:100px;}
.midtop{ padding:50px 50px;}
.midtop h4{ font-size:24px; color:#474748; line-height:30px;}
.midtop li{ position:relative; margin-top:25px;}
.selput{ padding:20px 30px; border:1px solid #cad7e5; background:#fff; border-radius:10px; color:#014099; font-size:22px; line-height:40px; position:relative;}
.midtop li select{ width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0;}
.selput p{ background:url(../images/icon2.png) no-repeat left center; padding-left:20px;}
.selput p span{ display:block; background:url(../images/icon1.png) no-repeat right center;}
.selput p.backnone{ background:none;}
.selput input::-webkit-input-placeholder{color:#014099;}
.selput input{ border:0px; height:40px; line-height:40px; font-size:22px; color:#014099; text-indent:10px; width:100%;}
a.gonse{ display:block; text-align:center; line-height:80px; border-radius:10px;background:#014099; margin-top:35px; color:#fff; font-size:24px;}
a.gonse span{ background:url(../images/icon3.png) no-repeat left center; padding-left:32px;}
.tit{ background:url(../images/icon4.png) no-repeat left center; line-height:40px; color:#014099; font-size:24px; padding-left:40px; margin-left:40px;}
.qutionlist{ border-top:1px solid #014099; margin-top:10px;}
.qutionlist li{ position:relative; line-height:30px; border-bottom:1px solid #ccc; background:#fff;padding:10px 0px; padding-left:85px;}
.qutionlist li a{ color:#727272; font-size:22px;}
.qutionlist li span{ position:absolute; background:#e8ecef; width:30px; height:30px; border-radius:50%;color:#014099;  text-align:center; line-height:30px; left:40px; top:50%; margin-top:-15px; font-size:22px;}
.qutionlist li:active{ background:#d1d1d1;}
.tit1{ background:url(../images/icon5.png) no-repeat left center; margin-top:30px; margin-bottom:20px;}
.txtwnd{ background:#fff; padding:50px; border-bottom:1px solid #cad7e5; border-top:1px solid #cad7e5;}
.txtwnd p{color:#727272; line-height:30px; font-size:22px; margin:10px 0px;}
.se_fubtips{ text-align:center; padding:30px 0px;}
.se_fubtips p{color:#014099; font-size:24px; line-height:36px; margin-bottom:40px;}
.se_fubtips a{ width:210px; line-height:70px; background:#014099; color:#fff; font-size:24px; margin:0 20px; display:inline-block; border-radius:5px;}
.tit2{ background:url(../images/icon6.png) no-repeat left center; margin-top:50px; margin-bottom:30px;}
.dfpage{ width:530px; margin:0 auto;}
.dfpage h5{ color:#474748; font-size:22px; line-height:40px; margin-top:50px; text-align:center;}
.startd{ text-align:center; margin-top:30px;}
.startd span{ display:inline-block; background:url(../images/start2.png) no-repeat center center; width:77px; height:73px; margin:0 10px;}
.startd span.start{ background:url(../images/start1.png) no-repeat center center;}
.fpyxtd textarea::-webkit-input-placeholder{color:#b8cce2;}
.fpyxtd{ background:#fff; padding:30px; border:1px solid #cad7e5; border-radius:5px; margin-top:30px;}
.fpyxtd textarea{ border:0px; width:100%; height:300px; line-height:30px; font-size:22px;color:#014099;}
.dfpage a{ display:block; line-height:70px; background:#014099; color:#fff; font-size:24px; border-radius:10px; text-align:center; margin-top:50px; margin-bottom:20px;}
.dfpage a span{ background:url(../images/icon7.png) no-repeat left center; padding-left:36px;}
.bg1{ background:#38424f;}
.c530d{ width:530px; margin:100px auto 0px;}
.kkd_t{ padding:40px 30px; background:#fff; line-height:40px; font-size:24px; color:#727272; text-indent:2em; border-radius:10px;}
.kkd_t span,.kkd_t a{color:#014099;}
.c530d a.but_dsd{ display:block; line-height:70px; background:#014099; color:#fff; font-size:24px; border-radius:10px; text-align:center; margin-top:50px; margin-bottom:20px;}
.c530d a.but_dsd span{ background:url(../images/icon8.png) no-repeat left center; padding-left:36px;}
.tisodown{ width:100%; border:1px solid #cad7e5; background:#fff; line-height:60px; font-size:22px; color:#999; position:absolute; left:-1px; top:70px;z-index: 100;}
.selput .tisodown p{ background:none; padding-left:40px;}
.tisodown p:active{ background:#d1d1d1;}
.FAQpop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(000,000,000,.5);z-index: 888;color: #333;display: none;}
.FAQ{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 500px;background: #fff;box-shadow: 2px 2px 20px rgba(000,000,000,.8);padding: 0 30px;line-height: 30px;font-size: 24px;}
.FAQ .caption{padding: 30px 0;}
.FAQ ul{border-bottom: 1px solid #CDCDCD;}
.FAQ li{padding-left: 45px;position: relative;margin-bottom: 30px;}
.FAQ li:before{content: "";display: block;width: 28px;height: 28px;border: 1px solid #1F88EB;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.FAQ li.ok:after{content: "";display: block;width: 16px;height: 16px;background:#1F88EB;border-radius: 50%;position: absolute;left: 7px;top: 50%;transform: translateY(-50%);}
.FAQ .btnw{padding: 30px;}
.FAQ .btnw button{background: #1F88EB;color: #fff;line-height: 70px;height: 70px;width: 200px;border: none;outline: none;display: block;margin: 0 auto;font-size: 22px;}