@charset "utf-8";
/* CSS Document */

html,body{ height:100%;}
body{
	margin:0px;
	padding:0px;
	font-size:14px;
	font-family:Arial,"PingFang SC", "Lantinghei SC", "Microsoft YaHei", "Helvetica Neue", "Open Sans";
	color:#111827;
	background:#F6F7FB;
	text-align:center;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{ margin:0px; padding:0px; list-style:none; }
a:link img,a:visited img,a:hover img{ border:none;}
a:link,a:visited{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}
.center{ max-width:1200px; margin:0 auto; text-align:left;}
.center2{ width:1280px; margin:0 auto; text-align:left;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.hide{ display:none;}
.wrapper{ min-height:100%;padding-bottom: 224px;}
.height100{ height: 100%;}

/*body::-webkit-scrollbar{width:7px;}
body::-webkit-scrollbar-thumb{background:rgba(153,153,153,0.5);border-radius:5px;}
body::-webkit-scrollbar-track{background:#ddd;}*/

/* sprite */
.banner .btn-wrap span,.data-stati .item .img,.footer .download .platform a,.footer .download .platform a b,.icon-list b,.about-us .item b{ background:url(../images/sprite.png) no-repeat;}

/* header */
.header{ height:70px; line-height: 70px; background:#fff;}
.header .logo{float: left; cursor: pointer;}
.header .logo img{max-height: 60px; width: 130px; vertical-align: middle;}
.header .logo span{
	color: #111827;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	height: 20px;
	line-height: normal;
	padding-left: 15px;
	border-left: 1px solid #ddd;
	margin-left: 15px;
	font-size: 18px;
	vertical-align: middle;
	position: relative;
	top: -3px;
}
.header .top_link{float: right; color: #333;}
.header .top_link:hover{color: #3e7af6; text-decoration: none;}
.header .top_link_2{float: right; color: #333;margin-right: 50px;}
.header .top_link:hover{color: #3e7af6; text-decoration: none;}

/* banner */
.banner{ width:100%; height:392px; overflow:hidden; position:relative;}
.banner .img-wrap{ position:absolute; left:0; top:0; width:100%; height:392px;}
.banner .img-wrap li{ position:absolute; left:0; top:0; width:100%; height:392px; background-size: cover;}
.banner .btn-wrap{ position:absolute; left:0; bottom:0; width:100%; height:20px; text-align:center;}
.banner .btn-wrap span{ display:inline-block; width:55px; height:5px; font-size: 0; border-radius: 5px; border: 1px solid rgba(255, 255, 255, .9); cursor:pointer; margin:0 10px; text-align: left; overflow: hidden;}
.banner .btn-wrap span.on{border-color: rgba(255, 255, 255, 1);}
.banner .btn-wrap span i{display: inline-block; width: 0; height: 100%; background: #ecf2ff;}
.banner .btn-wrap span.on i{
	width: 100%;
	transition: width 4s;
	-moz-transition: width 4s;	/* Firefox 4 */
	-webkit-transition: width 4s;	/* Safari 和 Chrome */
	-o-transition: width 4s;	/* Opera */
}

/* 支付类型、其他 */
.pay_type{}
.pay_type h2{color: #111827; font-size: 24px; font-style: normal; font-weight: 400;line-height: 100%;margin-top: 100px;}
.pay_type .summary{font-size: 14px; color: #999; margin-top: 10px;}
.pay_type_list{margin-top: 40px;}
.pay_type_list .item{float: left; width: 298px; height: 290px; border: 1px solid #E5E7EB; background: #fff; cursor: pointer; position: relative; overflow: hidden; margin-left: -1px; margin-top: -1px;}
.pay_type_list .item .ico{width: 70px; height: 70px; margin: 50px auto 30px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-moz-transition: margin .2s linear;	/* Firefox 4 */
	-webkit-transition: margin .2s linear;	/* Safari 和 Chrome */
	-o-transition: margin .2s linear;	/* Opera */
}
.pay_type_list .item .ico1{background: url(../images/service_ico01.png) no-repeat;}
.pay_type_list .item .ico2{background: url(../images/service_ico02.png) no-repeat;}
.pay_type_list .item .ico3{background: url(../images/service_ico03.png) no-repeat;}
.pay_type_list .item .ico4{background: url(../images/service_ico04.png) no-repeat;}
.pay_type_list .item .ico5{background: url(../images/service_ico05.png) no-repeat;}
.pay_type_list .item .ico6{background: url(../images/service_ico06.png) no-repeat;}
.pay_type_list .item .ico7{background: url(../images/service_ico07.png) no-repeat;}
.pay_type_list .item .ico8{background: url(../images/service_ico08.png) no-repeat;background-size: cover;}
.pay_type_list .item .ico9{background: url(../images/service_ico09.png) no-repeat;}
.pay_type_list .item .ico10{background: url(../images/service_ico10.png) no-repeat;}
.pay_type_list .item .ico11{background: url(../images/service_ico11.png) no-repeat;}
.pay_type_list .item .title{
	font-size: 18px;
	color: #111827;
	text-align: center;
	padding: 0 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	transition: margin .2s linear;
	-moz-transition: margin .2s linear;	/* Firefox 4 */
	-webkit-transition: margin .2s linear;	/* Safari 和 Chrome */
	-o-transition: margin .2s linear;	/* Opera */
}
.pay_type_list .item p{
	font-size: 12px;
	color: #353B47;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	padding: 16px 30px;
}
.pay_type_list .item .btn{position: absolute;
	left: 50%;/* bottom: 38px; */ bottom: -54px;margin-left: -72px; width: 78.5px;
	height: 29px; font-size: 18px;
	color: #111827;
	background: #fff url(../images/btn_more.png) 99px center no-repeat;
	background-size: 12px;
	box-shadow: 0px 0px 24px 0px rgba(17, 24, 39, 0.08);
	border-radius: 4px;
	border: 1px solid #111827;
	transition: bottom .2s linear;
	-moz-transition: bottom .2s linear;	/* Firefox 4 */
	-webkit-transition: bottom .2s linear;	/* Safari 和 Chrome */
	-o-transition: bottom .2s linear;	/* Opera */
	padding: 10px 24px 10px 32px;
	line-height: 29px;
	text-align: left;
}
.pay_type_list .item:hover{box-shadow: 0px 0px 24px 0px rgba(17, 24, 39, 0.08);}
.pay_type_list .item:hover .ico{
	margin-top: -70px;
}
.pay_type_list .item:hover .title{
	margin-top: 58px;
}
.pay_type_list .item:hover .btn{
	bottom: 38px;
}

/* 首页footer */
.index_footer{
	height: 351px;
	flex-shrink: 0;
	background: #111827;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%; /* 36px */
}
.index_footer .item{display: inline-flex; align-items: flex-start; margin: 53px 204px 0 0; opacity: 0.85;}
.index_footer .item.last{margin-right: 0;}
.index_footer .item .ico{
	display: flex;
	float: left;
	width: 44px;
	height: 44px;
	justify-content: center;
	align-items: center;
	margin-right: 24px;
}
.index_footer .item .ico1{background: url(../images/footer_ico01.png) no-repeat; background-size: cover;}
.index_footer .item .ico2{background: url(../images/footer_ico02.png) no-repeat; background-size: cover;}
.index_footer .item .ico3{background: url(../images/footer_ico03.png) no-repeat; background-size: cover;}
.index_footer .item .txt{float: left; font-size: 18px; color: #FFF;}
.index_footer .item .txt p{}
.index_footer .copyright{color: #FFF; margin-top: 124px; margin-left: 9px; font-weight: 400; font-size: 16px; font-style: normal; line-height: 20px; opacity: 0.5;}

/* 目录 */
.page_content{ margin-top:40px; display: flex; min-height:600px; table-layout: fixed;}
.left_nav{position: relative; display: table-cell; width:270px; background:#fff; border:1px solid #E5E7EB; overflow: auto;flex-shrink: 0}
::-webkit-scrollbar{width:7px; height: 7px;}
::-webkit-scrollbar-thumb{background:#DDE2E6;border-radius:5px;}
::-webkit-scrollbar-track{background:#EFF1F3;}

.catalog{
	font-size: 16px;
	color: #111827;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	display: flex;
	height: 52px;
	padding: 10px 10px 10px 24px;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}
.catalog2{padding-left: 24px; background: url(../images/arrow_top_down1.png) 231px center no-repeat; cursor: pointer;border-bottom: 1px solid #E5E7EB;font-size: 18px;background-size: 20px;}
.catalog2.on{background: rgba(229, 231, 235, 0.60) url(../images/arrow_top_down2.png) 231px center no-repeat;background-size: 20px;}
.cat_list{padding: 0px 20px 10px 0px; position: absolute; left: 0; right: 0; top: 73px; bottom: 0; background: #fff;}
.cat_list .cat{margin-top: 0px;}
.cat_list .cat_name{
	display: inline-block;
	height: 44px;
	background: url(../images/arrow_top.png) right center no-repeat;
	background-size: 16px;
	padding: 10px 10px 10px 28px;
	font-weight: 700;
	line-height: 44px;
	width: 212px;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cat_list .cat_name.on{ background-image:url(../images/arrow_down.png);width: 212px}
.cat_list .sub_cat li{height: 44px; line-height: 44px; margin: 0px; cursor: pointer; position: relative;}
.cat_list .sub_cat li img{position: absolute; left: 28px; top: 50%; margin-top: -7px; width: 15px; height: 15px;}
.cat_list .sub_cat li span{
	display: inline-block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	height: auto;
	cursor: pointer;
	width: 230px;
	line-height: 0;
	padding: 22px 10px 22px 42px;
}
.cat_list .sub_cat li.on span, .cat_list .sub_cat li:hover span{background: rgba(229, 231, 235, 0.60);}
.cur_cat{
	display: flex;
	height: 44px;
	padding: 10px 10px 10px 22px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}
.cur_cat img{
	position: absolute;
	left: 22px;
	width: 22px;
	height: 22px;
	margin-right: 8px;
}
.cur_cat span{
	padding-left: 30px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-direction: column;
	align-items: flex-start;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}


.item_list .item:not(:last-child){padding-right: 0;}
.item_list .item_name{color: #111827;
	background: url(../images/arrow_down.png) 234px center no-repeat;
	background-size: 16px;
	cursor: pointer;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	width: 214px;
	height: 44px;
	padding: 10px 10px 10px 24px;
	align-items: center;
	gap: 8px;
	text-transform: uppercase;
	line-height: 44px;
	display: inline-block;
}
.item_list .item_name.on1{color: #111827;font-size: 14px;font-style: normal;font-weight: 700;text-transform: uppercase;background: url(../images/arrow_top2.png) 234px center no-repeat;background-size: 16px;}
.item_list .sub_item{}
.item_list .sub_item li{height: 44px; font-style: normal;font-weight: 400;line-height: 100%;}
.item_list .sub_item li a{
	padding-left: 40px;
	color: #111827;
	text-decoration: none;
	align-items: center;
	height: 44px;
	display: inline-block;
	width: 230px;
	line-height: 44px;
}
.item_list .sub_item li.on2 a{background: rgba(229, 231, 235, 0.60);padding-left: 40px;height: 44px;}

.document_content{display: table-cell; background:#fff; border:1px solid #E5E7EB; border-left: none; overflow: hidden; overflow-wrap: break-word; white-space: normal; max-width: 940px;min-width: 940px; padding-top: 22px;}
.document_content .prettyprint{max-width: 98%;}
.document_content .crumbs{
	line-height: 30px;
	padding: 0 32px;
}
.document_content .crumbs span, .document_content .crumbs a{font-style: normal;font-weight: 400;line-height: 100%;letter-spacing: 0.28px;}
.document_content .document_detail{
	padding: 52px 32px 20px;
	overflow-x: auto;
}
.document_content .document_detail .title{font-size: 24px;font-style: normal;font-weight: 700;line-height: 100%;padding-bottom: 44px}
.document_content .document_detail .paragraph{margin-top: 20px;}
.document_content .document_detail .paragraph p{line-height: 28px; color: #666;}

.content_img{margin-top: 20px;}

.go_top{position: fixed; left: 50%; margin-left: 620px; bottom: 130px; width: 54px; height: 54px; background: #a3a3a3 url(../images/go_top_ico.png) center center no-repeat; border-radius: 4px; cursor: pointer; display: none;}

/* footer */
.footer_fixed{}
.footer{ height:40px; line-height:0; color:#92A1B0; font-size:13px; margin-top:-64px;}

/* 对外用户界面表格无法显示问题 */
.document_content table{border-collapse: collapse;}
.document_content table td,th {border: 1px solid#ccc;padding: 5px 10px;}
.partner_content{
	background-color: #ffffff;
}
.partner_content h2{
	margin-top: 0;
	padding-top: 144px;
}
.partner_content img{
	width: 98%;
	height: 43%;
	margin-top: 82px;
	margin-left: -20px;
}