/* 公共样式 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button {
margin: 0;padding: 0;outline: 0}

body {
font-family: 'PingFangSC','PingFangSC-Light','Microsoft Yahei',"Helvetica Neue",Helvetica,STHeiTi,sans-serif; line-height: 1.5;font-size: .32rem;color: #fff;-webkit-user-select: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(255,255,255,0)}

h1,h2,h3,h4,h5,h6 {font-size: inherit;font-weight: normal}

fieldset,img {border: 0}

li {list-style: none}

input,button,textarea,select {
font-family: inherit;font-size: inherit;font-weight: inherit;border: 0;background: none;-webkit-appearance: none;outline: 0}

a,button,input,select,textarea,a:focus,button:focus,input:focus,select:focus,textarea:focus,[onclick] {
outline: 0;-webkit-tap-highlight-color: rgba(255,255,255,0)}

a {
-webkit-touch-callout: none;text-decoration: none;color: #00a5e0;outline: 0}

em,i {font-style: normal}
em {color: #f28c48}

html,body{ background: #24326c;margin: 0 auto;padding: 0px; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.clearfix:after{ display:block;visibility:hidden;clear:both; height:0;content:".";}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{ display:block;}


.share{position: absolute; left: -300px; top:-300px; width: 300px; height: 300px;}
img{width: 100%;vertical-align: top;}
.overflow{overflow: hidden;}
.uhide{display:none;}

.tit{text-align: center; padding-top: 1.68rem; padding-bottom: 1.17rem; font-size: .37rem; line-height: .37rem; color: #e8cd46; font-weight: normal; font-weight: bold;}

.banner{ width: 100%; position: relative; z-index: 1;}
.part1{ position: relative; z-index: 3; top: -1.2rem;text-align: center; padding: 0 .4rem; margin: 0 auto; margin-bottom: -0.4rem;}
.part1 .text_box{ width: 100%; box-sizing: border-box; padding: 0 .8rem; padding-bottom: 1rem; background: url(../img/wenhao.jpg) no-repeat right 2.65rem #e0d05c; background-size: 1.25rem auto; margin: 0 auto;}
.part1 .text_box .tit{ color: #464e93; font-size: .4rem; padding-top: .48rem; padding-bottom: .76rem;}
.part1 .text_box .text{ text-align: left; font-size: .37rem; line-height: .65rem; color: #25264c; letter-spacing: 2px;font-family: 'PingFangSC-Light';}
.part2 ul{ width: 100%; display: inline-block; box-sizing: border-box; padding: 0 .4rem;}
.part2 ul li{ width: 50%; height: 4.7rem; float: left; text-align: center;}
.part2 ul li img{ width: auto; height: 1.97rem; margin: 0 auto;}
.part2 ul li .text{ padding-top: .22rem; width: 3.8rem; margin: 0 auto; text-align: left;}
.part2 ul li .text h5{ font-size: .4rem; line-height: .45rem; color: #e1c557; margin-bottom: 5px; font-weight: normal; letter-spacing: 1px;}
.part2 ul li .text p{font-family: 'PingFangSC-Light'; font-size: .32rem; line-height: .37rem; color: #fff; letter-spacing: 1px;}
.part2 ul li:last-child .text h5{ font-size: .34rem;}
.part3{ width: 100%; box-sizing: border-box; padding: 0 .4rem;}
.part3 .box{width: 100%; box-sizing: border-box; padding: 0 .2rem; padding-top: .62rem; background: #fff; border-radius: .06rem;}
.part3 .tab .tabBtns{width:6.88rem; border:1px solid #f0c52e; box-sizing: border-box; height:1.06rem; line-height: 1.06rem; margin:0 auto; border-radius: .04rem; overflow: hidden;}
.part3 .tab .tabBtns a{width:3.4rem; color:#f0c52e; text-align: center; font-size: .32rem; letter-spacing: .04rem; float: left; background-color: #fff;}
.part3 .tab .tabBtns a:last-child{ float: right;}
.part3 .tab .tabBtns a.active{background-color: #f0c52e; color:#FFF;}
.part3 .tab .tabBox{ width: 100%; display: inline-block; text-align: center; padding-top: .53rem;}
.part3 .tab .tabBox .form{ padding: 0 .89rem; width: 100%; box-sizing: border-box; display: inline-block;}
.part3 .tab .tabBox .form_box{ float: left; margin-bottom: .21rem;}
.part3 .tab .tabBox .form_box{ text-align: center; width: 100%;}
.part3 .tab .tabBox .form_box .dw{ float: right; display: inline-block; vertical-align: top; font-size: .32rem;color: #333968;height: .8rem;line-height: .8rem; padding-left: 13px;}
.part3 .tab .tabBox .form_box label{ float: left; width: 3.1rem; display: inline-block; vertical-align: top; text-align: left; font-size: .32rem;color: #333968;height: .8rem;line-height: .8rem;}
.part3 .tab .tabBox .form_box .input_box{ float: left; width: 3.17rem; box-sizing: border-box; padding:0 .16rem; height: .8rem; display: inline-block; vertical-align: top; border: solid 1px #f0c52e; border-radius: .02rem; overflow: hidden;}
.part3 .tab .tabBox .form_box .select_box{ position: relative;}
.part3 .tab .tabBox .form_box .select_box:after{ content: ""; width: .2rem; height: .12rem; background: url(../img/arrow_d.jpg) no-repeat; background-size: 100% 100%; position: absolute; right: .21rem; top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1;}
.part3 .tab .tabBox .form_box input,
.part3 .tab .tabBox .form_box select{width: 100%; height: .8rem; font-size: .32rem; color: #666;border: none; outline: none; background: transparent; appearance: none; -webkit-appearance: none; position: relative; z-index: 5; outline: none;}
.part3 .tab .tabBox1,.part3 .tab .tabBox2{ width: 100%;}

.suanyisuan_box{width: 100%; box-sizing: border-box; text-align: center; padding: .29rem .95rem;}
.suanyisuan_box .suanyisuan{ width: 100%; height: 1.06rem; background: #ffae00; margin: 0 auto; line-height: 1.06rem; text-align: center; font-size: .32rem; color: #fff; letter-spacing: .04rem; cursor: pointer;}
.suanyisuan_box .suanyisuan.on{ background: #e69e05;}
.point_text{width: 100%; text-align: center; font-size: .32rem; color: #333968; line-height: .8rem; padding-bottom: .66rem;}
.part3 .table{width:100%; border-collapse: collapse; border: 1px solid #f0c52e; text-align: center;}
/* .part3 .table{width:100%; border-collapse: collapse; border-left: 1px solid #f0c52e; border-top: 1px solid #f0c52e; text-align: center;} */
.part3 .table th,.part3 .table td{ border-collapse: collapse; border: 1px solid #f0c52e;}
/* .part3 .table th,.part3 .table td{ border-collapse: collapse; border-right: 1px solid #f0c52e; border-bottom: 1px solid #f0c52e;} */
.part3 .table th{ height: .74rem; line-height: .74rem; background: #f9e89f; font-size: .29rem; color: #a85213;}
.part3 .table td{ height: .96rem; line-height: .96rem; background: #ffffff; font-size: .29rem; color: #282e55; padding: 0;}
.part3 .table td.name{ background: #fefba0;}
.red{ color: #b84040;}

.part5{width: 100%; box-sizing: border-box; padding: 0 0.4rem; padding-bottom: 6.32rem; background: url(../img/bottom_img.jpg) no-repeat center bottom; background-size: 100% auto;}
.part5 ul{
	width: 100%;
	border: solid #fff;
	border-width: 1px 1px 0 1px;
	color: #fff;
	display: inline-block;
}
.part5 ul li{
	float: left;
	height: .97rem;
	line-height: .97rem;
	border-bottom: 1px solid #fff;
	width: 100%; display: inline-block;
}
.part5 ul li.th{height: .49rem; line-height: .49rem;}
.part5 ul li>div{
	float: left;
	text-align: center;
	box-sizing: border-box;
	font-size: .32rem;
}
.part5 ul li.th>div{font-size: .3rem;}
.part5 ul li>div.one{
	width: 24%;
	border-right: 1px solid #fff;
	background: #565a70;
}
.part5 ul li>div.two{
	width: 38%;
	border-right: 1px solid #fff;
}
.part5 ul li>div.three{
	width: 38%;
}

/*表格*/
.qa{width:100%;margin:0 auto;}
.qa h2{font-size: .37rem;letter-spacing: .02rem;color: #e0d05c;margin-bottom: .26rem;display: block;}
.qa .text{ margin-bottom:1.24rem; width: 100%; box-sizing: border-box; padding-left: .7rem;}
.qa .text:last-child{ margin-bottom: .4rem;}
.qa p{font-family: 'PingFangSC-Light';font-size: .37rem;color:#fff;line-height: .53rem;letter-spacing: .05rem;}
.qa p.red{ color: #d75252; font-size: .32rem;}


/*Android 2.3.x 动画退化处理*/
.android23 .font-title,.android23 .font-subtitle,.android23 .icon-impression {opacity: 1}
.android23 .icon-name {height: 45px}
.android23 .between510 {height: 50px}
.android23 .icon-tone1 {top: 240px}
.android23 .icon-tone2 {top: 230px}
.android23 .icon-tone3 {top: 180px}

/*横竖屏切换相关样式*/
.dialog-guide {
position: absolute;width: 100%;height: 100%;overflow: hidden;left: 0px;top: 0px;font-size: 14px;z-index: 999999;display: none;background: #7bc8e9}
.dialog-guide .guide-wrapper {
position: absolute;left: 50%;top: 50%;width: 250px;height: 150px;margin: -75px 0px 0px -125px;text-align: center;color: #fff}
.dialog-guide .guide-wrapper .icon-rotate-phone {
position: relative;display: block;top: -10px;margin: 0px auto;-webkit-animation: rotate-always 1.6s linear infinite;animation: rotate-always 1.6s linear infinite;-webkit-animation-play-state: initial;animation-play-state: initial}
