@charset "utf-8";
/*************************************css reset*************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:Arial,Helvetica,'\5FAE\8F6F\96C5\9ED1','\5B8B\4F53',sans-serif;
}
a {
	text-decoration: none;
	color: #666
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
em,i,dfn {font-style: normal}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*************************************css style preset*************************************/
.clearfix:after { clear:both; display:table;content:'';}
.clearfix { *zoom:1;}
.tc{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.of{overflow:hidden}
.hide{display: none;}
.vh{visibility: hidden;}
.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.vb{vertical-align: bottom;}
.middle{width: 0;height: 100%;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.inline{display: inline-block;*display: inline;*zoom:1;}
.block{display: block;}
.cover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.text-overflow{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

*{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust:100%;}
body{font-family: Helvetica;}
a,input,textarea,button{-webkit-tap-highlight-color: transparent;}
input,textarea,button{-webkit-appearance:none;border-radius: 0;}
input,textarea{-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}

/*************************************** css formal style **********************************/
html,body{overflow: hidden;height: 100%;}
body{font-family: PingFang SC,STHeitiSC-Light,Helvetica-Light,arial,sans-serif,Droid Sans Fallback;position: relative;background: #fff;}

.wrap{height: 100%;overflow: hidden;background: #fff;}

/**********公共部分**********/
/*头部*/
.header{position: absolute;width: 100%;left: 0;top: 0;text-align: left;font-size: 0;line-height: 98px;}
.header .logo{margin-left: 28px;}
.header .txt-1{font-size: 24px;color: #fff;margin-left: 18px;}
.header .line{width: 2px;height: 30px;background: #fff;margin: 0 16px;}
.header .txt-2{font-size: 18px;color: #fff;}

/*帮助列表*/
.help-list{padding: 0 28px;}
.help-list .list-item{padding-left: 65px;position: relative;}
.help-list .img-tip{position: absolute;left: 0;top: 50%;margin-top: -20px;}
.help-list .link{display: block;padding-left: 7px;height: 96px;line-height: 96px;border-bottom: 1px solid #e9e8e8;position: relative;}
.help-list .link .txt{color: #031233;font-size: 24px;}
.help-list .link .img-arrow{position: absolute;right: 0;top: 50%;margin-top: -16px;}


/*************首页*************/

/**********首屏**********/
/*头部*/
.first-screen{position: relative;text-align: center;background: url(../../o_img/index/first/bg.jpg) no-repeat;background-size: 100% 100%;}

/*促销信息*/
.first-screen .discount-info{position: absolute;top: 98px;left: 0;width: 100%;text-align: center;height: 40px;line-height: 40px;background: #f00d53;color: #fff;font-size: 24px;}

/*内容区域*/
.first-screen .content{}
.first-screen .content .big-logo{display: block;margin: 0 auto;width: 338px;}
.first-screen .content .title-1{font-size: 48px;color: #fff;}
.first-screen .content .title-1 .txt{color: #f30;}
.first-screen .content .title-2{font-size: 36px;color: #fff;margin-top: 10px;}
.first-screen .content .title-3{font-size: 24px;color: #fff;margin-top: 15px;}
.first-screen .content .btn-download{display: block;margin: 102px auto 0;width: 352px;height: 88px;background: #5072fe;line-height: 88px;position: relative;border-radius: 8px;}
.first-screen .content .btn-download.active{background: #2c53f5;}
.first-screen .content .btn-download .txt{font-size: 30px;color: #fff;}
.first-screen .content .btn-download .tip{position: absolute;width: 108px;height: 50px;left: 50%;bottom: 100px;margin-left: -54px;background: url(../../o_img/index/first/tip.png) no-repeat;}
.first-screen .content .more{font-size: 24px;color: #7fc4ff;margin-top: 112px;}
.first-screen .content .btn-next{display: block;width: 37px;height: 21px;margin: 24px auto 0;background: url(../../o_img/index/first/arrow.png) no-repeat;-webkit-animation: bounce 2s infinite ease-in-out;-moz-animation: bounce 2s infinite ease-in-out;-o-animation: bounce 2s infinite ease-in-out;-ms-animation: bounce 2s infinite ease-in-out;animation: bounce 2s infinite ease-in-out;}

/**********第二屏**********/
.second-screen{position: relative;overflow: auto;}
.second-screen .header{background: #00003c;}
.second-wrap{position: absolute;top: 98px;left: 0;width: 100%;bottom: 0;overflow: hidden;}

/*促销信息*/
.second-screen .discount-banner{height: 200px;background: url(../../o_img/index/second/discount/5.1/banner.png) no-repeat center;}

/*产品优势*/
.second-screen .product-advantage{padding-top: 79px;text-align: center;}
.second-screen .product-advantage .big-title{font-size: 36px;color: #031233;font-weight: bold;}
.second-screen .product-advantage .split-line{width: 100px;height: 4px;background: #031233;margin: 26px auto 0;}
.second-screen .advantage-list{padding-bottom: 68px;}
.second-screen .advantage-list .list-item{margin-top: 80px;}
.second-screen .advantage-list .icon{display: block;margin: 0 auto;}
.second-screen .advantage-list .icon-1{height: 68px;}
.second-screen .advantage-list .icon-2{height: 52px;}
.second-screen .advantage-list .icon-3{height: 56px;}
.second-screen .advantage-list .icon-4{height: 52px;}
.second-screen .advantage-list .summary{margin: 24px auto 0;width: 380px;height: 54px;line-height: 54px;border-radius: 8px;border: 1px solid #031233;color: #031233;font-weight: bold;font-size: 24px;}
.second-screen .advantage-list .tip{font-size: 18px;color: #031233;margin-top: 18px;}
.second-screen .advantage-list .tip .txt{margin-left: 8px;color: #adb1bb;}
.second-screen .placeholder{height: 20px;background: #f8fafd;}

/*资讯*/
.second-screen .help-area{padding-top: 44px;padding-bottom: 85px;position: relative;}
.second-screen .help-area .big-title{font-size: 36px;color: #031233;font-weight: bold;text-align: center;}
.second-screen .help-area .split-line{width: 100px;height: 4px;background: #031233;margin: 26px auto 0;}
.second-screen .help-area .btn-more{position: absolute;top: 35px;right: 32px;border: 1px solid #3d7dff;border-radius: 8px;width: 108px;height: 54px;line-height: 54px;text-align: center;color: #3d7dff;font-size: 18px;}
.second-screen .help-list{margin-top: 36px;}

/*底部*/
.second-screen .footer{padding: 45px 28px 150px;background: #031233;}
.second-screen .footer .tip{margin-top: 48px;font-size: 18px;}
.second-screen .footer .tip:first-child{margin-top: 0;}
.second-screen .footer .tip .left-side{width: 125px;color: #fff;font-weight: bold;}
.second-screen .footer .tip .middle-side{width: 221px;color: #9ea8ba;}
.second-screen .footer .tip .right-side{color: #9ea8ba;}

/**********客服咨询悬浮窗**********/
.float-kefu{position: absolute;width: 224px;height: 88px;line-height: 88px;right: -44px;top: 50%;margin-top: -44px;}
.float-kefu .kefu-wrap{position: absolute;height: 100%;top: 0;left: 0;width: 100%;border-radius: 44px;overflow: hidden;background: rgba(80, 114, 254, 0.6);-webkit-animation: kefu .4s 2s linear forwards;-moz-animation: kefu .4s 2s linear forwards;-o-animation: kefu .4s 2s linear forwards;-ms-animation: kefu .4s 2s linear forwards;animation: kefu .4s 2s linear forwards;}
.float-kefu .kefu-area{font-size: 0;}
.float-kefu .kefu-area .img-kefu{margin-left: 23px;}
.float-kefu .kefu-area .txt{font-size: 24px;color: #fff;margin-left: 11px;}

/**********悬浮窗**********/
.float{position: absolute;width: 100%;left: 0;bottom: 0;padding: 21px 0 30px;background: rgba(41,55,84,.6);}
.float .logo{margin-left: 59px;}
.float .info{margin-left: 22px;margin-top: 14px;}
.float .info .tip-1{font-size: 24px;color: #fff;}
.float .info .tip-2{margin-top: 7px;font-size: 24px;color: #7fc4ff;}
.float .btn-download{margin-top: 21px;margin-right: 59px;width: 176px;height: 44px;border-radius: 6px;border: 2px solid #3d7dff;color: #5072fe;font-size: 24px;text-align: center;line-height: 44px;}
.float .btn-download.active{background: #3d7dff;color: #fff;}

/**********弹窗**********/
.pop-area{z-index: 1000;}
.pop-area .mask-layer{background: #040506;opacity: .75;filter:alpha(opacity=75);}
.pop-area .img-guide{position: absolute;top: 10px;right: 54px;}

/*************帮助*************/
.help .header{background: #00003c;}
.help .help-list-wrap{position: absolute;width: 100%;top: 98px;left: 0;bottom: 0;overflow: hidden;}
.help .help-list{padding-bottom: 98px;}

/*************详情*************/
.help-details .header{background: #00003c;}
.help-details .details-wrap{position: absolute;width: 100%;top: 98px;left: 0;bottom: 0;overflow: hidden;}
.help-details .details{padding: 66px 30px 110px;}
.help-details .details-title{font-size: 34px;color: #171f31;line-height: 30px;font-weight: bold;text-align: center;}
.help-details .details-preface{font-size: 24px;line-height: 60px;color: #171f31;margin-top: 40px;}
.help-details .details-preface .link{color: #3d7dff;margin-left: 3px;}
.help-details .details-img{display: block;margin: 0 auto;}
.help-details .details-img-1{margin-top: 40px;}
.help-details .img-1{height: 415px;}
.help-details .img-2{height: 415px;}
.help-details .img-3{height: 415px;}
.help-details .img-4{height: 415px;}
.help-details .img-5{height: 337px;}
.help-details .img-6{height: 264px;}
.help-details .img-7{height: 131px;}
.help-details .img-8{height: 360px;}
.help-details .img-9{height: 360px;}
.help-details .img-10{height: 360px;}
.help-details .img-11{height: 1227px;}
.help-details .img-12{height: 1227px;}
.help-details .img-13{height: 1227px;}
.help-details .img-14{height: 339px;}
.help-details .img-15{height: 1227px;}
.help-details .img-16{height: 1227px;}
.help-details .img-17{height: 1227px;}
.help-details .img-18{height: 1227px;}
.help-details .img-19{height: 1227px;}
.help-details .img-20{height: 1496px;}
.help-details .img-21{height: 1227px;}
.help-details .img-22{height: 1380px;}
.help-details .img-23{height: 1380px;}
.help-details .img-24{height: 1380px;}
.help-details .img-25{height: 1380px;}
.help-details .details-desc{margin-top: 32px;}
.help-details .details-desc-title{font-size: 24px;line-height: 60px;font-weight: bold;color: #171f31;}
.help-details .details-desc-info{font-size: 24px;color: #171f31;line-height: 60px;}
.help-details .details-desc-info .tip-1{color: #a5a5a5;}

/*************协议相关*************/
.protocol{background: #f5f5f5;}
.protocol .protocol-header{background: #fff;position: absolute;left: 0;top: 0;width: 100%;height: 89px;line-height: 89px;font-size: 36px;color: #333;text-align: center;border-bottom: 1px solid #d6d6d6;}
.protocol .protocol-wrap{position: absolute;left: 0;bottom: 0;top: 90px;width: 100%;overflow: hidden;}
.protocol .main-protocol{padding: 2px 30px 0;}
.main-protocol .preface{color: #333;font-weight: bold;font-size: 48px;line-height: 1.6;padding: 20px 0;}
.main-protocol .explain{color: #333;font-weight: bold;font-size: 30px;line-height: 48px;word-break: break-all;margin-top: 30px;}
.main-protocol .protocol-list{overflow: hidden;font-size: 30px;line-height: 48px;color: #333;padding-bottom: 60px;}
.main-protocol .protocol-list dt{margin-top: 30px;}
.privacy-protocol .main-protocol .protocol-list dd{margin-top: 15px;}

@-webkit-keyframes kefu {
	0% {
		left: 0;
		width: 224px;
	}
	100% {
		left: 70px;
		width: 88px;
	}
}

@keyframes kefu {
	0% {
		left: 0;
		width: 224px;
	}
	100% {
		left: 70px;
		width: 88px;
	}
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}