.hide-mobile.btn,
.middle {
	display: inline-block
}

*,
.itxt {
	-webkit-box-sizing: border-box
}

a,
a:active,
a:hover {
	text-decoration: none
}

.lb-middle,
.middle {
	vertical-align: middle
}

.btn,
.btn-index {
	position: relative;
	text-align: center
}

.btn-code img,
.msg-dialog .qrcode-img img {
	max-width: 100%
}

.doc,
code,
pre,
tt {
	word-break: break-all
}

.bread-nav .left,
.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.doc-nav ol,
.doc-nav ul,
.section-company-list,
.swiper-wrapper {
	list-style-type: none
}

.hide-pc.btn {
	display: none
}

@media (max-width:767px) {
	.hide-mobile.btn {
		display: none
	}

	.hide-pc.btn {
		display: inline-block
	}
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent
}

img {
	border: 0
}

body {
	font-family: " ", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.432;
	color: #333
}

a {
	cursor: pointer;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	color: #1282E7
}

a:active,
a:hover {
	color: #0c5aa0;
	outline: 0
}

.inpbtn-p a:hover,
.link:hover,
.protocol a:hover {
	text-decoration: underline
}

input,
textarea {
	outline: 0
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

p {
	line-height: 1.732;
	color: #666
}

.br-pc {
	display: block
}

.title4 {
	font-size: 18px;
	margin-bottom: .4em
}

.link {
	color: #05f
}

.red {
	color: #E58484
}

.mb-box {
	margin-bottom: 70px
}

.mt-box {
	margin-top: 70px
}

@media (max-width:1439px) {
	.mb-box {
		margin-bottom: 50px
	}

	.mt-box {
		margin-top: 50px
	}
}

@media (max-width:767px) {
	.br-pc {
		display: inline
	}

	.mb-box {
		margin-bottom: 30px
	}

	.mt-box {
		margin-top: 30px
	}
}

.lb-middle {
	display: inline-block
}

@font-face {
	font-family: iconfont;
	src: url(../fonts/iconfont.eot);
	src: url(../fonts/iconfont.eot) format('embedded-opentype'), url(../fonts/a31030761f344b3f96c35f6db49019ea.woff) format('woff2'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg) format('svg')
}

.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-zhankai:before {
	content: "\e642"
}

.icon-caidan:before {
	content: "\e648"
}

.icon-kaifawendangtcfs:before {
	content: "\e657"
}

.icon-baiwantps:before {
	content: "\e658"
}

.icon-kaifawendangheyuejieru:before {
	content: "\e659"
}

.icon-kaifawendangtokenheyue:before {
	content: "\e65a"
}

.icon-kaifawendanggongju:before {
	content: "\e65b"
}

.icon-kaifawendangapi:before {
	content: "\e65c"
}

.icon-kaifawendangzhinan:before {
	content: "\e65d"
}

.icon-xialacaidanzhinengheyue:before {
	content: "\e65e"
}

.icon-yingyongceng:before {
	content: "\e65f"
}

.icon-yizhanshi:before {
	content: "\e660"
}

.icon-xiaoxi:before {
	content: "\e661"
}

.icon-zhuanli:before {
	content: "\e662"
}

.icon-guizezhongxin:before {
	content: "\e663"
}

.icon-liankeduihuan:before {
	content: "\e664"
}

.icon-kaifawendang:before {
	content: "\e665"
}

.icon-qukuailian:before {
	content: "\e666"
}

.icon-sousu:before {
	content: "\e667"
}

.icon-jiaoyi:before {
	content: "\e668"
}

.icon-guanbi:before {
	content: "\e669"
}

.icon-qukuai:before {
	content: "\e66a"
}

.icon-yonghu:before {
	content: "\e66b"
}

.icon-logo-browser:before {
	content: "\e66c"
}

.icon-logo-open:before {
	content: "\e66d"
}

.icon-icon-mall:before {
	content: "\e66e"
}

.icon-logo-en:before {
	content: "\e66f"
}

.icon-rukoutubiao:before {
	content: "\e670"
}

.btn-index {
	display: block;
	margin: 0 auto;
	background: #05f;
	width: 200px;
	height: 44px;
	line-height: 44px;
	border-radius: 22px;
	font-size: 16px;
	color: #fff
}

.btn,
.btn-border-frame {
	display: inline-block;
	vertical-align: middle
}

.btn-index.services {
	width: 350px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px
}

.btn-index:hover {
	background: #04c;
	color: #fff
}

.btn-index.border {
	background: #fff;
	border: 1px solid #05f;
	color: #05f
}

.btn-index.border:hover {
	background: #04c;
	border: 1px solid #05f;
	color: #fff
}

@media (max-width:767px) {
	.btn-index {
		height: 40px;
		width: 140px;
		line-height: 40px;
		border-radius: 20px;
		font-size: 14px
	}

	.btn-index.services {
		width: 200px
	}
}

.btn {
	width: 160px;
	height: 44px;
	line-height: 44px;
	border-radius: 22px;
	font-size: 16px;
	color: #fff;
	background-color: #05f
}

.btn:hover {
	background: #003cb3;
	color: #fff
}

.btn.forbidden,
.btn.forbidden:hover {
	background: #eee;
	color: #999
}

@media (max-width:767px) {
	.btn {
		width: 120px;
		height: 40px;
		line-height: 40px;
		font-size: 12px
	}
}

.btn-border-frame {
	border: 1px solid #fff;
	font-size: 14px;
	color: #fff;
	height: 34px;
	line-height: 32px;
	padding: 0 20px;
	border-radius: 34px
}

.btn-radius,
.btn-square {
	display: block;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	text-align: center
}

.btn-border-frame:hover {
	opacity: .8;
	color: #fff
}

.btn-radius:hover,
.btn-square:hover {
	color: #fff;
	opacity: .9
}

.btn-radius {
	width: 160px;
	border-radius: 44px;
	background: #5B7FFF;
	color: #fff
}

.btn-radius.border {
	background: 0 0;
	border: 1px solid #fff
}

.btn-square {
	border-radius: 4px;
	background: #5B7FFF;
	color: #fff
}

@media (max-width:767px) {
	.btn-square {
		height: 36px;
		line-height: 36px;
		font-size: 14px
	}
}

@-webkit-keyframes popIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@keyframes popIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60px);
		transform: translateY(60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.msg-dialog-wrap {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .6)
}

.msg-dialog {
	position: fixed;
	z-index: 9999;
	left: 50%;
	top: 50%;
	margin-top: -385px;
	margin-left: -300px;
	width: 600px;
	background: #fff;
	border-radius: 5px;
	padding: 50px 0 120px;
	-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .4);
	box-shadow: 0 3px 15px rgba(0, 0, 0, .4);
	-webkit-animation: popIn .4s ease-out both;
	animation: popIn .4s ease-out both
}

.msg-dialog h2 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 400
}

.msg-dialog .msg-form {
	margin: 0 80px
}

.msg-dialog .msg-form .msg-input-list {
	position: relative;
	display: table;
	margin-bottom: 14px;
	width: 100%
}

.msg-dialog .msg-form .msg-input-list.msg-input-list-footer {
	margin-top: 40px
}

.msg-dialog .msg-form .title {
	display: table-cell;
	width: 110px;
	font-size: 14px;
	line-height: 40px;
	text-align: right;
	vertical-align: top
}

.area-num,
.btn-code,
.inp-codebox,
.msg-result {
	text-align: center
}

.msg-dialog .msg-form .msg-input {
	position: relative;
	display: table-cell;
	padding-left: 10px;
	vertical-align: top
}

.msg-dialog .msg-form .msg-input p.msg-input-tips {
	height: 22px;
	color: red;
	font-size: 12px;
	margin: 0 0 -14px
}

.msg-dialog .msg-error {
	display: none;
	color: red;
	position: absolute;
	top: -30px;
	left: 10px;
	font-size: 14px
}

.btn-code,
.icon-msg-success,
.input-common,
.itxt,
.msg-dialog .msg-error.on,
.msg-dialog-close {
	display: block
}

.msg-dialog .msg-send-email {
	margin-top: 15px;
	font-size: 14px
}

.msg-dialog .qrcode-wrap {
	position: absolute;
	left: 10px;
	bottom: 0;
	width: 180px
}

.msg-dialog .qrcode-title {
	font-size: 12px;
	font-weight: 700;
	text-align: center
}

.msg-dialog .qrcode-title .blue {
	color: #5B7FFF
}

@media (max-width:1439px) {
	.msg-dialog {
		padding: 20px 0 135px;
		margin-top: -340px
	}

	.msg-dialog h2 {
		margin-bottom: 20px;
		font-size: 20px
	}

	.msg-dialog .msg-form .msg-input-list {
		margin-bottom: 12px
	}

	.msg-dialog .msg-form .msg-input-list.msg-input-list-footer {
		margin-top: 20px
	}
}

@media screen and (max-height:800px) {
	.msg-dialog {
		max-height: 600px;
		overflow: auto;
		margin-top: -300px
	}

	.msg-dialog .qrcode-wrap {
		top: 440px
	}
}

@media (max-width:767px) {
	.msg-dialog {
		width: 90%;
		max-height: 460px;
		overflow: auto;
		margin-left: -45%;
		padding: 15px 0 5px;
		margin-top: -230px
	}

	.msg-dialog h2 {
		font-size: 16px
	}

	.msg-dialog .msg-form {
		padding: 0 20px;
		margin: 0
	}

	.msg-dialog .msg-form .msg-input-list {
		margin-bottom: 5px
	}

	.msg-dialog .msg-form .msg-input-list.msg-input-list-footer {
		margin-top: 0
	}

	.msg-dialog .msg-form .title {
		width: 86px;
		font-size: 12px;
		line-height: 36px
	}

	.msg-dialog .msg-form .msg-input p.msg-input-tips {
		height: 22px;
		color: red;
		font-size: 12px;
		margin: 0 0 -8px
	}

	.msg-dialog .msg-form .msg-send-email {
		font-size: 12px;
		margin-top: 5px
	}

	.msg-dialog .qrcode-wrap {
		position: static;
		margin: 20px auto 0
	}
}

.msg-dialog-close {
	position: absolute;
	right: 30px;
	top: 5px;
	width: 50px;
	height: 50px;
	background: url(../images/close.png) top center no-repeat;
	background-size: 100% auto;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	cursor: pointer
}

.msg-dialog-close:hover {
	opacity: .7;
	background: url(../images/close.png) top center no-repeat
}

@media (max-width:1439px) {
	.msg-dialog-close {
		right: 0;
		top: 0
	}
}

@media (max-width:767px) {
	.msg-dialog-close {
		width: 40px;
		height: 40px
	}
}

.msg-loading-box {
	position: absolute;
	z-index: 9;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, .9)
}

.msg-loading,
.msg-result {
	position: absolute;
	left: 50%;
	top: 50%
}

.msg-loading {
	width: 80px;
	height: 80px;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: url(../images/loading.gif) center no-repeat;
	background-size: cover
}

.msg-result {
	width: 100%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.inp-unit,
.inpbox {
	position: relative
}

.msg-result .big {
	font-size: 24px;
	color: #1282E7;
	margin-top: 20px
}

.msg-result .small {
	font-size: 15px;
	margin-top: 5px
}

.icon-msg-success {
	width: 80px;
	height: 80px;
	background: url(../images/success.png) center no-repeat;
	background-size: cover;
	margin: 0 auto
}

.input-common {
	width: 100%;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	background: #fff;
	font-size: 14px
}

@media (max-width:767px) {
	.input-common {
		font-size: 12px;
		height: 36px
	}
}

.err,
.itxt {
	font-size: 14px
}

textarea.input-common {
	height: 80px;
	font-family: " ", Arial, sans-serif
}

@media (max-width:767px) {
	textarea.input-common {
		height: 36px;
		font-family: " ", Arial, sans-serif
	}
}

.inp-unit {
	margin-bottom: 20px
}

.inpbox {
	height: 42px;
	line-height: 42px;
	border: 1px solid #ddd
}

.inpbox-phone {
	padding-left: 60px
}

.inpbox-code {
	width: 320px
}

.inp-disable {
	background-color: #eee;
	color: #999
}

.btn-code,
.btn-code:hover {
	color: #fff
}

.inp-codebox {
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
	width: 86px;
	height: 40px;
	background-color: #656565
}

.inp-codebox img {
	max-width: 100%;
	max-height: 100%;
	cursor: pointer
}

.inp-codebtn {
	position: absolute;
	right: 0;
	top: 0
}

.btn-code {
	position: relative;
	width: 128px;
	height: 42px;
	line-height: 42px;
	background-color: #1282E7
}

.btn-code img {
	max-height: 100%
}

.btn-disable,
.btn-disable:hover {
	color: #fff !important;
	background-color: #ccc !important;
	cursor: default
}

.area-num {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 100%;
	border-right: 1px solid #ddd
}

.itxt {
	box-sizing: border-box;
	padding: 0 16px;
	width: 100%;
	height: 100%;
	border: none
}

.inpbox-focus {
	border-color: #0984e3
}

.inpbox-err {
	border-color: #d44848
}

.err,
.err-ok,
.err-tip {
	padding-top: 4px
}

.err {
	color: #d44848
}

.err-tip {
	color: #999
}

.err-ok {
	color: #47b450
}

.inpbtn {
	margin-top: 40px
}

.inpbtn-p {
	margin-top: 6px;
	font-size: 12px;
	text-align: right
}

.inpbtn-p a {
	color: #1282E7
}

.inp-err,
.inp-err * {
	color: #d44848
}

.inp-err {
	margin-bottom: -20px
}

.btn-big:hover {
	color: #fff;
	background-color: #74b9ff
}

.protocol {
	margin-top: 10px;
	font-size: 12px
}

.protocol input {
	vertical-align: middle;
	margin-right: 8px
}

.protocol a {
	color: #1282E7
}

@media (max-width:767px) {
	.btn-big {
		width: 100%
	}

	.inpbox-code {
		width: 58%;
		width: calc(100% - 140px)
	}
}

.lang-en .section-content-btn .btn.forbidden {
	width: 220px
}

.sidebar-v2 {
	position: fixed;
	z-index: 99;
	top: 70%;
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
	-o-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	right: -100px;
	opacity: 0
}

.sidebar-v2.show {
	opacity: 1;
	right: 0
}

.sidebar-v2 .sidebar-list {
	position: relative;
	background: #fff;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	border-top: 1px solid #ddd;
	color: #666
}

.sidebar-v2 .sidebar-list:nth-child(1) {
	border-top: none
}

.sidebar-v2 .sidebar-list.active,
.sidebar-v2 .sidebar-list:hover {
	color: #0096ff
}

.sidebar-v2 .sidebar-list .iconfont-new {
	font-size: 30px;
	color: inherit
}

.sidebar-v2 .sidebar-list p {
	font-size: 14px;
	color: inherit;
	margin: 0
}

.sidebar-v2 .sidebar-list .sidebar-img {
	position: absolute;
	z-index: -1;
	left: 0;
	top: -10px;
	opacity: 0;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-transition: all .4s ease
}

.sidebar-v2 .sidebar-list .sidebar-img .mp-code {
	display: block;
	width: 139px;
	height: 151px;
	background: url(../images/xl-oa.jpg) center no-repeat;
	background-size: cover
}

.sidebar-v2 .sidebar-list:hover .sidebar-img {
	z-index: 1;
	opacity: 1;
	left: -148px
}

@media (max-width:1439px) {
	.sidebar-v2 .sidebar-list {
		padding: 10px;
		border-top: 1px solid #ddd
	}

	.sidebar-v2 .sidebar-list .iconfont-new {
		font-size: 24px
	}

	.sidebar-v2 .sidebar-list p {
		font-size: 12px
	}
}

@media (max-width:767px) {
	.sidebar-v2 .sidebar-list .sidebar-img .mp-code {
		width: 80px;
		height: 80px;
		margin: 0 auto
	}

	.sidebar-v2 {
		display: none
	}
}

.section-doc {
	background: #F6FAFE;
	padding: 1px 0
}

.doc-container {
	padding: 0 30px 70px;
	margin: 70px auto;
	background: #fff
}

.doc-nav>ul>li>a,
.doc-nav>ul>li>ul>li {
	margin-bottom: 10px
}

.doc {
	position: relative;
	padding-left: 300px;
	padding-top: 30px;
	text-align: justify
}

.doc.doc-full {
	padding-left: 0
}

.doc-nav {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 40px;
	width: 270px
}

.doc-nav>ul ul ul ul {
	display: none
}

.doc img,
.doc-nav>ul>li ul ul>li.on ul,
.doc-nav>ul>li>a {
	display: block
}

.doc-nav a {
	color: #666
}

.doc-nav a:hover {
	text-decoration: none;
	color: #1282E7
}

.doc-vice .doc-vice-list li a:hover,
.go-login a:hover,
.inp-ect a:hover,
.regist-result h3 a:hover,
.subban-link:hover {
	text-decoration: underline
}

.doc-nav li.on>a,
.on>a {
	color: #1282E7
}

.doc-nav li {
	position: relative;
	padding-left: 10px
}

.doc-nav ul>li.on:after {
	content: " ";
	display: block;
	height: 1.6em;
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	background: #1282E7
}

.doc-nav>ul>li {
	font-size: 14px
}

.doc-nav>ul>li>ul>li>a {
	font-weight: 700
}

.doc h1,
.doc h2,
.doc h3,
.doc h4,
.doc h5,
.doc-table th {
	font-weight: 400
}

.doc-nav>ul>li>ul>li li {
	font-size: 12px
}

.doc h1,
.doc h2,
.doc h3,
.doc h4,
.doc h5,
.doc h6 {
	margin: 1.5em 0 .5em
}

.doc img {
	margin: 0 auto;
	width: auto;
	max-width: 800px
}

.doc h1 {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	font-size: 30px;
	margin: 0 0 .5em
}

.doc ol li,
.doc p {
	color: #666;
	margin-bottom: .5em
}

.doc h2 {
	font-size: 24px
}

.doc h3 {
	font-size: 18px
}

.doc h4 {
	font-size: 16px
}

.doc h5,
.doc p {
	font-size: 14px
}

.doc-nav.fixed {
	position: fixed;
	left: 50%;
	margin-left: -550px;
	top: 0
}

.doc ol,
.doc ul {
	padding-left: 1em;
	margin-bottom: 1em
}

.doc li,
.doc-table,
pre {
	margin-bottom: .5em
}

.doc-table td,
.doc-table th {
	border: 1px solid #eee;
	padding: 5px 10px
}

.doc-table th {
	background: #f4f7f9;
	white-space: nowrap
}

code,
pre,
tt {
	font-size: 12px;
	font-family: Consolas, "Liberation Mono", Courier, monospace
}

code,
tt {
	margin: 0;
	white-space: nowrap;
	border: 1px solid #eaeaea;
	background-color: #f8f8f8;
	border-radius: 3px;
	padding: 3px 7px
}

pre>code {
	margin: 0;
	padding: 0;
	white-space: pre;
	border: none;
	background: 0 0
}

pre {
	background-color: #f8fafc;
	border: 1px solid #eee;
	font-size: 13px;
	line-height: 19px;
	overflow: auto;
	padding: 6px 10px;
	border-radius: 3px;
	-webkit-overflow-scrolling: touch
}

pre code,
pre tt {
	background-color: transparent;
	border: none
}

kbd {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #DDD;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#DDD));
	background-image: -o-linear-gradient(#F1F1F1, #DDD);
	background-image: linear-gradient(#F1F1F1, #DDD);
	background-repeat: repeat-x;
	border-color: #DDD #CCC #CCC #DDD;
	-o-border-image: none;
	border-image: none;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 10px;
	padding: 1px 4px
}

@media (max-width:767px) {

	.doc h1,
	.doc h2,
	.doc h3,
	.doc h4,
	.doc h5 {
		font-weight: 400
	}

	.doc-container {
		margin: 0;
		padding: 0 16px
	}

	.doc {
		padding-left: 0
	}

	.doc-nav {
		display: none
	}

	.section-doc {
		padding: 0
	}

	.doc p {
		font-size: 12px
	}

	.doc h1 {
		font-size: 24px
	}

	.doc h2 {
		font-size: 18px
	}

	.doc h3 {
		font-size: 16px
	}

	.doc h4 {
		font-size: 14px
	}

	.doc h5 {
		font-size: 12px
	}

	code,
	tt {
		display: block;
		overflow: auto
	}

	.doc img {
		max-width: 100%
	}
}

.index.gray {
	background: #F6FAFE;
	padding: 70px 0
}

@media (max-width:767px) {
	.index.gray {
		padding: 0
	}
}

.article {
	width: 1200px;
	background: #fff;
	margin: 0 auto;
	padding: 50px 30px
}

.article h1,
.article h2 {
	margin-bottom: 1em;
	font-weight: 400
}

.article h1 {
	font-size: 24px
}

.article h2 {
	font-size: 18px
}

.article h3 {
	font-size: 16px;
	margin-bottom: 1em;
	font-weight: 400
}

.article h4,
.article p {
	font-size: 14px;
	margin-bottom: 1em
}

.article h4 {
	font-weight: 400
}

@media (max-width:767px) {
	.article {
		width: auto;
		margin: 0;
		padding: 30px 16px
	}

	.article h1 {
		font-size: 18px
	}

	.article h2 {
		font-size: 16px
	}

	.article h3 {
		font-size: 14px
	}

	.article h4 {
		font-size: 12px
	}
}

.doc-nav-style {
	height: 100%;
	overflow: scroll;
	padding-right: 20px
}

.doc-nav-style::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

.doc-nav-style::-webkit-scrollbar-thumb {
	border-radius: 5px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	background: rgba(0, 0, 0, .2)
}

.doc-nav-style::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	border-radius: 0;
	background: rgba(0, 0, 0, .1)
}

.doc-en {
	text-align: left;
	word-break: break-word
}

.site404 {
	background: url(../images/404.jpg) center 160px no-repeat #222;
	background-image: -webkit-image-set(url(../images/404.jpg) 1x, url(/images/platform/404_2x.jpg) 2x, url(/images/platform/404_2x.jpg) 3x);
	background-size: auto 250px
}

.site500 {
	background: url(../images/500.jpg) center 160px no-repeat #222;
	background-image: -webkit-image-set(url(../images/500.jpg) 1x, url(/images/platform/500_2x.jpg) 2x, url(/images/platform/500_2x.jpg) 3x);
	background-size: auto 250px
}

.site404 .main,
.site500 .main {
	padding: 410px 0 300px
}

.site404-txt {
	position: relative;
	padding-top: 20px;
	text-align: center;
	color: #fff
}

.site404-txt h3 {
	font-size: 24px
}

.site404-btn {
	margin-top: 70px
}

.site404-btn a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 20px;
	padding: 0;
	height: 32px;
	line-height: 32px;
	font-size: 14px
}

.site500-num {
	position: absolute;
	left: 50%;
	top: -1.25em;
	margin-left: -.9em;
	font-size: 200px;
	line-height: 1.2;
	color: #fff
}

.index-ban,
.subpage-ban {
	position: relative;
	height: 560px;
	overflow: hidden
}

.subpage-ban {
	height: 300px
}

.index-banlist {
	width: 100%;
	height: 100%;
	background: -o-linear-gradient(213deg, #00DFF6 0, #03D5F4 7%, #254CD5 100%);
	background: linear-gradient(-123deg, #00DFF6 0, #03D5F4 7%, #254CD5 100%)
}

.index-banlist.no-bg {
	background: 0 0
}

.index-ban-1 {
	background: url(../images/banner-index.png) center no-repeat;
	background-size: auto 100%
}

.index-ban-2 {
	background: url(../images/banner-index2.jpg) center no-repeat #000;
	background-size: auto 100%
}

.banner-full-link {
	display: block;
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	top: 0;
	bottom: 50px
}

.index-ban-txt {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -150px 0 0 -400px;
	width: 800px;
	text-align: center;
	color: #fff
}

.index-ban-txt h2 {
	margin-bottom: 20px;
	font-size: 48px
}

.index-ban-txt p {
	font-size: 20px;
	line-height: 1.8
}

.btn-ban {
	display: inline-block;
	margin-top: 40px;
	width: 160px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #4a4a4a;
	text-align: center;
	background: #fff
}

.swiper-slide,
.swiper-wrapper {
	height: 100%;
	position: relative;
	width: 100%
}

.btn-ban:active {
	-webkit-transform: scale(.96);
	-ms-transform: scale(.96);
	transform: scale(.96)
}

.swiper-slide-active .index-ban-txt .btn-ban,
.swiper-slide-active .index-ban-txt h2,
.swiper-slide-active .index-ban-txt p {
	-webkit-animation: fadeInUp .8s .5s ease-out both;
	animation: fadeInUp .8s .5s ease-out both
}

.swiper-slide-active .index-ban-txt p {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.swiper-slide-active .index-ban-txt .btn-ban {
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-wrapper {
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination-bullets {
	bottom: 50px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	position: relative;
	margin: 0 5px;
	width: 30px;
	height: 20px;
	display: inline-block;
	vertical-align: middle
}

.swiper-pagination-bullet:after {
	content: " ";
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	border-radius: 1px;
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: rgba(255, 255, 255, .3)
}

.swiper-pagination-bullet-active:after,
.swiper-pagination-bullet:hover:after {
	height: 5px;
	background: #fff
}

.swiper-button-next,
.swiper-button-prev {
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 20px auto;
	cursor: pointer
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	filter: alpha(opacity=100)
}

.swiper-button-white {
	position: absolute;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	z-index: 10;
	width: 40px;
	height: 100%;
	top: 0;
	opacity: .3
}

.swiper-button-white:hover {
	opacity: 1
}

.swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	left: 0
}

.swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	right: 0
}

@media (max-width:1439px) {
	.swiper-button-white {
		width: 40px
	}

	.swiper-button-next,
	.swiper-button-prev {
		background-position: 10px center
	}
}

.banner-index-txt {
	position: absolute;
	width: 100%;
	left: 0;
	top: 15%;
	font-size: 48px;
	color: #fff;
	text-align: center
}

.banner-index-txt small {
	display: block;
	font-size: 14px;
	letter-spacing: 3px
}

.banner-txt-common {
	color: #fff;
	position: absolute;
	z-index: 3;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.banner-txt-common p {
	color: #fff;
	margin-top: 10px;
	font-size: 14px;
	width: 50%
}

.banner-txt-common .btn-radius {
	margin-top: 20px
}

.banner-txt-common .banner-state {
	margin-bottom: 20px
}

.banner-txt-common .banner-state span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	font-size: 12px;
	background: rgba(255, 255, 255, .2);
	height: 26px;
	line-height: 26px;
	border-radius: 13px
}

@media (max-width:767px) {
	.banner-txt-common p {
		width: 100%;
		font-size: 12px
	}

	.banner-txt-common .btn-radius {
		display: none
	}

	.banner-txt-common .banner-state {
		margin-bottom: 10px
	}

	.banner-txt-common .btn-banner-blue {
		margin: 15px auto 0
	}
}

.btn-banner-blue,
.btn-banner-border {
	display: block;
	margin-top: 10px;
	width: 180px;
	height: 44px;
	line-height: 44px;
	font-size: 16px
}

.btn-banner-border {
	border-radius: 22px;
	border: 1px solid #fff;
	text-align: center;
	color: #fff
}

.btn-banner-border:hover {
	border: 1px solid rgba(255, 255, 255, .7);
	color: rgba(255, 255, 255, .7)
}

.btn-banner,
.btn-banner-blue {
	border-radius: 22px;
	text-align: center
}

.btn-banner-blue {
	color: #fff;
	background: #005cff
}

.btn-banner-blue:hover {
	opacity: .7;
	color: #fff
}

.banner-txt-common h2 {
	font-size: 48px;
	font-weight: 400;
	margin-bottom: 5px
}

.subpage-ban .banner-txt-common h2 {
	font-size: 36px;
	font-weight: 400
}

.banner-txt-common p.big {
	font-size: 24px
}

@media (max-width:767px) {
	.banner-txt-common p.big {
		font-size: 14px
	}
}

.banner-txt-common p.line {
	display: inline-block;
	padding-right: 15px;
	position: relative
}

.banner-txt-common p.line span {
	position: relative;
	z-index: 3
}

.banner-txt-common p.line:after {
	content: " ";
	position: absolute;
	display: block;
	height: 6px;
	width: 100%;
	bottom: 2px;
	left: 0;
	background: #45A4EF
}

.banner-txt-common p.small {
	font-size: 14px;
	margin-top: 15px
}

.btn-banner {
	display: inline-block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	margin-top: 30px
}

.btn-banner-full {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10
}

.banner-txt-notice {
	position: absolute;
	left: 0;
	top: -30px;
	color: #FFE902;
	font-size: 16px
}

.banner-img1,
.banner-img2,
.banner-img3,
.banner-img4,
.banner-img5,
.banner-img6,
.banner-img7 {
	top: 0;
	position: absolute;
	height: 100%;
	width: 1100px;
	left: 50%;
	margin-left: -550px
}

.banner-img1 {
	background: url(../images/banner1.png) top right no-repeat;
	background-size: auto 100%
}

.banner-img2 {
	background: url(../images/banner2.png) top right no-repeat;
	background-size: auto 100%
}

.banner-img3 {
	background: url(../images/banner3.png) top right no-repeat;
	background-size: auto 100%
}

.banner-img4 {
	background: url(../images/banner4.png) top right no-repeat;
	background-size: auto 100%
}

.banner-img5 {
	background: url(../images/banner5.png) top right no-repeat;
	background-size: auto 100%
}

.banner-img6 {
	background: url(../images/banner6.png) top right no-repeat;
	background-size: auto 100%
}

.banner-img7 {
	background: url(../images/banner7.png) top right no-repeat;
	background-size: auto 100%
}

.banner-img8 {
	position: absolute;
	height: 100%;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	top: 0;
	background: url(../images/banner8.png) center right no-repeat;
	background-size: auto 80%
}

.banner-img10,
.banner-img9 {
	width: 100%;
	left: 0;
	position: absolute;
	height: 100%;
	top: 0
}

.banner-img9 {
	background: url(../images/banner9.jpg) center center no-repeat;
	background-size: cover
}

.banner-img10 {
	background: url(../images/banner10.png) center center no-repeat;
	background-size: cover
}

.banner-img11 {
	position: absolute;
	height: 100%;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	top: 0;
	background: url(../images/banner11.png) center right no-repeat;
	background-size: auto 60%
}

.banner-img12 {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: url(../images/banner12.jpg) center center no-repeat;
	background-size: cover
}

.banner-accesslk,
.banner-catalyst,
.banner-index-lottery,
.banner-index-tool,
.banner-index-vote,
.banner-lottery,
.banner-mall,
.banner-tcfs,
.banner-vote {
	position: absolute;
	height: 100%;
	width: 1100px;
	left: 50%;
	margin-left: -550px
}

.banner-mall {
	top: 0;
	background: url(../images/banner.png) top right no-repeat;
	background-size: auto 100%
}

.banner-tcfs {
	top: 0;
	background: url(../images/banner.png) top right no-repeat;
	background-size: auto 100%
}

.banner-lottery {
	top: 0;
	background: url(../images/banner-page.png) top right no-repeat;
	background-size: auto 100%
}

.banner-vote {
	top: 0;
	background: url(../images/banner-page.png) top right no-repeat;
	background-size: auto 100%
}

.banner-accesscnt {
	position: absolute;
	height: 100%;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	top: 0;
	background: url(../images/banner.png) top right no-repeat;
	background-size: auto 100%
}

.banner-catalyst {
	top: 0;
	background: url(../images/banner.png) top right no-repeat;
	background-size: auto 100%
}

.banner-accesslk {
	top: 0;
	background: url(../images/banner.png) top right no-repeat;
	background-size: auto 100%
}

.banner-index-lottery {
	top: 0;
	background: url(../images/banner.png) top right no-repeat;
	background-size: auto 100%
}

.banner-index-vote {
	top: 0;
	background: url(../images/banner.png) top right no-repeat;
	background-size: auto 100%
}

.banner-index-tool {
	top: 0;
	background: url(../images/banner.png) top right no-repeat;
	background-size: auto 90%
}

.banner-img13,
.banner-info {
	width: 1200px;
	margin-left: -600px;
	position: absolute;
	height: 100%;
	left: 50%;
	top: 0
}

.banner-info {
	background: url(../images/banner-pc.png) bottom right no-repeat;
	background-size: auto 90%
}

.banner-img13 {
	background: url(../images/banner13.png) center right no-repeat;
	background-size: auto 90%
}

.banner-case {
	position: absolute;
	height: 100%;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	top: 0;
	background: url(../images/banner.png) top right no-repeat;
	background-size: auto 100%;
	z-index: -1
}

@media (max-width:1440px) {
	.index-ban {
		height: 520px
	}
}

@media (max-width:1279px) {

	.banner-accesscnt,
	.banner-accesslk,
	.banner-case,
	.banner-catalyst,
	.banner-img08,
	.banner-img1,
	.banner-img11,
	.banner-img13,
	.banner-img2,
	.banner-img3,
	.banner-img5,
	.banner-img6,
	.banner-index-lottery,
	.banner-index-tool,
	.banner-index-vote,
	.banner-mall,
	.banner-tcfs,
	.banner-txt-common {
		width: 86%;
		margin-left: -43%
	}

	.banner-txt-common h2 {
		font-size: 24px;
		margin-bottom: 5px
	}

	.subpage-ban .banner-txt-common h2 {
		font-size: 24px
	}
}

@media (max-width:1023px) {

	.banner-accesscnt,
	.banner-accesslk,
	.banner-case,
	.banner-catalyst,
	.banner-img08,
	.banner-img1,
	.banner-img11,
	.banner-img13,
	.banner-img2,
	.banner-img3,
	.banner-img5,
	.banner-img6,
	.banner-index-lottery,
	.banner-index-tool,
	.banner-index-vote,
	.banner-mall,
	.banner-tcfs {
		top: 48px;
		height: 250px
	}

	.banner-txt-common {
		top: 55%
	}

	.banner-txt-common p {
		width: 80%
	}
}

@media (max-width:767px) {

	.btn-banner,
	.swiper-button-next,
	.swiper-button-prev {
		display: none
	}

	.index-ban {
		height: 420px
	}

	.index-ban-2 {
		background: url(../images/banner-index2-phone.jpg) center no-repeat;
		background-size: cover
	}

	.banner-img1,
	.banner-img11,
	.banner-img13,
	.banner-img2,
	.banner-img3,
	.banner-img4,
	.banner-img5,
	.banner-img6,
	.banner-img8,
	.banner-index-lottery,
	.banner-index-tool,
	.banner-index-vote {
		width: 100%;
		height: 300px;
		bottom: 0;
		top: auto;
		left: 0;
		background-position: center;
		margin-left: auto
	}

	.banner-info {
		background: url(../images/banner.png) top right no-repeat;
		background-size: auto 100%
	}

	.banner-accesscnt,
	.banner-accesslk,
	.banner-case,
	.banner-catalyst,
	.banner-info,
	.banner-lottery,
	.banner-mall,
	.banner-tcfs,
	.banner-vote {
		height: 180px;
		bottom: 0;
		background-position: center;
		top: auto
	}

	.banner-txt-common {
		width: 80%;
		text-align: center;
		left: 10%;
		top: 50px;
		margin-left: auto;
		-ms-transform: none;
		transform: none;
		-webkit-transform: none
	}

	.banner-txt-notice {
		position: static
	}

	.banner-txt-common h2 {
		font-size: 18px;
		margin-bottom: 5px
	}

	.subpage-ban .banner-txt-common h2 {
		font-size: 18px
	}

	.banner-txt-common p {
		width: auto;
		font-size: 12px
	}

	.banner-txt-common p.small {
		font-size: 12px;
		margin: 0 20px
	}

	.banner-index-txt {
		font-size: 24px
	}

	.banner-img9 {
		background-image: url(../images/banner9_mini.jpg)
	}

	.banner-img10 {
		background-image: url(../images/banner10_mini.png)
	}

	.banner-img12 {
		background-image: url(../images/banner12_mini.jpg)
	}

	.swiper-pagination-bullets {
		bottom: 30px
	}

	.banner-txt-common p.line:after {
		display: none
	}
}

.login-banner,
.login-slogan,
.loginbox {
	position: absolute;
	top: 50%
}

@media (max-width:375px) {
	.banner-txt-common h2 {
		font-size: 22px
	}
}

.table-header .table-title3.center {
	text-align: center
}

.page {
	margin-top: 50px
}

.page .page-ul {
	text-align: center
}

.page .page-ul li {
	display: inline-block;
	margin: 0 3px;
	width: 26px;
	text-align: center;
	height: 26px;
	line-height: 24px;
	border: 1px solid #ddd;
	font-size: 12px
}

.page .page-ul li a {
	display: block;
	color: #333
}

.page .page-ul li a:hover,
.page .page-ul li.on a {
	background: rgba(18, 130, 231, .15)
}

.page .page-ul li.page-more {
	border: none
}

@media (max-width:767px) {
	.page {
		margin-top: 30px
	}
}

.table-prise {
	width: 100%;
	margin-top: 50px;
	text-align: center;
	font-size: 16px
}

.table-prise td,
.table-prise th {
	border-bottom: 2px solid #ccc;
	padding: 1.5em 0
}

@media (max-width:767px) {
	.table-prise {
		margin-top: 30px;
		font-size: 14px
	}

	.table-prise td,
	.table-prise th {
		border-bottom: 1px solid #ccc
	}
}

.tbbox {
	display: table
}

.tbcell {
	display: table-cell;
	vertical-align: middle
}

.login-banner {
	background: url(../images/login-banner.png) 20% center no-repeat;
	width: 1016px;
	height: 579px;
	left: 50%;
	margin-left: -740px;
	margin-top: -260px
}

.copyright,
.loginbox .btn-big {
	width: 100%
}

.login-slogan {
	left: 50%;
	margin-left: -500px;
	color: #fff;
	font-size: 48px;
	margin-top: -280px
}

.login-slogan h1 {
	font-size: 1em;
	font-weight: 700
}

.login-slogan small {
	font-size: 18px;
	display: block;
	font-weight: 400;
	opacity: .6;
	letter-spacing: 2.5px
}

.login-slogan p {
	font-size: .3em;
	color: rgba(255, 255, 255, .6)
}

.loginbox {
	right: 70px;
	margin-top: -230px;
	padding: 35px;
	min-width: 330px;
	background-color: #fff
}

.loginbox .btn-big img {
	max-width: 100%;
	max-height: 100%
}

.inp-ect {
	position: relative;
	margin-top: 20px
}

.inp-ect a {
	color: #1282E7
}

.copyright,
.copyright a {
	color: #fff
}

.copyright {
	position: absolute;
	left: 0;
	bottom: 20px;
	text-align: center;
	font-size: 12px
}

.pop {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1001
}

.pop:before {
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}

.btn-subbtn,
.i-success-sml {
	display: inline-block;
	vertical-align: middle
}

.case-tab-list:after,
.case-tab:after,
.in-list-box:after,
.in-list-pro:after,
.product-content:after,
.section-edition .section-edition-content3:after,
.section-tab .section-tab-ul li:after {
	content: " "
}

.popbtn {
	text-align: center
}

.pop-text {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -170px;
	width: 340px;
	height: 200px;
	background-color: #fff
}

.pop-text .tbbox {
	width: 100%;
	height: 120px
}

.pop-text .tbcell {
	padding: 0 20px;
	font-size: 18px;
	text-align: center
}

.i-success-sml {
	margin-right: 10px;
	margin-top: -2px;
	width: 30px;
	height: 30px;
	background: url(../images/success_sml.png) no-repeat
}

.subban {
	background-color: #171619
}

.subban .main {
	position: relative;
	height: 450px
}

.abs,
.subban-info {
	position: absolute
}

.subban-info {
	left: 50px;
	top: 50%;
	margin-top: -120px;
	width: 550px;
	font-size: 16px;
	color: #999
}

.subban-info h3 {
	margin-bottom: 10px;
	font-size: 36px;
	color: #fff
}

.subban-btn {
	margin-top: 35px
}

.btn-subbtn {
	width: 160px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #1282E7;
	background-image: -o-linear-gradient(228deg, #00a2ff, #1282E7);
	background-image: linear-gradient(-138deg, #00a2ff, #1282E7)
}

.btn-subbtn:hover {
	color: #fff;
	background-color: #00a2ff;
	background-image: none
}

.subban-link {
	margin-left: 20px;
	font-size: 14px;
	color: #568af2
}

.subban-link:hover {
	color: #568af2
}

.registbox {
	margin: 0 auto;
	color: #999;
	background-color: #fff
}

.regform {
	margin: 0 auto;
	width: 460px
}

.form-tit {
	margin-bottom: 40px;
	text-align: center;
	color: #666
}

.form-tit h3 {
	font-size: 24px;
	color: #333
}

.go-login {
	margin: 30px 0 60px;
	text-align: center;
	color: #666
}

.abs {
	right: 0;
	top: 0
}

.go-login a {
	color: #1282E7
}

@media (max-width:767px) {

	.login-banner,
	.login-slogan {
		display: none
	}

	.loginbox {
		width: 90%;
		right: auto;
		margin-top: auto;
		padding: 20px;
		top: 40%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%)
	}

	.copyright {
		padding: 0 5px
	}

	.regform {
		width: 90%
	}

	.inpbtn .btn-big {
		width: 100%
	}
}

.registbox {
	padding: 30px 0
}

@media (max-width:374px) {
	.form-tit h3 {
		font-size: 18px
	}

	.inp-unit {
		margin-bottom: 10px
	}

	.copyright {
		bottom: 10px;
		font-size: 10px
	}

	.form-tit {
		margin-bottom: 30px
	}
}

.login-form {
	width: 260px
}

.login-form.sms {
	width: 340px
}

.login-form.sms .inpbox-code {
	width: 200px
}

.login-form .back {
	margin-bottom: 24px
}

.login-form .back-btn {
	color: #666
}

.newslist {
	position: relative;
	display: table;
	width: 100%;
	padding: 50px 0;
	border-bottom: 1px solid #eee;
	font-size: 20px
}

.newslist .newslist-date {
	display: table-cell;
	width: 60px;
	vertical-align: top
}

.newslist .newslist-date span {
	font-size: .7em;
	color: #999;
	display: block;
	margin-top: .7em
}

.newslist .newslist-date .newslist-title {
	color: #05f
}

.newslist .newslist-content {
	display: table-cell;
	vertical-align: top;
	padding-left: 20px
}

.newslist .newslist-content p {
	color: #666;
	margin-top: .7em;
	font-size: .7em
}

.newslist .newslist-content p.right {
	text-align: right
}

.newslist .newslist-title {
	font-size: .9em;
	font-weight: 400;
	margin-bottom: 15px
}

.newslist .newslist-title a {
	color: #333
}

.newslist .newslist-title a:hover {
	color: #05f
}

@media (max-width:767px) {
	.newslist {
		padding: 30px 0;
		font-size: 15px
	}

	.newslist .newslist-content {
		padding-left: 10px
	}
}

.bread-nav {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px
}

.bread-nav .right {
	float: right
}

.bread-nav .segment {
	margin: 0 8px;
	color: #999
}

.bread-nav a {
	color: #999
}

.bread-nav a:hover {
	color: #05f
}

@media (max-width:767px) {
	.bread-nav {
		padding-bottom: 10px;
		font-size: 12px
	}
}

article.article-news {
	padding: 50px 30px;
	margin-top: 70px;
	background: #fff;
	font-size: 20px
}

article.article-news p {
	font-size: .7em;
	margin-top: 1em
}

article.article-news .article-title1,
article.article-news h1 {
	font-size: 1.5em;
	text-align: center;
	font-weight: 400
}

article.article-news .article-title2,
article.article-news h2 {
	font-size: 1.2em;
	margin-top: 1em;
	font-weight: 400
}

article.article-news .article-title3,
article.article-news h3 {
	font-size: .9em;
	margin-top: 1em;
	font-weight: 400
}

article.article-news .article-title4,
article.article-news h4 {
	font-size: .8em;
	margin-top: 1em;
	font-weight: 400
}

article.article-news ol,
article.article-news ul {
	padding-left: 20px;
	font-size: .7em;
	margin-top: 1em
}

article.article-news ol li,
article.article-news ul li {
	margin-top: .4em
}

article.article-news img {
	max-width: 90%
}

article.article-news section {
	padding: 0
}

@media (max-width:1439px) {
	article.article-news {
		margin-top: 50px
	}
}

@media (max-width:767px) {
	article.article-news {
		margin-top: 30px;
		padding: 30px 16px;
		font-size: 17px
	}
}

.paging {
	text-align: center;
	padding: 30px 0;
	font-size: 16px
}

.paging a {
	color: #666;
	padding: 5px;
	margin: 0 10px
}

.paging a:hover {
	color: #5789FC
}

.paging a.next,
.paging a.prev {
	margin: 0 20px
}

.paging a.on {
	font-weight: 700;
	color: #2052FD
}

.paging span {
	color: #666;
	padding: 5px;
	margin: 0 10px
}

.phone-show {
	display: none
}

.phone-hide {
	display: inline-block
}

.phone-hide.big {
	display: block
}

@media (max-width:767px) {
	.phone-show {
		display: inline-block
	}

	.phone-hide,
	.phone-hide.big {
		display: none
	}
}

.section-figure {
	position: relative;
	padding-left: 500px;
	min-height: 300px;
	margin-top: 70px
}

.section-figure.section-figure-page {
	margin-top: 30px
}

.section-figure.half {
	padding-left: 600px;
	min-height: 480px
}

.section-figure.half img {
	width: 480px
}

.section-figure.half img.large {
	width: 560px
}

.section-figure.half.right,
.section-figure.half.right .section-figure-middle {
	padding-right: 600px
}

.section-figure img {
	display: block;
	width: 380px;
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%)
}

.section-figure.right {
	padding-right: 500px;
	padding-left: 0
}

.section-figure.right img {
	left: auto;
	right: 0
}

.section-figure.right .section-figure-middle {
	padding-right: 500px
}

.section-figure.normal {
	min-height: auto;
	padding-left: 0
}

.section-figure.normal.right {
	padding-right: 0
}

.section-figure .title-figure3 {
	font-size: 24px;
	margin-bottom: 1em;
	font-weight: 400
}

.section-figure .title-figure4 {
	font-size: 18px;
	margin-top: 1.4em;
	font-weight: 400
}

.section-figure p {
	font-size: 14px;
	margin-top: 1em
}

.section-figure .section-figure-middle {
	position: absolute;
	top: 50%;
	left: auto;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%)
}

@media (max-width:767px) {

	.section-figure.half.right,
	.section-figure.half.right .section-figure-middle,
	.section-figure.right {
		padding-right: 0
	}

	.section-figure {
		padding-left: 0;
		margin-top: 30px;
		border-bottom: 1px solid #eee;
		padding-bottom: 30px
	}

	.section-figure.section-figure-page {
		min-height: auto
	}

	.section-figure img {
		position: static;
		top: 0;
		left: 0;
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		width: 80%;
		margin: 0 auto
	}

	.section-figure.right .section-figure-middle {
		position: static;
		top: 0;
		left: auto;
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		padding-right: 0
	}

	.section-figure.right img {
		margin-bottom: 10px
	}

	.section-figure.no-border {
		border: none
	}

	.section-figure.half {
		padding-left: 0
	}

	.section-figure.half img,
	.section-figure.half img.large {
		width: 100%
	}

	.section-figure .title-figure3 {
		font-size: 18px
	}

	.section-figure .title-figure4 {
		font-size: 14px
	}

	.section-figure p {
		font-size: 12px
	}

	.section-figure .section-figure-middle {
		position: static;
		top: 0;
		left: auto;
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0)
	}
}

.section-content {
	margin-top: 70px
}

.section-content>p {
	font-size: 16px;
	margin-top: 1em
}

@media (max-width:1439px) {
	.section-content {
		margin-top: 50px
	}
}

@media (max-width:767px) {
	.section-content {
		margin-top: 30px
	}

	.section-content>p {
		font-size: 14px
	}
}

.section-content-btn {
	margin-top: 50px;
	text-align: center
}

.section-content-btn.left {
	text-align: left
}

@media (max-width:767px) {
	.section-content-btn {
		margin-top: 30px
	}
}

.section-open-process {
	margin-top: 50px;
	list-style-type: none
}

.section-open-process li {
	width: 20%;
	float: left;
	font-size: 14px;
	text-align: center
}

.section-open-process li .iconfont {
	font-size: 42px
}

.section-open-process li p {
	margin-top: 5px
}

.section-open-process li .icon-qukuailian {
	color: #21c9ff
}

.section-open-process li .icon-baiwantps {
	color: #50e3c3
}

.section-open-process li .icon-yizhanshi {
	color: #663ab7
}

.section-open-process li .icon-yingyongceng {
	color: #f6a16c
}

.section-open-process li .icon-zhuanli {
	color: #ff4c62
}

@media (max-width:767px) {
	.section-open-process {
		margin-top: 30px
	}

	.section-open-process li {
		padding: 0 3px
	}

	.section-open-process li .iconfont {
		font-size: 30px
	}

	.section-open-process li p {
		font-size: 10px
	}
}

.section-product-row {
	margin: 70px -20px 0
}

.section-product-row .section-product-col {
	float: left;
	width: 33.3333%;
	padding: 0 20px
}

@media (max-width:767px) {
	.section-product-row {
		display: block;
		margin: 30px 0 0
	}

	.section-product-row .section-product-col {
		float: none;
		width: auto;
		padding: 0
	}
}

.product-in {
	background: #fff;
	text-align: center;
	-webkit-box-shadow: 0 2px 10px rgba(37, 73, 160, .08);
	box-shadow: 0 2px 10px rgba(37, 73, 160, .08);
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: all .2s ease
}

.product-in h3 {
	font-size: 18px;
	font-weight: 400
}

.product-in p {
	font-size: 14px;
	margin-top: 1em;
	text-align: left;
	height: 6em
}

.product-in img {
	width: 100%
}

.product-in .product-in-content {
	padding: 30px 30px 50px
}

.product-in:hover {
	-webkit-box-shadow: 0 4px 30px rgba(37, 73, 160, .2);
	box-shadow: 0 4px 30px rgba(37, 73, 160, .2)
}

@media (max-width:767px) {
	.product-in {
		border: none;
		border-bottom: 1px solid #eee
	}

	.product-in h3 {
		font-size: 16px
	}

	.product-in p {
		font-size: 12px;
		height: 4.5em
	}

	.product-in .product-in-content {
		padding: 0 20px 30px
	}
}

.section-edition {
	position: relative;
	margin: 70px -40px 0;
	min-height: 480px
}

.section-edition .section-edition-content {
	width: 33.3333%;
	padding: 40px;
	text-align: center
}

.section-edition .section-edition-content h3 {
	margin-top: 1em;
	font-size: 18px;
	font-weight: 400
}

.section-edition .section-edition-content p {
	margin-top: 1.4em;
	text-align: left
}

.section-edition .section-edition-content1 {
	float: left;
	color: #999
}

.section-edition .section-edition-content2 {
	float: right;
	color: #999
}

.section-edition .section-edition-content3 {
	position: absolute;
	top: 0;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	background: #fff;
	-webkit-box-shadow: 0 10px 30px 0 rgba(18, 154, 231, .12);
	box-shadow: 0 10px 30px 0 rgba(18, 154, 231, .12)
}

.section-edition .section-edition-content3:after {
	display: block;
	position: absolute;
	width: 100%;
	height: 8px;
	background: #05f;
	left: 0;
	bottom: 0
}

@media (max-width:767px) {
	.section-edition {
		margin: 0
	}

	.section-edition .section-edition-content {
		margin: 30px 0 0;
		width: auto;
		padding: 0
	}

	.section-edition .section-edition-content h3 {
		font-size: 16px
	}

	.section-edition .section-edition-content p {
		font-size: 12px
	}

	.section-edition .section-edition-content1,
	.section-edition .section-edition-content2 {
		float: none;
		color: #333
	}

	.section-edition .section-edition-content3 {
		position: static;
		top: 0;
		left: 0;
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		background: 0 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}

	.section-edition .section-edition-content3:after {
		display: none
	}
}

.icon-edition {
	display: inline-block;
	width: 170px;
	height: 170px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%
}

@media (max-width:767px) {
	.icon-edition {
		width: 120px;
		height: 120px
	}
}

.section-programe-img,
.section-programe-img-en {
	width: 100%;
	margin-top: 30px;
	position: relative;
	z-index: 3
}

.icon-edition1 {
	background-image: url(../images/icon-edition1.png)
}

.icon-edition2 {
	background-image: url(../images/icon-edition2.png)
}

.icon-edition3 {
	background-image: url(../images/icon-edition3.png)
}

@media (max-width:767px) {
	.icon-edition1 {
		background-image: url(../images/icon-edition1-phone.png)
	}

	.icon-edition2 {
		background-image: url(../images/icon-edition2-phone.png)
	}
}

.section-programe-img {
	height: 675px;
	background: url(../images/index-programme.png) center no-repeat;
	background-size: auto 100%
}

@media (max-width:767px) {
	.section-programe-img {
		height: 320px
	}
}

.section-programe-img-en {
	height: 675px;
	background: url(../images/index-programme-en.png) center no-repeat;
	background-size: auto 100%
}

@media (max-width:767px) {
	.section-programe-img-en {
		height: 320px
	}
}

.section-case-row {
	margin: 70px 0;
	background: #fff;
	border: 1px solid #EAF2FA;
	border-radius: 6px;
	padding: 60px 420px 50px 50px;
	position: relative
}

.section-case-row:first-child {
	margin-top: 130px
}

.section-case-row img {
	display: block;
	position: absolute;
	right: 40px;
	width: 350px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.section-case-row h3 {
	color: #05f;
	margin-bottom: 20px;
	font-weight: 400
}

.section-case-row h3 big {
	display: block;
	font-size: 24px
}

.section-case-row h3 small {
	font-size: 18px;
	display: inline-block;
	color: #333;
	height: 30px;
	line-height: 30px
}

.section-case-row p {
	margin-top: .4em
}

.section-case-row .section-case-step {
	margin-top: 1.5em;
	display: inline-block;
	margin-left: 1em
}

.section-case-row .section-case-step span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	width: 90px;
	height: 30px;
	line-height: 30px;
	background: #e7f2fc;
	border-radius: 57px;
	text-align: center;
	color: #05f
}

@media (max-width:1100px) {
	.section-case-row .section-case-step {
		margin-left: 0
	}
}

.section-case-row a.section-case-step-gocts {
	display: block;
	background: -webkit-gradient(linear, left top, right top, from(#2353D6), to(#02DDF5));
	background: -o-linear-gradient(left, #2353D6, #02DDF5);
	background: linear-gradient(to right, #2353D6, #02DDF5);
	width: 160px;
	height: 35px;
	line-height: 35px;
	border-radius: 22px;
	text-align: center;
	font-size: 16px;
	padding: 2px;
	position: relative;
	margin-top: 40px
}

.section-case-row a.section-case-step-gocts:hover {
	background: -webkit-gradient(linear, right top, left top, from(#2353D6), to(#02DDF5));
	background: -o-linear-gradient(right, #2353D6, #02DDF5);
	background: linear-gradient(to left, #2353D6, #02DDF5)
}

.section-case-row a.section-case-step-gocts span {
	position: absolute;
	display: block;
	background: #fff;
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	border-radius: 22px;
	color: #5B7FFF;
	height: 95%;
	width: 99%;
	line-height: 35px
}

@media (max-width:767px) {
	.section-case-row {
		margin: 30px 0;
		padding: 16px
	}

	.section-case-row .icon-company {
		display: none
	}

	.section-case-row img {
		position: static;
		width: 100%;
		-ms-transform: translateY(0);
		transform: translateY(0);
		-webkit-transform: translateY(0)
	}

	.section-case-row .section-case-step>span {
		margin-right: 5px;
		font-size: 12px;
		width: auto;
		height: auto;
		line-height: 1;
		padding: 10px
	}

	.section-case-row h3 {
		margin-top: 1em;
		margin-bottom: 1em
	}

	.section-case-row h3 big {
		font-size: 18px
	}

	.section-case-row h3 small {
		font-size: 14px
	}

	.section-case-row p {
		font-size: 12px
	}
}

.icon-company {
	display: inline-block;
	width: 118px;
	height: 118px;
	position: absolute;
	left: 40px;
	top: -55px
}

.icon-company1 {
	background: url(../images/icon-company1.png) center no-repeat;
	background-size: cover
}

.icon-company2 {
	background: url(../images/icon-company2.png) center no-repeat;
	background-size: cover
}

.icon-company3 {
	background: url(../images/icon-company3.png) center no-repeat;
	background-size: cover
}

.icon-company4 {
	background: url(../images/icon-company4.png) center no-repeat;
	background-size: cover
}

.section-company-list {
	margin-top: 30px
}

.section-company-list li {
	float: left;
	padding: 10px 0;
	width: 16.66667%
}

.section-company-list li img {
	display: block;
	margin: 0 auto;
	width: 140px;
	height: 65px
}

@media (max-width:767px) {
	.section-company-list {
		margin: 0 -5px
	}

	.section-company-list li {
		padding: 10px 3px;
		width: 20%
	}

	.section-company-list li img {
		width: 100%;
		height: auto
	}
}

.section-news {
	margin: 70px -5px 0
}

.section-news .section-news-col {
	padding: 0 5px;
	float: left;
	width: 33.3333%
}

.section-news .section-news-col a {
	color: #666
}

.section-news .section-news-col a:hover {
	color: #05f
}

.section-news .section-news-col img {
	display: block;
	width: 100%;
	height: 200px;
	background: #333
}

.section-news .section-news-col p {
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #eee
}

@media (max-width:767px) {
	.section-news {
		margin-top: 30px
	}

	.section-news .section-news-col {
		width: auto;
		float: none;
		margin-top: 16px
	}
}

.more-news {
	margin-top: 30px;
	text-align: center
}

.more-news a {
	color: #666
}

.access-tab-list em.on,
.access-tab-list em:hover,
.more-news a:hover {
	color: #05f
}

.section-process {
	position: relative;
	margin-top: 70px
}

.section-process.section-process5 .section-process-col {
	width: 20%;
	padding: 0 20px
}

.section-process.section-process4 .section-process-col {
	width: 25%;
	padding: 0 20px
}

.section-process.section-process4.center .section-process-col p {
	text-align: center
}

.section-process .section-process-col {
	position: relative;
	float: left;
	width: 33.3333%;
	padding: 0 50px;
	text-align: center
}

.section-process .section-process-col h3 {
	font-size: 18px;
	margin-top: 1em;
	font-weight: 400
}

.section-process .section-process-col p {
	margin-top: 1em
}

.section-process .section-process-col:first-child {
	padding-left: 0
}

.section-process .section-process-col:last-child {
	padding-right: 0
}

.section-process .section-process-col .section-process-num {
	position: relative;
	z-index: 3;
	margin: 0 auto;
	color: #05f;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #05f;
	text-align: center;
	line-height: 26px;
	font-size: 18px
}

.section-process .section-process-col .line {
	position: absolute;
	left: 0;
	height: 2px;
	right: 0;
	top: 14px;
	background: #05f
}

.section-process .section-process-col p {
	text-align: left
}

@media (max-width:767px) {
	.section-process {
		text-align: left;
		margin-top: 30px
	}

	.section-process.section-process4 .section-process-col,
	.section-process.section-process5 .section-process-col {
		width: auto;
		padding: 0 0 30px 50px
	}

	.section-process.section-process4.center .section-process-col p {
		text-align: left
	}

	.section-process .section-process-col {
		float: none;
		width: auto;
		padding: 0 0 30px 50px
	}

	.section-process .section-process-col .section-process-num {
		position: absolute;
		left: 0;
		top: 0
	}

	.section-process .section-process-col:first-child {
		padding-left: 50px
	}

	.section-process .section-process-col .line {
		left: 14px;
		top: 0;
		height: auto;
		width: 2px;
		right: auto;
		bottom: 0
	}

	.section-process .section-process-col:last-child .line {
		display: none
	}

	.section-process .section-process-col h3 {
		margin-top: 0;
		text-align: left
	}

	.section-process .section-process-col p {
		font-size: 12px
	}
}

.access-tab-box {
	padding: 50px 0 0;
	text-align: center
}

.access-tab-list {
	position: relative;
	display: inline-block;
	border: 2px solid #e8ecf1;
	background-color: #e8ecf1;
	border-radius: 54px
}

.access-tab-list:after {
	display: table;
	content: "";
	clear: both
}

.access-tab-list em {
	float: left;
	font-style: normal;
	position: relative;
	width: 230px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	z-index: 2;
	cursor: pointer
}

.i-access-tab-bg {
	position: absolute;
	left: 2px;
	width: 230px;
	height: 50px;
	background-color: #fff;
	border-radius: 50px;
	-webkit-transition: left .2s ease-out;
	-o-transition: left .2s ease-out;
	transition: left .2s ease-out
}

.access-toggle-unit {
	-webkit-animation: bottomIn .3s .2s ease-out both;
	animation: bottomIn .3s .2s ease-out both
}

@-webkit-keyframes bottomIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@keyframes bottomIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.access-ban .main {
	padding-top: 30px;
	padding-bottom: 70px
}

.access-ban-info {
	position: relative;
	height: auto !important;
	min-height: 230px;
	font-size: 16px;
	color: #666
}

.access-ban-info img {
	position: absolute;
	right: 0;
	top: 0;
	width: 310px
}

.access-ban-txt {
	width: 570px
}

.access-ban-txt h3 {
	margin-bottom: 30px;
	font-size: 26px;
	color: #333
}

.access-ban-txt .btn,
.btn-box .btn {
	margin-top: 45px
}

.access-intro-list ul:after,
.access-process-step ul:after {
	display: table;
	content: "";
	clear: both
}

.access-intro {
	background-color: #F6FAFE
}

.access-intro .main {
	padding: 70px 0 80px
}

.access-subtit {
	margin-bottom: 25px
}

.access-subtit h4 {
	font-size: 20px
}

.access-intro-list li {
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 4px;
	width: 25%;
	-webkit-transition: -webkit-transform .2s ease-out;
	-o-transition: transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.access-intro-list li:hover {
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px)
}

.access-intro-cont {
	height: 480px;
	background-color: #b2b7be
}

.access-process .main {
	padding: 70px 0 80px
}

.access-process-step {
	margin-top: 60px
}

.access-process-step li {
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px 45px 0;
	width: 33.33%;
	text-align: center
}

.access-process-step.access-process-step4 li {
	width: 20%;
	padding: 50px 25px 0
}

.access-process-step li.li-first {
	padding: 50px 90px 0 0
}

.access-process-step.access-process-step4 li.li-first {
	padding-right: 25px
}

.access-process-step.access-process-step4 li.li-last {
	padding-left: 25px
}

.access-process-step li.li-last {
	padding: 50px 0 0 90px
}

.access-process-step li.li-first .i-step-dot {
	margin-left: -56px
}

.access-process-step li.li-last .i-step-dot {
	margin-left: 34px
}

.access-process-step.access-process-step4 li.li-first .i-step-dot {
	margin-left: -20px
}

.access-process-step.access-process-step4 li.li-last .i-step-dot {
	margin-left: 0
}

.access-process-step li:after,
.access-process-step li:before {
	position: absolute;
	top: 10px;
	height: 5px;
	content: "";
	background-color: #5688fb
}

.access-process-step li:before {
	left: 0;
	right: 100px
}

.access-process-step li:after {
	right: 0;
	left: 100px
}

.access-process-step li.li-first:before,
.access-process-step li.li-last:after {
	display: none
}

.access-process-step h5 {
	margin-bottom: 20px;
	font-size: 18px
}

.access-process-step p {
	display: inline-block;
	vertical-align: top;
	line-height: 1.4;
	color: #666;
	text-align: justify
}

.i-step-dot {
	position: absolute;
	left: 50%;
	top: 1px;
	margin-left: -11px;
	width: 14px;
	height: 14px;
	background-color: #fff;
	border: 4px solid #5688fb;
	border-radius: 100%;
	z-index: 2
}

@media (max-width:767px) {
	.access-toggle-app .section.gray {
		background: 0 0
	}

	.access-process .main {
		padding-top: 0
	}

	.access-tab-box {
		padding: 30px 0 0;
		margin: 0 10px
	}

	.access {
		background: #F6FAFE;
		padding: 1px 0
	}

	.access-ban-txt .btn,
	.btn-box .btn {
		margin-top: 20px;
		width: 110px;
		height: 34px;
		line-height: 34px
	}

	.access-ban-txt {
		width: auto;
		margin-top: 20px;
		text-align: center
	}

	.access-ban-txt h3 {
		text-align: center;
		font-size: 24px;
		margin-bottom: 20px
	}

	.access-ban-txt p {
		font-size: 12px;
		text-align: left
	}

	.i-access-tab-bg {
		width: 50%
	}

	.access-tab-list {
		display: block
	}

	.access-tab-list em {
		width: 50%;
		font-size: 14px
	}

	.access-ban-info {
		background: #fff;
		margin: 0 10px;
		padding: 30px 20px
	}

	.access-ban-info img {
		position: static;
		margin: 0 auto;
		width: 170px
	}

	.access-ban .main {
		padding-bottom: 0
	}

	.access-intro .main {
		padding-top: 0;
		padding-bottom: 0
	}

	.access-subtit h4 {
		text-align: center
	}

	.access-process-step li,
	.access-process-step.access-process-step4 li {
		float: none;
		width: auto;
		text-align: left
	}

	.access-process-step {
		background: #fff;
		margin: 0 10px;
		padding: 20px 0
	}

	.access-process-step li,
	.access-process-step li.li-first,
	.access-process-step li.li-last,
	.access-process-step.access-process-step4 li,
	.access-process-step.access-process-step4 li.li-first,
	.access-process-step.access-process-step4 li.li-last {
		padding: 25px 20px 25px 80px
	}

	.access-process-step li.li-first .i-step-dot,
	.access-process-step li.li-last .i-step-dot,
	.access-process-step.access-process-step4 li.li-first .i-step-dot,
	.access-process-step.access-process-step4 li.li-last .i-step-dot,
	.i-step-dot {
		left: 30px;
		margin-left: 0;
		top: 30px
	}

	.access-process-step li:after {
		left: 38px;
		top: 50px;
		right: auto;
		bottom: 0;
		height: auto;
		width: 5px
	}

	.access-process-step li:before {
		left: 38px;
		top: 0;
		right: auto;
		height: 38px;
		width: 5px
	}

	.access-process-step li:first-child:before,
	.access-process-step li:last-child:after {
		display: none
	}
}

.swiper-container-case {
	height: 500px;
	width: 1200px;
	margin: 70px auto 0
}

@media (max-width:767px) {
	.swiper-container-case {
		width: 100%;
		height: 450px;
		margin-top: 30px
	}
}

@media (max-width:413px) {
	.swiper-container-case {
		height: 420px
	}
}

@media (max-width:374px) {
	.swiper-container-case {
		height: 400px
	}
}

@media (max-width:359px) {
	.swiper-container-case {
		height: 350px
	}
}

.real-img {
	position: absolute;
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px
}

.real-img1 {
	background: url(../images/1.png) center no-repeat;
	background-size: cover
}

.real-img1_en {
	background: url(../images/1_en.jpg) center no-repeat;
	background-size: cover
}

.real-img2 {
	background: url(../images/2.png) center no-repeat;
	background-size: cover
}

.real-img2_en {
	background: url(../images/2_en.jpg) center no-repeat;
	background-size: cover
}

.real-img3 {
	background: url(../images/3.png) center no-repeat;
	background-size: cover
}

.real-img3_en {
	background: url(../images/3_en.jpg) center no-repeat;
	background-size: cover
}

.real-img4 {
	background: url(../images/4.png) center no-repeat;
	background-size: cover
}

.real-img4_en {
	background: url(../images/4_en.jpg) center no-repeat;
	background-size: cover
}

.real-img5 {
	background: url(../images/5.png) center no-repeat;
	background-size: cover
}

.real-img5_en {
	background: url(../images/5_en.jpg) center no-repeat;
	background-size: cover
}

.real-img6 {
	background: url(../images/6.png) center no-repeat;
	background-size: cover
}

.real-img6_en {
	background: url(../images/6_en.jpg) center no-repeat;
	background-size: cover
}

.real-img7 {
	background: url(../images/1.png) center no-repeat;
	background-size: cover
}

.real-img7_en {
	background: url(../images/1_en.jpg) center no-repeat;
	background-size: cover
}

.real-img8 {
	background: url(../images/2.png) center no-repeat;
	background-size: cover
}

.real-img8_en {
	background: url(../images/2_en.jpg) center no-repeat;
	background-size: cover
}

.real-img9 {
	background: url(../images/3.png) center no-repeat;
	background-size: cover
}

.real-img9_en {
	background: url(../images/3_en.jpg) center no-repeat;
	background-size: cover
}

.real-img10 {
	background: url(../images/4.png) center no-repeat;
	background-size: cover
}

.real-img10_en {
	background: url(../images/4_en.jpg) center no-repeat;
	background-size: cover
}

.real-img11 {
	background: url(../images/5.png) center no-repeat;
	background-size: cover
}

.real-img11_en {
	background: url(../images/5_en.jpg) center no-repeat;
	background-size: cover
}

.section-article-title3 {
	font-size: 18px;
	margin: 2em 0 1.5em
}

@media (max-width:767px) {
	.section-article-title3 {
		font-size: 16px
	}

	.title3 {
		padding: 30px 0;
		margin-bottom: 0;
		font-size: 24px;
		text-align: center
	}

	.mall-bgimg1 .title3,
	.mall-bgimg2 .title3,
	.mall-bgimg3 .title3,
	.section-img1 .title3,
	.section-img2 .title3,
	.section-img3 .title3 {
		font-size: 18px;
		padding-bottom: 20px
	}

	.article p {
		font-size: 12px
	}

	.mall-bgimg1,
	.mall-bgimg2,
	.mall-bgimg3,
	.section-img1,
	.section-img2,
	.section-img3,
	.section-img4,
	.section-img5,
	.section-img6 {
		background-size: 170px auto;
		background-position: center 30px;
		height: auto;
		padding: 60px 0 0
	}

	.section-article.right .section-article {
		left: 20px;
		right: 20px;
		width: auto
	}

	.section-article {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		position: static;
		padding: 0
	}

	.section-article .title3 {
		font-size: 18px
	}
}

.case-tab {
	margin-top: 70px;
	margin-bottom: 30px
}

.case-tab.case-tab3 .case-tab-list {
	width: 33.3333%
}

.case-tab:after {
	display: block;
	clear: both
}

.case-tab-list {
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
	cursor: pointer
}

.case-tab-list.on,
.case-tab-list:hover {
	color: #05f
}

.case-tab-list:after {
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -3px;
	display: none;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 16px solid #F6FAFE
}

.product-content,
.product-main {
	position: relative
}

.case-tab-list.on:after,
.icon-case {
	display: inline-block
}

.case-tab-list:nth-child(4) {
	cursor: default
}

.case-tab-list:nth-child(4):hover p {
	color: #333
}

.icon-case {
	width: 64px;
	height: 64px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 15px
}

.icon-case1 {
	background-image: url(../images/icon-case1.png)
}

.case-tab-list.on .icon-case1,
.case-tab-list:hover .icon-case1 {
	background-image: url(../images/icon-case1-hover.png)
}

.icon-case2 {
	background-image: url(../images/icon-case2.png)
}

.case-tab-list.on .icon-case2,
.case-tab-list:hover .icon-case2 {
	background-image: url(../images/icon-case2-hover.png)
}

.icon-case3 {
	background-image: url(../images/icon-case3.png)
}

.case-tab-list.on .icon-case3,
.case-tab-list:hover .icon-case3 {
	background-image: url(../images/icon-case3-hover.png)
}

.icon-case4 {
	background-image: url(../images/icon-case4.png)
}

.icon-case5 {
	background-image: url(../images/icon-case5.png)
}

.case-tab-list.on .icon-case5,
.case-tab-list:hover .icon-case5 {
	background-image: url(../images/icon-case5-hover.png)
}

.icon-case6 {
	background-image: url(../images/icon-case6.png)
}

.case-tab-list.on .icon-case6,
.case-tab-list:hover .icon-case6 {
	background-image: url(../images/icon-case6-hover.png)
}

.icon-case7 {
	background-image: url(../images/icon-case7.png)
}

.case-tab-list.on .icon-case7,
.case-tab-list:hover .icon-case7 {
	background-image: url(../images/icon-case7-hover.png)
}

.case-tab-list p {
	font-size: 16px
}

.product-content {
	overflow: hidden;
	height: 0;
	background: #F6FAFE;
	text-align: justify
}

.product-content .lottery-code-content {
	margin-top: 0
}

.product-content.on {
	padding: 60px 100px 60px 60px;
	height: auto
}

.product-content:after {
	display: block;
	clear: both
}

.product-content-txt {
	margin-bottom: 60px
}

.product-content1 .product-content-txt {
	float: left;
	width: 44%
}

.product-content-txt h3 {
	font-size: 16px;
	margin-bottom: 1.4em
}

.product-content-txt p {
	color: #999;
	font-size: 14px
}

.product-content-img {
	width: auto;
	margin: 0 auto 20px
}

.product-content1 .product-content-img {
	float: right;
	width: auto
}

@media (max-width:767px) {
	.product-content.on {
		padding: 30px 0
	}

	.product-xz {
		margin-top: 30px
	}

	.product-xz-list {
		float: none;
		width: auto;
		padding-left: 70px;
		padding-right: 20px;
		margin-bottom: 20px
	}

	.product-xz-list:nth-child(1),
	.product-xz-list:nth-child(3) {
		padding-right: 20px;
		padding-left: 70px;
		text-align: justify
	}

	.icon-product-xz,
	.product-xz-list:nth-child(2) .icon-product-xz,
	.product-xz-list:nth-child(4) .icon-product-xz {
		left: 10px
	}

	.product-xz-list p {
		height: auto;
		font-size: 12px
	}

	.icon-case {
		margin-bottom: 5px
	}

	.case-tab {
		margin-top: 20px
	}

	.case-tab-list p {
		font-size: 14px
	}

	.product-content-img {
		max-width: 100%
	}

	.product-content1 .product-content-img {
		float: none;
		width: 100%;
		margin-bottom: 30px
	}

	.product-content-txt {
		margin-bottom: 30px
	}

	.product-content1 .product-content-txt {
		float: none;
		width: auto
	}

	.product-content {
		background: #fff;
		border-top: 1px solid #F6FAFE
	}

	.product-content-txt p {
		font-size: 12px
	}
}

.in-list-pro {
	margin: 60px -6px 0
}

.pro-col-con .icon-baas {
	position: absolute;
	top: 50px;
	left: 30px;
	width: 38px;
	height: 42px;
	background: url(../images/icon-baas-doc.png) no-repeat;
	background-size: 100% auto
}

.pro-col-con h4 a {
	color: #333
}

.pro-col-con h4 a:hover {
	color: #05f
}

.pro-col-con .iconfont {
	position: absolute;
	left: 30px;
	top: 50px;
	font-size: 36px;
	color: #05f
}

@media (max-width:767px) {
	.in-list-pro {
		margin-top: 30px
	}
}

.in-list,
.in-list-pro-col {
	float: left;
	-webkit-box-sizing: border-box
}

.in-list-box {
	padding-bottom: 70px;
	margin: 0 -80px
}

.in-list-box:after {
	display: block;
	clear: both
}

.in-list {
	width: 33.3333%;
	padding: 0 80px;
	box-sizing: border-box
}

.in-list dt {
	position: relative;
	padding-left: 60px;
	height: 40px;
	line-height: 40px;
	font-size: 20px
}

.in-list dd {
	padding: 8px 0 8px 60px
}

.in-list dd a {
	font-size: 14px;
	color: #666
}

.in-list dd a:hover {
	color: #05f
}

.in-list-box .iconfont {
	font-size: 36px;
	color: #05f;
	position: absolute;
	left: 0;
	top: 0
}

.in-list-pro:after {
	display: block;
	clear: both
}

.in-list-pro-col {
	width: 50%;
	box-sizing: border-box;
	padding: 0 6px;
	margin-top: 10px
}

.pro-col-con {
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	height: 180px;
	padding-left: 100px;
	padding-top: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pro-col-con h4 {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 6px
}

.pro-col-con p {
	font-size: 14px;
	color: #999
}

.icon-pro {
	display: block;
	position: absolute;
	left: 30px;
	top: 60px;
	width: 40px;
	height: 40px
}

.icon-pro1 {
	background: url(../images/icon-doc4.png) no-repeat;
	background-size: cover
}

.icon-pro2 {
	background: url(../images/icon-doc5.png) no-repeat;
	background-size: cover
}

.icon-pro3 {
	background: url(../images/icon-doc6.png) no-repeat;
	background-size: cover
}

.icon-pro4 {
	background: url(../images/icon-doc7.png) no-repeat;
	background-size: cover
}

@media (max-width:767px) {

	.index-doc,
	.index-hy {
		margin: 30px 10px 0;
		width: auto
	}

	.index-wrap.index-hy {
		padding-bottom: 0;
		margin-bottom: 30px
	}

	.in-list-box {
		margin: 0 10px;
		padding: 30px 0
	}

	.in-list {
		margin-bottom: 30px;
		padding: 0 20px 20px 50px
	}

	.in-list dt {
		font-size: 18px;
		margin-bottom: 10px
	}

	.in-list dd {
		padding-left: 80px
	}

	.in-list dd a {
		font-size: 14px
	}

	.in-list,
	.in-list-pro-col {
		float: none;
		width: auto
	}

	.pro-col-con {
		border: none;
		border-bottom: 1px solid #ddd;
		padding-right: 20px
	}

	.pro-col-con p {
		font-size: 12px
	}
}

.container-doc .doc-sidebar {
	position: absolute;
	width: 260px;
	left: 0;
	top: 50px;
	border-right: 1px solid #eee;
	padding-left: 40px
}

.container-doc .doc-sidebar .doc-sidebar-title2 {
	font-size: 24px;
	margin-bottom: 1em
}

.container-doc .doc-sidebar .doc-sidebar-title3 {
	font-size: 18px;
	margin-bottom: 1em;
	font-weight: 400
}

.container-doc .doc-sidebar .sidebar-menu {
	padding-left: 1em
}

.container-doc .doc-sidebar .sidebar-menu a {
	color: #999;
	cursor: pointer
}

.container-doc .doc-sidebar .sidebar-menu a.on,
.container-doc .doc-sidebar .sidebar-menu a:hover,
.doc-vice .doc-vice-list li a {
	color: #05f
}

.container-doc .doc-sidebar .sidebar-menu dt {
	margin-top: 1.2em
}

.container-doc .doc-sidebar .sidebar-menu dd {
	margin-top: .6em;
	font-size: 12px;
	padding-left: 1em
}

@media (max-width:767px) {
	.container-doc .doc-sidebar {
		position: static;
		border: 1px solid #eee;
		border-radius: 5px;
		width: auto;
		margin: 0 10px 30px;
		padding: 16px 0 16px 16px;
		font-size: 16px;
		background: #f8f8f8
	}

	.container-doc .doc-sidebar .doc-sidebar-title2 {
		font-size: 18px
	}

	.container-doc .doc-sidebar .doc-sidebar-title3 {
		font-size: 16px
	}

	.container-doc .doc-sidebar .sidebar-menu {
		font-size: 12px
	}

	.doc-vice {
		padding: 0 16px
	}
}

.doc-vice .doc-vice-title3 {
	font-size: 24px;
	font-weight: 400
}

.doc-vice .doc-vice-list {
	margin-top: 2em;
	margin-left: 1em
}

.doc-vice .doc-vice-list li {
	margin-bottom: 1em
}

.regist-result {
	padding: 0 50px 70px;
	font-size: 16px;
	text-align: center
}

.regist-result h3 {
	font-size: 20px;
	color: #333;
	font-weight: 400
}

.regist-result h3 a {
	color: #05f
}

.regist-result .inpbtn {
	margin-top: 70px
}

.i-success {
	display: block;
	margin: 0 auto 45px;
	width: 80px;
	height: 80px;
	background: url(../images/success.png) no-repeat
}

.btn-big {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 460px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background-color: #1282E7
}

.btn-tcfs-use {
	position: relative;
	margin-left: 50px
}

@media (max-width:767px) {
	.btn-tcfs-use {
		margin-left: 0
	}
}

.btn-tcfs-use i {
	position: absolute;
	right: -20px;
	top: -8px;
	padding: 3px 6px;
	background: #F1B600;
	color: #fff;
	border-radius: 4px 4px 4px 0;
	font-size: 12px;
	line-height: 1.6em;
	font-style: normal
}

.section-tab {
	text-align: center;
	margin-top: 50px
}

.section-tab .section-tab-ul {
	border-bottom: 2px solid #ccc
}

.section-tab .section-tab-ul li {
	position: relative;
	display: inline-block;
	width: 24%;
	margin: 0 50px
}

.section-tab .section-tab-ul li a {
	display: block;
	padding: 1em 0;
	color: #333;
	font-size: 16px
}

.section-tab .section-tab-ul li a:hover,
.section-tab .section-tab-ul li.on a {
	color: #05f
}

.section-tab .section-tab-ul li:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	display: block;
	width: 100%;
	height: 3px
}

.section-tab .section-tab-ul li.on:after {
	background: #05f
}

@media (max-width:767px) {
	.section-tab {
		margin-top: 30px
	}

	.section-tab .section-tab-ul {
		border-bottom: 1px solid #ccc
	}

	.section-tab .section-tab-ul li {
		width: 40%;
		margin: 0
	}

	.section-tab .section-tab-ul li a {
		font-size: 14px
	}

	.section-tab .section-tab-ul:after {
		height: 2px;
		bottom: -1px
	}
}

.code-head .link,
.lottery-table .lottery-row .lottery-col .ml-lottery {
	margin-left: 10px
}

.section-tab-content {
	height: 0;
	overflow: hidden
}

.section-tab-content.on {
	height: auto
}

.lottery-code {
	margin-top: 70px;
	padding: 50px;
	background: #F6FAFE
}

.lottery-input,
.lottery-textarea {
	border: 1px solid #ccc;
	background: #f5f5f5;
	vertical-align: middle
}

.lottery-code .lottery-code-title {
	text-align: center;
	font-weight: 400;
	font-size: 18px
}

.lottery-code .lottery-code-show-head {
	margin-bottom: 30px
}

@media (max-width:767px) {
	.lottery-code {
		padding: 30px 16px;
		margin-top: 30px
	}
}

.lottery-code-content {
	margin-top: 50px
}

.lottery-code-content .lottery-code-show {
	float: left;
	width: 52%
}

.lottery-code-content .lottery-code-txt {
	float: right;
	width: 45%
}

@media (max-width:767px) {
	.lottery-code-content {
		margin-top: 30px
	}

	.lottery-code-content .lottery-code-show,
	.lottery-code-content .lottery-code-txt {
		width: auto
	}
}

.lottery-table {
	display: table
}

.lottery-table .lottery-row {
	display: table-row
}

.lottery-table .lottery-row .lottery-col {
	display: table-cell;
	padding: 10px 0;
	color: #666
}

.language-change,
.lottery-input,
.lottery-textarea {
	color: #999;
	display: inline-block
}

.lottery-table .lottery-row .lottery-col:first-child {
	text-align: right;
	width: 200px
}

.lottery-table .lottery-row .lottery-col span {
	display: inline-block
}

@media (max-width:767px) {

	.lottery-table,
	.lottery-table .lottery-row {
		display: block
	}

	.lottery-table .lottery-row .lottery-col {
		display: block;
		padding: 5px 0;
		font-size: 12px
	}

	.lottery-table .lottery-row .lottery-col:nth-child(even) {
		margin-bottom: 10px
	}

	.lottery-table .lottery-row .lottery-col:first-child {
		text-align: left;
		width: auto
	}
}

.lottery-input {
	width: 135px;
	height: 30px;
	padding: 0 10px
}

.lottery-input.short {
	width: 80px
}

.lottery-input.full {
	width: 100%
}

@media (max-width:767px) {
	.lottery-input {
		width: 120px;
		height: 26px
	}

	.lottery-input.short {
		width: 70px
	}
}

@media (max-width:320px) {
	.lottery-input {
		width: 100px;
		height: 26px;
		padding: 0 3px
	}

	.lottery-input.short {
		width: 50px
	}
}

.lottery-textarea {
	padding: 10px;
	width: 320px;
	outline: 0;
	resize: none;
	font-family: " "
}

.lottery-radio {
	display: inline-block;
	vertical-align: middle
}

.lottery-ul {
	background: #fff;
	padding: 15px 20px;
	margin-bottom: 20px;
	border: 1px solid #EAEFF5
}

.lottery-ul .lottery-list {
	margin-bottom: 5px
}

@media (max-width:360px) {
	.lottery-ul {
		padding: 15px 10px
	}
}

.code-head {
	position: relative;
	margin-bottom: 30px
}

.code-head h4 {
	padding-left: 30px
}

.code-head .code-control {
	position: absolute;
	right: 0;
	top: 50%;
	left: auto;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%)
}

@media (max-width:767px) {
	.lottery-textarea {
		width: 100%
	}

	.code-head {
		margin-bottom: 10px
	}

	.CodeMirror {
		margin-right: 0
	}

	.CodeMirror-sizer {
		font-size: 12px
	}
}

@media (max-width:413px) {
	.CodeMirror {
		margin-right: -10px
	}
}

@media (max-width:374px) {
	.CodeMirror {
		margin-right: -12px
	}
}

@media (max-width:359px) {
	.CodeMirror {
		margin-right: -12px
	}

	.CodeMirror-sizer {
		font-size: 10px
	}
}

.language-change {
	position: absolute;
	right: 0;
	top: 16px;
	width: 72px;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
	cursor: pointer
}

.icon-open,
.info-result .info-result-menu .info-result-menu-list .info-result-list-head .icon-zhankai {
	display: none
}

.language-change:hover {
	color: #fff
}

@media (max-width:767px) {
	.language-change {
		display: none
	}
}

.info-result {
	position: relative;
	background: #F6FAFE
}

.info-result .info-result-menu-title {
	width: 350px;
	font-size: 28px;
	padding: 30px 0;
	text-align: center
}

.info-result .info-result-menu {
	width: 350px
}

.info-result .info-result-menu .info-result-menu-list .info-result-list-head .this-title {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 25px 50px;
	font-size: 18px;
	color: #666
}

.info-result .info-result-menu .info-result-menu-list .info-result-list-head .this-title:hover {
	color: #05f;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: all .2s ease
}

.info-result .info-result-menu .info-result-menu-list .info-result-list-head:after {
	content: " ";
	display: block;
	width: 280px;
	margin: 0 auto;
	height: 1px;
	background: #E9EBEE
}

.info-result .info-result-menu .info-result-menu-list .info-result-content {
	position: absolute;
	left: 350px;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
	background: #fff
}

.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table tr td {
	vertical-align: top;
	padding: 20px 0;
	line-height: 21px
}

.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table tr td .wrap-break {
	width: 100%;
	display: block;
	word-break: break-all
}

.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table tr td:first-child {
	font-size: 16px;
	width: 5em;
	padding: 20px 20px 20px 40px;
	white-space: nowrap
}

.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table tr td:last-child {
	border-bottom: 1px solid #F6FAFE
}

.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table tr:last-child td:last-child {
	border-bottom: none
}

.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table .info-article .info-article-title {
	font-size: 16px;
	margin-bottom: 1em;
	font-weight: 400
}

.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table .info-article p {
	font-size: 14px;
	margin-bottom: 1em
}

.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table .info-article img {
	display: block;
	max-width: 100%;
	margin-bottom: 1em
}

.info-result .info-result-menu .info-result-menu-list.on .info-result-list-head:after,
.info-result .info-result-menu .info-result-menu-list:last-child .info-result-list-head:after {
	display: none
}

.info-result .info-result-menu .info-result-menu-list.on .info-result-list-head {
	background: #fff
}

.info-result .info-result-menu .info-result-menu-list.on .info-result-list-head .this-title {
	color: #05f
}

.info-result .info-result-menu .info-result-menu-list.on .info-result-list-head .this-title:after {
	content: "·";
	display: block;
	position: absolute;
	font-weight: 700;
	line-height: 1;
	left: 35px;
	top: 28px
}

.info-result .info-result-menu .info-result-menu-list.on .info-result-content {
	display: block
}

@media (max-width:767px) {
	.info-result {
		height: auto;
		background: 0 0
	}

	.info-result .info-result-menu-title {
		width: auto;
		font-size: 24px;
		padding-top: 0
	}

	.info-result .info-result-menu {
		width: auto
	}

	.info-result .info-result-menu .info-result-menu-list {
		position: relative
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-list-head {
		position: relative;
		background: 0 0
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-list-head .icon-zhankai {
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 20px;
		color: #ccc;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		-webkit-transition: all .2s ease
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-list-head .this-title {
		font-size: 16px;
		padding: 20px 10px
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-list-head:after {
		width: 100%;
		display: none
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-content {
		position: static;
		background: 0 0;
		display: none
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table {
		font-size: 12px
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table tr td {
		padding: 15px 5px 15px 0;
		line-height: 20px
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table tr td:first-child {
		font-size: 12px;
		padding: 15px 10px
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table tr td:last-child {
		border-bottom: 1px solid #eee
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table tr:last-child td:last-child {
		border-bottom: none
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table .info-article .info-article-title {
		font-size: 14px
	}

	.info-result .info-result-menu .info-result-menu-list .info-result-content .info-result-table .info-article p {
		font-size: 12px
	}

	.info-result .info-result-menu .info-result-menu-list:last-child .info-result-list-head:after {
		display: block
	}

	.info-result .info-result-menu .info-result-menu-list:after {
		content: " ";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		-ms-transform: scaleY(.5);
		transform: scaleY(.5);
		-webkit-transform: scaleY(.5);
		background: #eee
	}

	.info-result .info-result-menu .info-result-menu-list.on .info-result-list-head .this-title:after,
	.info-result .info-result-menu .info-result-menu-list.on .info-result-list-head:after {
		display: none
	}

	.info-result .info-result-menu .info-result-menu-list.on {
		background: #F6FAFE
	}

	.info-result .info-result-menu .info-result-menu-list.on .info-result-list-head {
		background: 0 0
	}

	.info-result .info-result-menu .info-result-menu-list.on .info-result-list-head .icon-zhankai {
		transform: rotateX(180deg);
		-webkit-transform: rotateX(180deg)
	}

	.info-result .info-result-menu .info-result-menu-list.on .info-result-list-head .this-title {
		color: #05f
	}

	.info-result .info-result-menu .info-result-menu-list.on .info-result-content {
		display: block
	}

	.info-result .info-result-menu .info-result-menu-list.on:after {
		display: none
	}
}

.browser-num {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	display: table;
	width: 1200px;
	text-align: center
}

.browser-num .browser-num-list {
	display: table-cell;
	width: 25%;
	font-size: 16px;
	color: #fff
}

.browser-num .browser-num-list p.large {
	font-size: 36px;
	margin-top: .2em
}

.browser-num p {
	color: #fff
}

@media (max-width:767px) {
	.browser-num {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		top: 50%;
		left: 0;
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%)
	}

	.browser-num:after,
	.browser-num:before {
		content: " ";
		position: absolute;
		background: rgba(255, 255, 255, .4)
	}

	.browser-num:after {
		width: 100%;
		height: 1px;
		left: 0;
		top: 50%;
		margin-top: -.5px
	}

	.browser-num:before {
		height: 100%;
		width: 1px;
		top: 0;
		left: 50%;
		margin-left: -.5px
	}

	.browser-num .browser-num-list {
		float: left;
		display: table;
		position: relative;
		width: 50%;
		height: 50%;
		padding: 30px 0 0
	}

	.browser-num .browser-num-list p {
		position: absolute;
		top: 15px;
		text-align: left;
		font-size: 14px;
		padding: 0 1em
	}

	.browser-num .browser-num-list p.large {
		position: static;
		font-size: 24px;
		text-align: center;
		padding: 0 1.5em;
		word-break: break-all;
		display: table-cell;
		vertical-align: middle;
		height: 3.5em;
		width: 100%
	}
}

.search-box .iconfont,
.table-header .right {
	-ms-transform: translate(0, -50%);
	left: auto;
	top: 50%
}

.state-box,
.table-common {
	text-align: center
}

.table-header .table-title3 .iconfont,
.table-header .table-title3 span {
	display: inline-block;
	vertical-align: middle
}

.search-box {
	position: relative;
	z-index: 3;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	background: #fff;
	-webkit-box-shadow: 0 8px 20px 0 rgba(120, 165, 208, .11);
	box-shadow: 0 8px 20px 0 rgba(120, 165, 208, .11);
	border-radius: 35px;
	font-size: 16px
}

.search-box.gray {
	background: #F6FAFE
}

.search-box.search-box1 {
	margin-top: -30px
}

.search-box .input-search {
	height: 60px;
	margin-left: 35px;
	width: 620px;
	border: none;
	font-size: 16px;
	background: 0 0
}

.search-box .iconfont {
	position: absolute;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%)
}

.search-box .iconfont:before {
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: all .2s ease
}

.search-box .icon-sousu {
	right: 30px;
	color: #eee;
	font-size: 24px
}

.search-box .icon-sousu:hover:before {
	color: #999
}

.search-box .icon-guanbi {
	right: 60px;
	color: #ccc;
	cursor: pointer;
	font-size: 18px
}

.search-box .icon-guanbi:hover:before {
	color: #999
}

@media (max-width:767px) {
	.search-box {
		width: auto
	}

	.search-box.search-box1 {
		margin-top: 0
	}

	.search-box .input-search {
		width: 70%;
		font-size: 14px
	}
}

.table-header {
	position: relative
}

.table-header .table-title3 {
	font-size: 18px;
	font-weight: 400
}

.table-header .table-title3 .iconfont {
	font-size: 30px;
	color: #1282E7
}

.table-header .right {
	position: absolute;
	right: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%)
}

.table-header .left {
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%)
}

@media (max-width:767px) {
	.table-header {
		font-size: 12px
	}

	.table-header .table-title3 {
		font-size: 14px
	}

	.table-header .table-title3 .iconfont {
		font-size: 18px
	}
}

.table-common {
	margin-top: 20px;
	table-layout: fixed;
	font-size: 20px
}

.table-common thead th {
	font-weight: 400;
	background: #F0F4F8;
	padding: 14px 10px;
	font-size: .8em
}

.table-common tbody td {
	padding: 14px 10px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .7em
}

.table-common tbody tr:nth-child(even) td {
	background: #F8FAFC
}

.table-common .td1,
.table-common .td2 {
	width: 20%
}

.table-common .td3,
.table-common .td4 {
	width: 22%
}

@media (max-width:767px) {
	.table-common {
		font-size: 15px
	}

	.table-common thead th {
		padding: 10px 3px;
		font-size: .7em
	}

	.table-common tbody td {
		padding: 10px 3px
	}
}

.state-box .state-fail {
	height: 140px;
	background: url(../images/fail.png) center no-repeat;
	background-size: auto 100%;
	margin-bottom: 30px
}

.state-box p {
	color: #666
}

.browser-content {
	background: #fff;
	padding: 40px 60px;
	margin-top: 30px
}

@media (max-width:767px) {
	.browser-content {
		padding: 20px 16px
	}
}

.browser-row {
	display: table;
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee
}

.browser-row:last-child {
	border: none;
	margin-bottom: 0
}

.browser-row .browser-col {
	display: table-cell;
	width: 50%
}

.browser-row .browser-col p {
	margin: 15px 0
}

.browser-row .browser-col.browser-col3 {
	width: 33.3333%;
	text-align: center
}

.browser-row .browser-col.browser-col3:first-child {
	text-align: left
}

.browser-row .browser-col.browser-col3:last-child {
	text-align: right
}

@media (max-width:767px) {
	.browser-row {
		display: block;
		padding-bottom: 10px
	}

	.browser-row .browser-col {
		display: block;
		width: auto
	}

	.browser-row .browser-col p {
		margin: 10px 0
	}

	.browser-row .browser-col p span {
		margin-bottom: 5px;
		display: block
	}

	.browser-row .browser-col.browser-col3 {
		width: auto;
		text-align: left
	}

	.browser-row .browser-col.browser-col3:first-child,
	.browser-row .browser-col.browser-col3:last-child {
		text-align: left
	}
}

.browser-title4,
.browser-title5 {
	margin-bottom: 1em;
	font-weight: 400
}

.browser-title4 {
	font-size: 18px;
	padding-bottom: 1em;
	border-bottom: 1px solid #eee
}

.browser-title5 {
	font-size: 16px
}

@media (max-width:767px) {
	.browser-title4 {
		font-size: 16px
	}

	.browser-title5 {
		font-size: 14px
	}
}

.browser-article {
	padding: 30px 0
}

.browser-article p {
	margin: 20px 0
}

.tab-menu {
	position: relative;
	text-align: center;
	margin-bottom: 30px
}

.tab-menu .tab-menu-list {
	position: relative;
	display: inline-block;
	width: 140px;
	padding: 18px 0;
	margin: 0 70px;
	font-size: 16px;
	cursor: pointer
}

.tab-menu .tab-menu-list:before,
.tab-menu:before {
	content: " ";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	display: block
}

.tab-menu .tab-menu-list:before {
	height: 3px;
	background: #fff;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: all .2s ease
}

.tab-menu .tab-menu-list.on:before,
.tab-menu .tab-menu-list:hover:before {
	background: #05f
}

.tab-menu:before {
	height: 1px;
	background: #ccc
}

@media (max-width:767px) {
	.tab-menu .tab-menu-list {
		margin: 0;
		float: left;
		display: block;
		width: 33.3333%;
		font-size: 14px
	}
}

.state {
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
	padding: 3px 10px;
	color: #fff;
	font-size: 12px;
	font-style: normal
}

.state.state-success {
	background: #24D797
}

.state.state-primary {
	background: #05f
}

.state.state-danger {
	background: #E58484
}

.bass-joinchain {
	background: #FAFCFE;
	padding-top: 60px;
	padding-bottom: 70px
}

.bass-joinchain .page-title {
	width: 1200px;
	margin: 0 auto 40px;
	font-size: 30px;
	color: #171717;
	opacity: .9
}

.bass-joinchain .loading-wrap {
	padding-bottom: 54px
}

.bass-joinchain .loading-icon {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-webkit-animation: loading 1s linear infinite;
	animation: loading 1s linear infinite
}

.bass-joinchain .layout {
	width: 1200px;
	margin: 0 auto;
	background: #FFF;
	padding-top: 54px;
	-webkit-box-shadow: 0 2px 10px 0 rgba(37, 73, 160, .08);
	box-shadow: 0 2px 10px 0 rgba(37, 73, 160, .08)
}

.bass-joinchain .layout .verify-name {
	text-align: center;
	font-size: 16px;
	color: #161616;
	margin-bottom: 0
}

.bass-joinchain .layout .verify-name a {
	color: #0F89FF
}

.bass-joinchain .layout .verify-name img {
	width: 14px;
	height: 14px;
	margin-right: 8px
}

.bass-joinchain .layout .chain-form {
	position: relative
}

.bass-joinchain .layout .chain-form h2 {
	font-size: 22px;
	color: #333;
	margin: 43px 0 30px 90px
}

.bass-joinchain .layout .chain-form .check-text {
	position: relative;
	z-index: 10
}

.bass-joinchain .layout .chain-form .question {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/question.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 7px
}

.bass-joinchain .layout .chain-form .question:hover {
	background: url(../images/question_hover.png) no-repeat;
	background-size: 100%
}

.bass-joinchain .layout .chain-form .question-tips-box {
	position: absolute;
	left: -10px;
	top: -76px;
	padding: 10px;
	width: 286px;
	z-index: 3;
	display: none
}

.bass-joinchain .layout .chain-form .wrap-input-base .question1:hover .question-tips-box1,
.bass-joinchain .layout .chain-form .wrap-input-base .question2:hover .question-tips-box2,
.bass-joinchain .layout .chain-form .wrap-input-base .question3:hover .question-tips-box3 {
	display: block
}

.bass-joinchain .layout .chain-form .question-tips-box p {
	position: relative;
	background: #FFF;
	-webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .04);
	box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .04);
	border-radius: 1px;
	padding: 10px;
	width: 286px;
	font-size: 10px;
	color: #979797;
	line-height: 14px;
	z-index: 3
}

.bass-joinchain .layout .chain-form .question-tips-box:before {
	position: absolute;
	left: 50%;
	bottom: 13px;
	margin-left: -5px;
	content: "";
	width: 16px;
	height: 16px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 4
}

.bass-joinchain .layout .chain-form .question-tips-box:after {
	position: absolute;
	left: 50%;
	bottom: 13px;
	margin-left: -5px;
	content: "";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	-webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .1);
	border-top-color: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1
}

.bass-orderinfo .layout,
.wx-pay-box {
	-webkit-box-shadow: 0 2px 10px 0 rgba(37, 73, 160, .08)
}

.bass-joinchain .layout .chain-form .wrap-input-base {
	margin-left: 118px
}

.bass-joinchain .layout .chain-form .wrap-input-base .input-name {
	color: #6B6B6B;
	font-size: 15px;
	margin-right: 23px;
	margin-top: 10px;
	text-align: right
}

.bass-joinchain .layout .chain-form .wrap-input-base .chain-name {
	border: none;
	border: 1px solid #DDD;
	border-radius: 5px;
	width: 538px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #6B6B6B;
	padding-left: 16.4px;
	margin-right: 23px
}

.bass-joinchain .layout .chain-form .wrap-input-base .chain-name-read {
	width: 886px
}

.bass-joinchain .layout .chain-form .wrap-input-base .error {
	border: 1px solid red
}

.bass-joinchain .layout .chain-form .wrap-input-base .question3 {
	margin-left: -1px;
	margin-top: 11px
}

.bass-joinchain .layout .chain-form .wrap-input-base .chain-name-area {
	width: 538px;
	height: 100px;
	padding: 10px 15px;
	resize: none;
	font-family: " ";
	line-height: 1.5
}

.bass-joinchain .layout .chain-form .wrap-input-base .base-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.bass-joinchain .layout .chain-form .wrap-input-base .choice {
	position: relative;
	font-size: 14px;
	margin-top: 10px;
	color: rgba(0, 0, 0, .65)
}

.bass-joinchain .layout .chain-form .wrap-input-base .choice input {
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.bass-joinchain .layout .chain-form .wrap-input-base .choice .question-tips-box2 {
	left: 156px
}

.bass-joinchain .layout .chain-form .wrap-input-base .question-tips-box3 {
	top: 99px;
	left: 653px
}

.bass-joinchain .layout .chain-form .wrap-input-base .tips {
	margin-left: 114px;
	font-size: 14px;
	color: #BBB;
	margin-bottom: 0
}

.bass-joinchain .layout .chain-form .wrap-input-base .inp-err {
	height: 20px;
	margin: 0 0 0 114px
}

.bass-joinchain .layout .chain-form .wrap-input-base .mark {
	margin-top: 10px;
	margin-left: 5px;
	color: rgba(0, 0, 0, .65)
}

.bass-joinchain .layout .chain-form .wrap-config {
	margin-left: 88px;
	position: relative
}

.bass-joinchain .layout .chain-form .wrap-config .ipt-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 28px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.bass-joinchain .layout .chain-form .wrap-config .title {
	width: 120px;
	text-align: right;
	font-size: 15px;
	color: #6B6B6B;
	display: inline-block;
	margin-right: 20px
}

.bass-joinchain .layout .chain-form .wrap-config .base-config .question4 {
	display: inline-block;
	margin-right: 30px
}

.bass-joinchain .layout .chain-form .wrap-config .base-config .radio-box {
	position: relative;
	top: -7px
}

.bass-joinchain .layout .chain-form .wrap-config .base-config label input {
	width: 15px;
	height: 15px;
	margin-right: 8px
}

.bass-joinchain .layout .chain-form .wrap-config .base-config label .type-name {
	font-size: 14px;
	color: #333
}

.bass-joinchain .layout .chain-form .wrap-config .base-config .question-tips-box4 {
	left: -64px;
	top: -60px
}

.bass-joinchain .layout .chain-form .wrap-config .question-tips-box5 {
	left: -35px;
	top: -60px
}

.bass-joinchain .layout .chain-form .wrap-config .question-tips-box6 {
	left: 183px;
	top: -57px
}

.bass-joinchain .layout .chain-form .wrap-config .question4:hover .question-tips-box4,
.bass-joinchain .layout .chain-form .wrap-config .question5:hover .question-tips-box5,
.bass-joinchain .layout .chain-form .wrap-config .question6:hover .question-tips-box6 {
	display: block
}

.bass-joinchain .layout .chain-form .wrap-config .config-num {
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #DDD;
	border-right: none;
	overflow: hidden
}

.bass-joinchain .layout .chain-form .wrap-config .config-num .opreate {
	display: inline-block;
	width: 32px;
	height: 100%;
	background: #fff;
	color: #333;
	font-size: 30px;
	line-height: 27px;
	text-align: center;
	border-right: 1px solid #DDD;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.bass-joinchain .layout .chain-form .wrap-config .config-num .opreate.light {
	color: #D8D8D8;
	cursor: default
}

.bass-joinchain .layout .chain-form .wrap-config .config-num input {
	width: 46px;
	height: 100%;
	line-height: 30px;
	border: none;
	border-right: 1px solid #DDD;
	text-align: center
}

.bass-joinchain .layout .chain-form .wrap-config .config-num input[type=number] {
	-moz-appearance: textfield
}

.bass-joinchain .layout .chain-form .wrap-config .config-num input[type=number]::-webkit-inner-spin-button,
.bass-joinchain .layout .chain-form .wrap-config .config-num input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.bass-joinchain .layout .chain-form .wrap-config .node {
	margin: 0 11px 0 8px
}

.bass-joinchain .layout .chain-form .wrap-config .source-config .source-wrap-box {
	border: 1px solid #EAEFF5;
	border-radius: 4px;
	width: 888px;
	height: 146px;
	padding: 20px
}

.bass-joinchain .layout .chain-form .wrap-config .source-config .source-wrap-box .top-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 16px
}

.bass-joinchain .layout .chain-form .wrap-config .source-config .source-wrap-box .top-box .text-name {
	display: inline-block;
	font-size: 14px;
	color: #333;
	margin-right: 18px;
	width: 56px;
	text-align: right
}

.bass-joinchain .layout .chain-form .wrap-config .source-config .source-wrap-box .top-box .slider-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #FEFEFE;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #EAEFF5;
	border-radius: 4px;
	width: 768px;
	height: 62px;
	padding: 15px 20px
}

.bass-joinchain .layout .chain-form .wrap-config .source-config .source-wrap-box .top-box .slider-wrap .ant-slider {
	width: 550px;
	margin-right: 40px
}

.bass-joinchain .layout .chain-form .wrap-config .source-config .source-wrap-box .top-box .slider-wrap .ant-slider-mark span:nth-of-type(1) {
	left: -.26316% !important
}

.bass-joinchain .layout .chain-form .wrap-config .source-config .source-wrap-box .top-box .slider-wrap .G {
	display: inline-block;
	font-size: 14px;
	color: #333;
	margin-left: 8px
}

.bass-joinchain .layout .chain-form .wrap-config .source-config .source-wrap-box .tps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.bass-joinchain .layout .chain-form .wrap-config .source-config .source-wrap-box .tps span {
	display: inline-block;
	font-size: 14px;
	color: #333;
	margin-right: 18px;
	width: 56px;
	text-align: right
}

.bass-joinchain .layout .chain-form .wrap-config .source-config .source-wrap-box .tps div {
	border: 1px solid #AAA;
	font-size: 14px;
	color: #AAA;
	text-align: center;
	width: 50px;
	height: 28px;
	line-height: 24px
}

.bass-joinchain .layout .chain-form .wrap-config .pay-time ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.bass-joinchain .layout .chain-form .wrap-config .pay-time ul li {
	position: relative;
	list-style: none;
	width: 85px;
	height: 42px;
	font-size: 14px;
	line-height: 42px;
	border: 1px solid #EAEFF5;
	color: rgba(0, 0, 0, .85);
	text-align: center;
	cursor: pointer
}

.bass-joinchain .layout .chain-form .wrap-config .pay-time ul .cur {
	color: #1890FF;
	border: 1px solid #1890FF
}

.bass-joinchain .layout .chain-form .confirm-box {
	width: 1200px;
	background: #FAFAFA;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	padding: 50px 0 80px 90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.bass-joinchain .layout .chain-form .confirm-box .node-confirm {
	width: 20%
}

.bass-joinchain .layout .chain-form .confirm-box p {
	margin-bottom: 18px;
	font-size: 18px;
	color: #333;
	font-weight: 700
}

.bass-joinchain .layout .chain-form .confirm-box p span {
	font-weight: 400
}

.bass-joinchain .layout .chain-form .confirm-box p:last-child {
	margin-bottom: 0
}

.bass-joinchain .layout .chain-form .confirm-box .total-money {
	width: 30%;
	margin-top: -15px
}

.bass-joinchain .layout .chain-form .confirm-box .total-money p {
	margin-bottom: 15px
}

.bass-joinchain .layout .chain-form .confirm-box .total-money p span {
	font-size: 30px;
	color: #FDA912
}

.bass-joinchain .layout .chain-form .confirm-box .total-money p span i {
	font-style: normal;
	font-weight: 700
}

.bass-joinchain .layout .chain-form .confirm-box .total-money p span em {
	font-style: normal;
	font-size: 14px;
	color: #333;
	position: relative;
	top: -6px
}

.bass-joinchain .layout .chain-form .confirm-box .total-money a {
	display: block;
	background: #1890FF;
	width: 231px;
	height: 44px;
	font-size: 16px;
	color: #FFF;
	line-height: 44px;
	text-align: center
}

.bass-joinchain .layout .chain-form .confirm-box .coupon-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 49px
}

.bass-joinchain .layout .chain-form .confirm-box .coupon-label {
	height: 22px
}

.baas-coupon-select .coupon-link {
	padding: 10px 15px;
	text-align: right
}

.baas-coupon-select .coupon-list {
	max-height: 300px;
	overflow: auto;
	padding: 0 0 15px
}

.baas-coupon-select .coupon-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px;
	font-size: 12px;
	cursor: pointer
}

.baas-coupon-select .coupon-item.selected,
.baas-coupon-select .coupon-item:hover {
	background-color: #e6f7ff
}

.baas-coupon-select .coupon-item.disabled {
	color: #ddd
}

.baas-coupon-select .coupon-item.disabled:hover {
	background-color: inherit;
	cursor: not-allowed
}

.baas-coupon-select .coupon-item.disabled .checkbox {
	background-color: #eee
}

.baas-coupon-select .coupon-item.selected .checkbox {
	border-color: #1890FF;
	background: url(../images/icon-check.png) 50% 50% no-repeat #1890FF;
	background-size: 14px 14px
}

.baas-coupon-select .coupon-item .checkbox {
	width: 18px;
	height: 18px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 100%
}

.baas-coupon-select .coupon-item .coupon-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 300px;
	height: 100px;
	margin-left: 15px;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 0
}

.baas-coupon-select .coupon-item:last-child .coupon-content {
	border-bottom-width: 1px
}

.baas-coupon-select .coupon-item .coupon-left {
	-ms-flex-preferred-size: 100px;
	flex-basis: 100px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-left: 15px
}

.baas-coupon-select .coupon-item .coupon-left .num {
	font-size: 18px;
	font-weight: 700
}

.baas-coupon-select .coupon-item .coupon-right {
	padding: 10px 15px
}

.baas-coupon-select .coupon-item .coupon-time {
	padding-top: 5px
}

.coupon-rule-item {
	margin-bottom: 24px;
	color: #333
}

.coupon-rule-item:last-child {
	margin-bottom: 0
}

.coupon-rule-item .title {
	font-weight: 700
}

.coupon-rule-item .content {
	margin-top: 10px
}

.coupon-rule-item .content p {
	margin-bottom: 10px
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.bass-orderinfo {
	background: #FAFCFE;
	padding-top: 60px;
	padding-bottom: 70px;
	color: #333
}

.bass-orderinfo .page-title {
	width: 1200px;
	margin: 0 auto 40px;
	font-size: 30px;
	color: #171717;
	opacity: .9
}

.bass-orderinfo .loading-icon {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-webkit-animation: loading 1s linear infinite;
	animation: loading 1s linear infinite
}

.bass-orderinfo .layout {
	width: 1200px;
	margin: 0 auto;
	background: #FFF;
	padding: 40px 0;
	box-shadow: 0 2px 10px 0 rgba(37, 73, 160, .08);
	overflow: hidden
}

.bass-orderinfo .layout .order-tits {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 40px;
	padding-top: 14px
}

.bass-orderinfo .layout .order-con {
	position: relative;
	width: 280px;
	margin-left: 314px;
	padding-bottom: 24px;
	float: left
}

.bass-orderinfo .layout .order-con::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 32px;
	border-right: 1px #DBDBDB solid
}

.bass-orderinfo .layout .order-price {
	padding-left: 100px;
	float: left
}

.bass-orderinfo .layout .order-list {
	list-style: none;
	margin-bottom: 0;
	font-size: 16px
}

.bass-orderinfo .layout .order-list li {
	margin-bottom: 16px
}

.bass-orderinfo .layout .order-list li .order-list-lable {
	display: inline-block;
	width: 95px;
	text-align: right;
	white-space: nowrap
}

.bass-orderinfo .layout .order-list.order-list-pricesid {
	margin-bottom: 98px
}

.bass-orderinfo .layout .pay-typebox {
	padding: 20px 60px;
	font-size: 16px
}

.bass-orderinfo .layout .pay-typebox .color-org {
	color: #FDA912
}

.bass-orderinfo .layout .pay-typebox .pay-type-item {
	margin-bottom: 20px
}

.bass-orderinfo .layout .pay-typebox .pay-type-tit {
	font-size: 18px;
	font-weight: 700
}

.bass-orderinfo .layout .pay-typebox .pay-type-price {
	color: #FDA912;
	font-size: 30px
}

.bass-orderinfo .layout .pay-typebox .pay-type-price strong {
	margin-left: 4px
}

.bass-orderinfo .layout .pay-typebox .pay-type-list {
	margin-bottom: 50px;
	font-size: 0
}

.bass-orderinfo .layout .pay-typebox .pay-type-list li {
	display: inline-block;
	border: 1px solid #F3F3F3;
	margin-right: 28px;
	position: relative;
	width: 286px;
	height: 110px;
	cursor: pointer;
	border-radius: 3px
}

.bass-orderinfo .layout .pay-typebox .pay-type-list li.sel-on {
	border-color: #8BC7FF
}

.bass-orderinfo .layout .pay-typebox .pay-type-list li.sel-on i {
	border-color: #1282E7
}

.bass-orderinfo .layout .pay-typebox .pay-type-list li.sel-on i:after {
	background-color: #1282E7
}

.bass-orderinfo .layout .pay-typebox .pay-type-btn,
.order-allinfo-btn {
	display: inline-block;
	text-align: center;
	background-color: #1890FF;
	text-decoration: none
}

.bass-orderinfo .layout .pay-typebox .pay-type-list li img {
	width: 190px;
	height: 100px;
	position: absolute;
	top: 5px;
	left: 63px
}

.bass-orderinfo .layout .pay-typebox .pay-type-list li i {
	position: absolute;
	top: 50%;
	left: 28px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 17px;
	height: 17px;
	border: 1px solid #B4B4B4;
	border-radius: 9999px
}

.bass-orderinfo .layout .pay-typebox .pay-type-list li i:after {
	position: absolute;
	width: 9px;
	height: 9px;
	content: "";
	border-radius: 999px;
	left: 3px;
	top: 3px
}

.bass-orderinfo .layout .pay-typebox .pay-type-btn {
	width: 230px;
	height: 44px;
	line-height: 44px;
	color: #fff
}

.bass-orderinfo .layout .pay-typebox .pay-type-btn:hover {
	opacity: .85
}

.bass-orderinfo .layout .pay-success {
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	padding: 60px
}

.bass-orderinfo .layout .pay-success .icon-pay-success {
	display: inline-block;
	width: 60px;
	height: 60px;
	color: #40D363;
	margin-bottom: 20px
}

.bass-orderinfo .layout .pay-success .link-goto {
	color: #0F89FF;
	margin: 0 8px;
	text-decoration: none
}

.order-allinfo-tit {
	color: #333;
	font-size: 18px;
	font-weight: 700
}

.order-allinfo-price {
	color: #FDA912;
	font-size: 30px
}

.order-allinfo-price strong {
	margin-left: 4px
}

.order-allinfo-subtxt {
	color: #333;
	font-size: 14px
}

.order-allinfo-btn {
	width: 230px;
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 16px;
	margin-top: 15px
}

.order-allinfo-btn:hover {
	color: #fff;
	opacity: .85
}

.wx-pay-box {
	background: #FFF;
	box-shadow: 0 2px 10px 0 rgba(37, 73, 160, .08);
	margin: 40px auto 60px;
	width: 1200px;
	padding: 40px 0 70px
}

.wx-pay-box .page-title {
	padding: 0 60px 20px;
	color: #171717;
	font-size: 20px;
	font-weight: 700;
	opacity: .9
}

.wx-pay-box .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 802px;
	margin: 0 auto
}

.wx-pay-box .wrap .qrcode-box .qrcode {
	border: 1px solid #D5D5D5;
	width: 310px;
	height: 310px;
	padding: 13px;
	margin-bottom: 12px
}

.wx-pay-box .wrap .sao {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 24px
}

.wx-pay-box .wrap .sao img {
	width: 31px;
	height: 31px;
	margin-right: 15px;
	position: relative;
	top: 5px
}

.wx-pay-box .wrap .sao p {
	font-size: 14px;
	color: #3E3E3E;
	line-height: 20px;
	margin-bottom: 0
}

.wx-pay-box .wrap .pay-info p {
	font-size: 18px;
	color: #333;
	font-weight: 700;
	line-height: 18px;
	margin-bottom: 6px
}

.wx-pay-box .wrap .pay-info p span {
	font-size: 24px;
	color: #FDA912
}

.wx-pay-box .wrap .pay-info span {
	font-size: 12px;
	color: #FDA912
}

.pop-modbox .title,
.pop-modbox h3 {
	margin-bottom: 28px;
	font-size: 18px;
	text-align: center
}

.wx-pay-box .wrap .wx-img {
	margin-left: 80px;
	width: 412px;
	height: 466px
}

.mask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .3;
	background: #000;
	z-index: 100
}

.pop-modbox {
	z-index: 111;
	position: fixed;
	width: 784px;
	padding: 40px 58px;
	background-color: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.pop-modbox .close-pop {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 25px;
	color: #838383
}

.pop-modbox .title {
	font-weight: 700
}

.pop-modbox .pay-tip {
	padding-left: 30px;
	font-size: 16px
}

.pop-modbox .pay-confirm-box {
	margin-top: 20px;
	text-align: center
}

.pop-modbox .pop-orderbox {
	border: 1px solid #EAEFF5;
	background-color: #FAFCFE;
	color: rgba(0, 0, 0, .5);
	padding: 20px 24px;
	line-height: 35px;
	font-size: 14px;
	margin-bottom: 24px
}

.pop-modbox .pop-orderbox .order-list-lable {
	width: 100px;
	text-align: right;
	color: #333
}

.pop-modbox .pop-orderbox .order-list-lable02 {
	margin-left: 20px;
	color: #333
}

.pop-modbox .source-wrap-box {
	height: 62px
}

.pop-modbox .source-wrap-box .top-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 16px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.pop-modbox .source-wrap-box .top-box .text-name {
	display: inline-block;
	font-size: 12px;
	color: #333
}

.pop-modbox .source-wrap-box .top-box .slider-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #FEFEFE;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 1px solid #EAEFF5;
	border-radius: 4px;
	width: 590px;
	height: 62px;
	padding: 15px
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .line-box {
	width: 410px;
	margin-top: 5px
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .line-box p {
	position: relative;
	height: 8px;
	background: #EEF1F4;
	margin-bottom: 7px
}

.pop-modbox .confirm-box .total-money p,
.pop-modbox-join .join-ourbox ul {
	margin-bottom: 15px
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .line-box p img {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: -4px
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .line-box div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .line-box div span {
	font-size: 12px;
	color: #333;
	display: block;
	width: 33%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .line-box div span:nth-child(2) {
	text-align: center
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .line-box div span:nth-child(3) {
	text-align: right
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .config-num {
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #DDD
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .config-num .opreate {
	display: inline-block;
	width: 32px;
	background: #fff;
	color: #333;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	border-right: 1px solid #DDD
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .config-num .opreate.no {
	color: #D8D8D8
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .config-num input {
	width: 46px;
	line-height: 30px;
	border-right: 1px solid #DDD;
	text-align: center
}

.pop-modbox .source-wrap-box .top-box .slider-wrap .G {
	font-size: 14px
}

.pop-modbox .source-wrap-box .tps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.pop-modbox .source-wrap-box .tps .tps-lable {
	font-size: 14px;
	color: #333
}

.pop-modbox .source-wrap-box .tps div {
	font-size: 0
}

.pop-modbox .source-wrap-box .tps div span {
	display: inline-block;
	border: 1px solid #DDD;
	font-size: 14px;
	color: #D8D8D8;
	text-align: center;
	width: 60px;
	height: 42px;
	line-height: 42px;
	margin-left: -1px;
	cursor: pointer
}

.pop-modbox .source-wrap-box .tps div span.sel-on {
	border-color: #1890FF;
	color: #1890FF;
	position: relative
}

.pop-modbox .confirm-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.pop-modbox .confirm-box p {
	font-size: 18px;
	color: #333;
	font-weight: 700
}

.pop-modbox .confirm-box p span {
	font-weight: 400
}

.pop-modbox .confirm-box .total-money p span {
	font-size: 30px;
	color: #FDA912
}

.pop-modbox .confirm-box .total-money p span i {
	font-style: normal;
	font-weight: 700
}

.pop-modbox .confirm-box .total-money p span em {
	font-style: normal;
	font-size: 14px;
	color: #333;
	position: relative;
	top: -6px
}

.pop-modbox .confirm-box .total-money a {
	display: block;
	background: #1890FF;
	width: 140px;
	height: 44px;
	font-size: 16px;
	color: #FFF;
	line-height: 44px;
	text-align: center
}

.pop-modbox-join {
	width: 483px;
	padding: 40px 30px 40px 40px
}

.pop-modbox-join .join-ourbox ul li {
	font-size: 0;
	padding-left: 80px;
	position: relative;
	margin-bottom: 15px
}

.pop-modbox-join .join-ourbox ul li span {
	position: absolute;
	top: 5px;
	left: 0;
	width: 70px;
	text-align: right;
	font-size: 11px
}

.pop-modbox-join .join-ourbox .join-qa {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 16px;
	border: 1px solid #9E9E9E;
	border-radius: 999px;
	font-size: 13px;
	text-align: center;
	margin-left: 5px
}

.pop-modbox-join .join-ourbox .input-area,
.pop-modbox-join .join-ourbox .input-mail {
	border: 1px solid #E7E7E7;
	font-size: 10px;
	padding: 6px;
	color: #BBB;
	width: 282px
}

.pop-modbox-join .join-ourbox .input-area {
	height: 80px;
	overflow: auto
}

.pop-modbox-join .join-ourbox .link-btn01,
.pop-modbox-join .join-ourbox .link-btn02 {
	display: inline-block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center
}

.pop-modbox-join .join-ourbox .link-btn01 {
	background: #1890FF;
	color: #FFF
}

.pop-modbox-join .join-ourbox .link-btn02 {
	border: 1px solid #1790FF;
	color: #1890FF;
	margin-left: 20px
}

@keyframes loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.baas-banner {
	height: 450px;
	background: url(../images/banner.jpg) 50% 50% no-repeat #001336;
	background-size: cover
}

.baas-banner .banner-content {
	width: 1200px;
	margin: 0 auto;
	color: #fff;
	line-height: 1.5
}

.baas-banner .banner-title {
	padding-top: 95px;
	font-size: 40px
}

.baas-banner .banner-desc {
	max-width: 420px;
	padding-top: 20px;
	font-size: 16px
}

.baas-section .case-img img,
.baas-section .feature-img img,
.baas-section .step-img img {
	max-width: 100%
}

.baas-banner .banner-ctrl {
	padding-top: 50px
}

.baas-banner .banner-ctrl .try-btn {
	line-height: 40px;
	background: 0 0;
	border: 2px solid #01befa
}

.baas-section {
	position: relative;
	padding-top: 80px
}

.baas-section.blue {
	background-color: #F6FAFE
}

.baas-section .section-content {
	width: 1200px;
	margin: 0 auto
}

.baas-section .sec-title {
	color: #333;
	font-size: 36px;
	text-align: center
}

.baas-section .sec-link-box {
	position: absolute;
	top: 82px;
	right: 0
}

.baas-section .sec-link {
	color: #999
}

.baas-section .feature-list-box {
	padding: 70px 0 80px
}

.baas-section .feature-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none
}

.baas-section .feature-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-top: 40px
}

.baas-section .feature-item .item-content {
	width: 260px;
	height: 260px;
	margin: 0 auto;
	background: #FFF;
	border: 1px solid #E8EEF4;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 10px 0 rgba(37, 73, 160, .08);
	box-shadow: 0 2px 10px 0 rgba(37, 73, 160, .08);
	text-align: center
}

.baas-section .feature-img {
	width: 80px;
	height: 80px;
	margin: -32px auto 0
}

.baas-section .feature-title {
	padding: 26px 28px 0;
	color: #333;
	font-size: 20px
}

.baas-section .feature-desc {
	padding: 12px 28px;
	color: #666
}

.baas-section .case-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 64px 0 100px
}

.baas-section .case-nav {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 330px;
	height: 390px;
	background-color: #fff
}

.baas-section .case-nav-item {
	padding: 22px 40px;
	color: #666;
	font-size: 24px;
	cursor: pointer;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.baas-section .case-nav-item.on {
	background: -webkit-gradient(linear, right top, left top, from(#02DDF5), to(#1C4CF4));
	background: -o-linear-gradient(right, #02DDF5 0, #1C4CF4 100%);
	background: linear-gradient(270deg, #02DDF5 0, #1C4CF4 100%);
	color: #fff
}

.baas-section .case-list {
	position: relative;
	width: 100%;
	margin-left: 60px
}

.baas-section .case-item {
	display: none;
	opacity: 0;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.baas-section .case-item.on {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	opacity: 1
}

.baas-section .case-left {
	width: 260px
}

.baas-section .case-title {
	padding-top: 4px;
	color: #000;
	font-size: 28px
}

.baas-section .case-desc {
	padding-top: 30px;
	color: #666;
	font-size: 16px
}

.baas-section .case-img {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 380px;
	height: 210px;
	margin-top: 10px;
	margin-left: 40px
}

.baas-section .quick-start-wrap {
	padding: 75px 0 100px
}

.baas-section .step-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding-bottom: 50px
}

.baas-section .step-row:last-child::after {
	background: 0 0
}

.baas-section .step-row::after {
	content: "";
	position: absolute;
	bottom: 12px;
	right: 146px;
	width: 680px;
	height: 34px;
	background: url(../images/line.png) 50% 50% no-repeat;
	background-size: 100% auto
}

.baas-section .step-item {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	width: 280px;
	padding-top: 20px;
	margin-right: 165px
}

.baas-section .step-item:last-child {
	margin-right: 0
}

.baas-section .step-item:last-child::after {
	width: 0;
	height: 0;
	background: 0 0
}

.baas-section .step-item::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 310px;
	width: 111px;
	height: 9px;
	margin-top: -24px;
	background: url(../images/icon-step-arrow.png) 50% 50% no-repeat;
	background-size: 100% auto
}

.baas-section .step-status {
	position: absolute;
	top: 0;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	border-radius: 100%;
	background: url(../images/icon-check.png) 50% 50% no-repeat #C1CFE6;
	background-size: 28px auto;
	-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .05)
}

.baas-section .step-status.checked {
	background-color: #5CDDBD
}

.baas-section .step-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 16px
}

.baas-section .step-text .num {
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
	text-indent: -9999px
}

.baas-section .step-text .num5 {
	background-image: url(../images/icon-step5.png)
}

.baas-section .step-text .num4 {
	background-image: url(../images/icon-step4.png)
}

.baas-section .step-text .num3 {
	background-image: url(../images/icon-step3.png)
}

.baas-section .step-text .num2 {
	background-image: url(../images/icon-step2.png)
}

.baas-section .step-text .num1 {
	background-image: url(../images/icon-step1.png)
}

.baas-section .step-text .text {
	margin-left: 8px;
	color: #606060;
	font-size: 18px
}

.baas-section .step-text .text a {
	padding-bottom: 2px;
	color: #606060;
	text-decoration: none;
	border-bottom: 1px solid #8D8D8D
}

.baas-section .step-text .play {
	width: 24px;
	height: 24px;
	margin-left: 10px;
	background: url(../images/icon-play.png) 50% 50% no-repeat;
	background-size: 100% auto
}

@media (max-width:1230px) {
	.baas-banner .banner-content {
		width: auto;
		padding: 0 20px
	}

	.baas-section .section-content {
		width: auto
	}
}

@media (max-width:900px) {

	.baas-section .case-box,
	.baas-section .case-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal
	}

	.baas-section .case-box {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.baas-section .case-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: auto;
		height: auto;
		margin: 0 20px
	}

	.baas-section .case-nav-item {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center
	}

	.baas-section .case-list {
		width: auto;
		margin: 30px 20px 0
	}

	.baas-section .case-item {
		-ms-flex-flow: column;
		flex-flow: column
	}

	.baas-section .case-left {
		width: 100%
	}

	.baas-section .case-img {
		width: 100%;
		margin-top: 40px
	}
}

@media (max-width:767px) {
	.baas-section {
		padding-top: 40px
	}

	.baas-section .feature-list-box {
		padding: 35px 0 40px
	}

	.baas-section .sec-link-box {
		position: static;
		margin-top: 20px;
		text-align: center
	}

	.baas-section .case-img {
		width: 320px;
		margin-left: auto;
		margin-right: auto
	}
}

@font-face {
	font-family: DINCond-Bold;
	src: url(/fonts/baas/DINCond-Bold.eot);
	src: url(../fonts/dincond-bold.eot) format('embedded-opentype'), url(../fonts/dincond-bold.woff) format('woff'), url(../fonts/dincond-bold.ttf) format('truetype'), url(../fonts/dincond-bold.svg) format('svg')
}

@font-face {
	font-family: fzzdhjt;
	src: url(../fonts/fzzdhjt.eot);
	src: url(../fonts/fzzdhjt.eot) format('embedded-opentype'), url(../fonts/fzzdhjt.woff) format('woff'), url(../fonts/fzzdhjt.ttf) format('truetype'), url(../fonts/fzzdhjt.svg) format('svg')
}

.baas-try-container {
	padding-top: 58px;
	background: url(../images/try-bg.jpg) 50% 0 no-repeat #090c21
}

.baas-try-banner {
	height: 294px;
	background: url(../images/try-banner.png) 50% 50% no-repeat;
	background-size: contain;
	text-indent: -9999px
}

.baas-try-main {
	width: 1280px;
	margin: 0 auto;
	padding-top: 54px
}

.baas-try-main .coupon-wrap {
	position: relative;
	min-height: 466px;
	padding: 50px 0;
	background: url(../images/try-coupon-2.png) 50% 50px repeat-y;
	background-size: 100% auto;
	background-clip: content-box
}

.baas-try-main .coupon-wrap:after,
.baas-try-main .coupon-wrap:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.baas-try-main .coupon-wrap:before {
	top: 0;
	background-image: url(../images/try-coupon-1.png)
}

.baas-try-main .coupon-wrap:after {
	bottom: 0;
	background-image: url(../images/try-coupon-3.png)
}

.baas-try-main .coupon-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 20px 36px 0 8px;
	margin: 0 36px 0 39px;
	background: -webkit-gradient(linear, left top, left bottom, from(#031944), to(#082475));
	background: -o-linear-gradient(top, #031944, #082475);
	background: linear-gradient(to bottom, #031944, #082475)
}

.baas-try-main .coupon-title {
	padding-bottom: 24px;
	color: #38c4ff;
	font-size: 28px
}

.baas-try-main .coupon-content-wrap {
	position: relative;
	width: 549px;
	padding: 30px 45px 34px;
	border-radius: 6px
}

.baas-try-main .coupon-content-wrap::after,
.baas-try-main .coupon-content-wrap::before {
	content: "";
	position: absolute;
	top: 40px;
	right: 46px;
	height: 1px;
	background-color: #4dc1fd
}

.baas-try-main .coupon-content-wrap::before {
	width: 292px
}

.baas-try-main .coupon-content-wrap::after {
	width: 232px;
	margin-top: 4px
}

.baas-try-main .coupon-item {
	margin-left: 28px;
	margin-bottom: 28px
}

.baas-try-main .coupon-item:nth-child(n) .coupon-content-wrap {
	background: -webkit-gradient(linear, left top, right top, from(#06a3d7), to(#029beb));
	background: -o-linear-gradient(left, #06a3d7, #029beb);
	background: linear-gradient(to right, #06a3d7, #029beb)
}

.baas-try-main .coupon-item:nth-child(2n) .coupon-title {
	color: #73a4fd
}

.baas-try-main .coupon-item:nth-child(2n) .coupon-content-wrap {
	background: -webkit-gradient(linear, left top, right top, from(#2486ff), to(#004af1));
	background: -o-linear-gradient(left, #2486ff, #004af1);
	background: linear-gradient(to right, #2486ff, #004af1)
}

.baas-try-main .coupon-item:nth-child(2n) .coupon-content-wrap::after,
.baas-try-main .coupon-item:nth-child(2n) .coupon-content-wrap::before {
	background-color: #2d79f7
}

.baas-try-main .coupon-name {
	color: #fff;
	font-size: 26px;
	font-family: fzzdhjt
}

.baas-try-main .coupon-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.baas-try-main .coupon-price {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: #fff;
	font-size: 62px;
	line-height: 1.2
}

.baas-try-main .coupon-price .big {
	font-size: 125px;
	font-family: DINCond-Bold
}

.baas-try-main .coupon-price .small {
	font-size: 42px
}

.baas-try-main .coupon-tip-wrap {
	margin-left: 36px
}

.baas-try-main .coupon-tip {
	color: #b8e4fe;
	font-size: 16px;
	font-weight: 700
}

.baas-try-main .coupon-ctrl {
	padding-top: 12px
}

.baas-try-main .coupon-ctrl .ctrl-btn {
	display: block;
	width: 162px;
	height: 46px;
	line-height: 50px;
	background-color: #ffc961;
	border-radius: 4px;
	color: #45320f;
	font-size: 20px;
	font-family: fzzdhjt;
	text-align: center
}

.baas-try-main .coupon-ctrl .ctrl-btn.disabled {
	background-color: silver;
	color: #fff;
	cursor: not-allowed
}

.baas-try-main .link-wrap {
	padding-top: 40px;
	color: #3498ff;
	font-size: 30px;
	text-align: center
}

.baas-try-main .link-wrap a {
	color: #28cfff;
	font-size: 34px;
	text-decoration: underline
}

.baas-try-main .rule-wrap {
	padding: 76px 110px 120px 135px
}

.baas-try-main .rule-title {
	color: #3498ff;
	font-size: 32px
}

.baas-try-main .rule-content {
	padding-top: 10px;
	color: #2d67d1;
	font-size: 16px;
	line-height: 1.5
}

.baas-try-main .rule-item {
	padding-bottom: 5px
}

@media (max-width:1300px) {
	.baas-try-main {
		width: auto
	}

	.baas-try-main .coupon-content-wrap {
		width: 489px
	}

	.baas-try-main .coupon-content-wrap::before {
		width: 252px
	}

	.baas-try-main .coupon-content-wrap::after {
		width: 192px
	}
}

@media (max-width:1100px) {
	.baas-try-main .coupon-wrap {
		background-size: 100% 100%
	}

	.baas-try-main .coupon-content-wrap {
		width: 449px
	}

	.baas-try-main .coupon-content-wrap::before {
		width: 212px
	}

	.baas-try-main .coupon-content-wrap::after {
		width: 152px
	}
}

@media (max-width:900px) {
	.baas-try-main .coupon-wrap {
		height: auto
	}

	.baas-try-main .coupon-list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.baas-try-main .coupon-item {
		margin-left: 0
	}
}

@media (max-width:500px) {
	.baas-try-main .coupon-list {
		margin: 0 12px;
		padding-left: 0;
		padding-right: 0
	}

	.baas-try-main .coupon-item {
		width: 90%
	}

	.baas-try-main .coupon-content-wrap {
		width: 100%;
		padding-left: 18px;
		padding-right: 18px
	}

	.baas-try-main .coupon-content-wrap::before {
		width: auto;
		left: 150px
	}

	.baas-try-main .coupon-content-wrap::after {
		width: auto;
		left: 200px
	}

	.baas-try-main .coupon-price {
		font-size: 48px
	}

	.baas-try-main .coupon-price .big {
		font-size: 90px
	}

	.baas-try-main .coupon-price .small {
		font-size: 30px
	}

	.baas-try-main .coupon-tip-wrap {
		margin-left: 16px
	}

	.baas-try-main .coupon-tip {
		font-size: 12px
	}

	.baas-try-main .coupon-ctrl .ctrl-btn {
		width: 108px;
		height: 36px;
		line-height: 40px;
		font-size: 16px
	}

	.baas-try-main .link-wrap {
		font-size: 18px
	}

	.baas-try-main .rule-wrap {
		padding: 50px 20px
	}
}

.collection-index-banner {
	height: 450px;
	background: url(../images/banner.jpg) 50% 50% no-repeat;
	background-size: cover
}

.collection-index-banner .banner-content {
	width: 1280px;
	margin: 0 auto;
	padding-top: 80px;
	color: #fff
}

.collection-index-banner .banner-content .title {
	font-size: 40px
}

.collection-index-banner .banner-content .desc {
	max-width: 620px;
	margin-top: 30px;
	font-size: 16px
}

.collection-index-banner .banner-content .ctrl {
	margin-top: 48px
}

.collection-index-banner .banner-content .btn {
	display: block;
	width: 160px;
	height: 48px;
	background: #FFF;
	border-radius: 4px;
	color: #2757F5;
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.collection-index-banner .banner-content .btn:hover {
	background: #2757F5;
	color: #fff
}

.collection-index-section.light {
	background-color: #fff
}

.collection-index-section.dark {
	background-color: #141C40
}

.collection-index-section.dark .collection-index-section-desc,
.collection-index-section.dark .collection-index-section-title {
	color: #fff
}

.collection-index-section-content {
	width: 1280px;
	margin: 0 auto;
	padding-top: 72px
}

.collection-index-section-title {
	position: relative;
	padding-bottom: 20px;
	font-size: 36px;
	text-align: center
}

.collection-index-section-title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 45px;
	height: 4px;
	background-color: #2757F5;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.collection-index-section-desc {
	max-width: 710px;
	margin: 0 auto;
	padding-top: 20px;
	color: #595959;
	font-size: 16px;
	text-align: center;
	line-height: 2
}

.collection-index-section .know-list-wrap {
	margin: 0 -15px;
	padding: 28px 0 98px
}

.collection-index-section .know-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.collection-index-section .know-item {
	width: 33.33%;
	padding: 30px 15px 0
}

.collection-index-section .know-item-inner {
	max-width: 408px;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.collection-index-section .know-item-inner .item-img-wrap {
	position: relative;
	padding-top: 56.2%
}

.collection-index-section .know-item-inner .item-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.collection-index-section .know-item-inner .item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.collection-index-section .know-item-inner .item-content {
	padding: 18px 20px
}

.collection-index-section .know-item-inner .item-title-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 30px
}

.collection-index-section .know-item-inner .item-title-en {
	color: rgba(0, 0, 0, .05)
}

.collection-index-section .know-item-inner .item-desc {
	padding-top: 14px;
	color: #595959
}

.collection-index-section .service-list-wrap {
	margin: 0 -15px;
	padding: 20px 0 108px
}

.collection-index-section .service-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.collection-index-section .service-item {
	width: 33.33%;
	padding: 30px 15px 0
}

.collection-index-section .service-item-inner {
	max-width: 407px;
	margin: 0 auto;
	padding: 36px 50px;
	background: rgba(255, 255, 255, .05);
	border-radius: 4px
}

.collection-index-section .service-item-inner .item-icon {
	width: 70px;
	height: 73px;
	margin: 0 auto
}

.collection-index-section .service-item-inner .item-icon img {
	max-width: 100%
}

.collection-index-section .service-item-inner .item-title {
	padding-top: 30px;
	color: #fff;
	font-size: 30px;
	text-align: center
}

.collection-index-section .service-item-inner .item-desc {
	height: 60px;
	margin-top: 18px;
	color: rgba(255, 255, 255, .6);
	text-align: center
}

.collection-index-section .cooperation-list {
	padding: 20px 0 140px
}

.collection-index-section .cooperation-item {
	padding-top: 40px
}

.collection-index-section .cooperation-item-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
	box-shadow: 0 4px 20px rgba(0, 0, 0, .1)
}

.collection-index-section .cooperation-item-inner .item-img-wrap {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	width: 50%
}

.collection-index-section .cooperation-item-inner .item-img-wrap::after {
	content: "";
	display: block;
	padding-top: 56.7%
}

.collection-index-section .cooperation-item-inner .item-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.collection-index-section .cooperation-item-inner .item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.collection-index-section .cooperation-item-inner .item-content {
	padding: 40px
}

.collection-index-section .cooperation-item-inner .item-title {
	font-size: 30px
}

.collection-index-section .cooperation-item-inner .item-desc {
	margin-top: 30px;
	color: #595959;
	text-align: justify
}

@media (max-width:1280px) {

	.collection-index-banner .banner-content,
	.collection-index-section-content {
		width: 100%;
		padding-left: 16px;
		padding-right: 16px
	}
}

@media (max-width:992px) {
	.collection-index-section .know-item {
		width: 50%
	}

	.collection-index-section .service-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.collection-index-section .service-item {
		width: 100%
	}

	.collection-index-section .cooperation-item-inner .item-content {
		padding: 16px
	}

	.collection-index-section .cooperation-item-inner .item-title {
		font-size: 24px
	}

	.collection-index-section .cooperation-item-inner .item-desc {
		margin-top: 12px
	}
}

@media (max-width:768px) {
	.collection-index-banner {
		background-image: url(../images/banner_mobile.jpg)
	}

	.collection-index-banner .banner-content {
		padding-top: 56px
	}

	.collection-index-banner .banner-content .title {
		font-size: 25px
	}

	.collection-index-banner .banner-content .desc {
		max-width: 100%;
		margin-top: 16px
	}

	.collection-index-section-content {
		padding-top: 40px
	}

	.collection-index-section-title {
		padding-bottom: 16px;
		font-size: 24px
	}

	.collection-index-section-desc {
		max-width: 100%;
		padding-top: 16px;
		font-size: 14px
	}

	.collection-index-section .know-list-wrap {
		margin: 0;
		padding: 24px 0 40px
	}

	.collection-index-section .know-list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.collection-index-section .know-item {
		width: 100%;
		padding: 16px 0 0
	}

	.collection-index-section .know-item-inner .item-content {
		padding: 16px
	}

	.collection-index-section .know-item-inner .item-title-wrap {
		font-size: 24px
	}

	.collection-index-section .know-item-inner .item-desc {
		padding-top: 4px;
		font-size: 12px
	}

	.collection-index-section .service-list-wrap {
		margin: 0;
		padding: 14px 0 24px
	}

	.collection-index-section .service-item {
		padding: 16px 0 0
	}

	.collection-index-section .service-item-inner {
		padding: 32px
	}

	.collection-index-section .service-item-inner .item-icon {
		width: 60px;
		height: 63px
	}

	.collection-index-section .service-item-inner .item-title {
		padding-top: 24px;
		font-size: 24px
	}

	.collection-index-section .service-item-inner .item-desc {
		margin-top: 16px
	}

	.collection-index-section .cooperation-list {
		padding: 14px 0 90px
	}

	.collection-index-section .cooperation-item {
		padding-top: 16px
	}

	.collection-index-section .cooperation-item-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.collection-index-section .cooperation-item-inner .item-img-wrap {
		width: 100%
	}

	.collection-index-section .cooperation-item-inner .item-content {
		padding: 24px 20px
	}

	.collection-index-section .cooperation-item-inner .item-desc {
		margin-top: 20px
	}
}