.contact-banner {
	position: relative;
	overflow: hidden
}
.contact-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	height: 720px;
	width: 2048px;
	background: url(../fonts/contact.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: top center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.contact-banner::after {
	content: '';
	position: absolute;
	background:url(../images/lCAAAAAElFTkSuQmCC.png);
	background-size:cover;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: -2;
	height: 720px
}
.contact-banner .contact-email {
	text-align: center
}
.contact-banner .contact-email .container {
	padding-top: 216px;
	padding-bottom: 140px
}
@media (max-width:767.98px) {
.contact-banner .contact-email .container {
	padding-top: 92px;
	padding-bottom: 96px
}
}
.contact-banner .contact-email .font80 {
	color: #0d2240
}
.contact-banner .contact-email p {
	color: #0d2240;
	margin: 24px 0 40px
}
.contact-banner .contact-email .contact_mail {
	display: inline-block;
	margin: auto
}
.contact-banner .contact-email h5 {
	color: #fff;
	padding: 12px 16px;
	background: #bf69ff;
	border-radius: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: auto
}
.contact-banner .contact-email h5 a {
	color: #fff
}
.contact-banner .contact-email h5 a:hover {
	color: #fff
}
.contact-banner .contact-email h5 .e_mail {
	width: 40px;
	height: 40px;
	margin-right: 8px;
	display: inline-block
}
.contact-banner .contact-email h5 .e_mail img {
	width: 100%;
	height: 100%
}
@media (max-width:767.98px) {
.contact-banner .contact-email p {
	margin: 8px 0 16px
}
.contact-banner .contact-email h5 {
	padding: 6px 8px
}
.contact-banner .contact-email h5 .e_mail {
	width: 24px;
	height: 24px;
	margin-right: 4px
}
}
@media (max-width:767.98px) {
.contact-banner::before {
	height: 400px;
	background-image: url(../images/lCAAAAAElFTkSuQmCC.png);
	width: 100%;
	background-size: cover;
	background-position: center
}
.contact-banner::after {
	height: 400px
}
}
.contact-form .container {
	padding-bottom: 96px
}
@media (max-width:767.98px) {
.contact-form .container {
	padding-bottom: 48px
}
}
.contact-form .main {
	-webkit-box-shadow: 0 10px 24px -5px rgba(0,0,0,.15), 0 0 5px -1px rgba(0,0,0,.2);
	box-shadow: 0 10px 24px -5px rgba(0,0,0,.15), 0 0 5px -1px rgba(0,0,0,.2);
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	padding: 0 264px 53px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff
}
@media (max-width:767.98px) {
.contact-form .main {
	padding: 0 15px 30px
}
}
.contact-form .main .h2-title {
	text-align: center;
	padding-top: 76px
}
@media (max-width:767.98px) {
.contact-form .main .h2-title {
	padding-top: 47px;
	color: #353e6c
}
}
.contact-form .main .h2-desc {
	text-align: center;
	color: #767b97;
	margin-top: 10px
}
.contact-form .main .free {
	background: #ff7411;
	color: #fff;
	font-size: 20px;
	text-align: center;
	height: 42px;
	line-height: 42px;
	width: 192px;
	position: absolute;
	left: 0;
	top: 99px
}
@media (max-width:767.98px) {
.contact-form .main .free {
	top: 120px;
	width: 95%
}
}
@media (max-width:321px) {
.contact-form .main .free {
	top: 152px
}
}
.contact-form .main .free::after {
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
	background: #fff;
	right: -50px;
	top: 50%;
	margin-top: -30px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.contact-form .main .form-tab {
	overflow: hidden;
	margin-top: 14px
}
@media (max-width:767.98px) {
.contact-form .main .form-tab {
	margin-top: 34px
}
}
.contact-form .main .form-tab .item {
	cursor: pointer;
	position: relative;
	height: 120px
}
.contact-form .main .form-tab .item::before {
	content: '';
	width: 120px;
	height: 120px;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
@media (max-width:767.98px) {
.contact-form .main .form-tab .item::before {
	content: none
}
}
.contact-form .main .form-tab .item span {
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #d7d9e1;
	padding: 20px 0;
	text-align: center;
	font-size: 16px;
	margin-top: 56px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	display: block
}
@media (max-width:767.98px) {
.contact-form .main .form-tab .item span {
	font-size: 14px;
	padding: 15px 0
}
}
.contact-form .main .form-tab .item:nth-child(1) span {
	padding-left: 50px
}
@media (max-width:767.98px) {
.contact-form .main .form-tab .item:nth-child(1) span {
	padding-left: 0
}
}
@media (max-width:352px) {
.spec-en .contact-form .main .form-tab .item:nth-child(1) span {
	padding: 5px 0
}
}
.contact-form .main .form-tab .item:nth-child(2) span {
	padding-right: 50px
}
@media (max-width:767.98px) {
.contact-form .main .form-tab .item:nth-child(2) span {
	padding-right: 0
}
}
.contact-form .main .form-tab .item.active span {
	border-color: #0c71ff;
	background: #fff;
	color: #0c71ff
}
.contact-form .main .form-tab .item:nth-child(1)::before {
	background-image: url(../images/merchant.png);
	left: 0;
	bottom: 0
}
.contact-form .main .form-tab .item:nth-child(1).active::before {
	background-image: url(../images/merchant-active.png)
}
.contact-form .main .form-tab .item:nth-child(1) span {
	border-radius: 32px 0 0 32px
}
.contact-form .main .form-tab .item:nth-child(2)::before {
	background-image: url(../images/payer.png);
	right: 0;
	bottom: 0
}
.contact-form .main .form-tab .item:nth-child(2).active::before {
	background-image: url(../images/payer-active.png)
}
.contact-form .main .form-tab .item:nth-child(2) span {
	border-radius: 0 32px 32px 0
}
.contact-form .main .form-con .item {
	display: none
}
.contact-form .main .form-con .item.active {
	display: block
}
.contact-form .main .form-con .item .nav-desc {
	margin-top: 27px;
	font-size: 14px;
	color: #adbacc;
	text-align: center
}
.contact-form .main .form-con .item .go-user {
	display: none
}
.contact-form .main .form-con .item .form {
	margin-top: 30px
}
.datetimepicker {
	padding: 4px;
	margin-top: 1px;
	white-space: normal;
	border-radius: 4px;
	direction: ltr;
	border: 1px solid #e5e5e5;
	position: absolute;
	display: none;
	background: #fff
}
.datetimepicker.datetimepicker-rtl {
	direction: rtl
}
.datetimepicker.datetimepicker-rtl table tr td span {
	float: right
}
.datetimepicker>div {
	display: none
}
.datetimepicker.minutes div.datetimepicker-minutes {
	display: block
}
.datetimepicker.hours div.datetimepicker-hours {
	display: block
}
.datetimepicker.days div.datetimepicker-days {
	display: block
}
.datetimepicker.months div.datetimepicker-months {
	display: block
}
.datetimepicker.years div.datetimepicker-years {
	display: block
}
.datetimepicker table {
	margin: 0
}
.datetimepicker table tr td.minute:hover {
	background: #eee;
	cursor: pointer
}
.datetimepicker table tr td.hour:hover {
	background: #eee;
	cursor: pointer
}
.datetimepicker table tr td.day:hover {
	background: #eee;
	cursor: pointer
}
.datetimepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer
}
.datetimepicker table tr td span:hover {
	background: #eee
}
.datetimepicker table tr td span.old {
	color: #999
}
.datetimepicker .datetimepicker-hours span {
	height: 26px;
	line-height: 26px
}
.datetimepicker .datetimepicker-minutes span {
	height: 26px;
	line-height: 26px
}
.datetimepicker th.switch {
	width: 145px
}
.datetimepicker-inline {
	width: 220px
}
.datetimepicker-dropdown, .datetimepicker-dropdown-left {
	top: 0;
	left: 0
}
[class*=datetimepicker-dropdown]:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0,0,0,.2);
	position: absolute
}
[class*=datetimepicker-dropdown]:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute
}
[class*=datetimepicker-dropdown-top]:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #ccc;
	border-top-color: rgba(0,0,0,.2);
	border-bottom: 0
}
[class*=datetimepicker-dropdown-top]:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	border-bottom: 0
}
.datetimepicker-dropdown-bottom-left:before {
	top: -7px;
	right: 6px
}
.datetimepicker-dropdown-bottom-left:after {
	top: -6px;
	right: 7px
}
.datetimepicker-dropdown-bottom-right:before {
	top: -7px;
	left: 6px
}
.datetimepicker-dropdown-bottom-right:after {
	top: -6px;
	left: 7px
}
.datetimepicker-dropdown-top-left:before {
	bottom: -7px;
	right: 6px
}
.datetimepicker-dropdown-top-left:after {
	bottom: -6px;
	right: 7px
}
.datetimepicker-dropdown-top-right:before {
	bottom: -7px;
	left: 6px
}
.datetimepicker-dropdown-top-right:after {
	bottom: -6px;
	left: 7px
}
.datetimepicker td, .datetimepicker th {
	text-align: center;
	width: 24px;
	height: 24px;
	border: none;
	font-weight: 400;
	font-size: 14px
}
.table-striped .datetimepicker table tr td, .table-striped .datetimepicker table tr th {
	background-color: transparent
}
.datetimepicker table tr td.new, .datetimepicker table tr td.old {
	color: #ccc
}
.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover {
	background: 0 0;
	color: #ccc;
	cursor: default
}
.datetimepicker table tr td.today, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today:hover {
	background-color: #fde19a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd49a), to(#fdf59a));
	background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)
}
.datetimepicker table tr td.today.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today.disabled:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today[disabled] {
	background-color: #fdf59a
}
.datetimepicker table tr td.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active:hover {
	background: #0c71ff;
	color: #fff
}
.datetimepicker .datetimepicker-hours table tr td span.hour_am, .datetimepicker .datetimepicker-hours table tr td span.hour_pm {
	width: 14.6%
}
.datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend {
	margin-bottom: inherit;
	line-height: 30px
}
.datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover {
	background: 0 0;
	color: #999;
	cursor: default
}
.datetimepicker table tr td span.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active:hover {
	background-color: #0c71ff;
	color: #fff
}
.datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active.disabled:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active[disabled] {
	background-color: #0c71ff
}
.datetimepicker tfoot tr:first-child th, .datetimepicker thead tr:first-child th {
	cursor: pointer
}
.datetimepicker tfoot tr:first-child th:hover, .datetimepicker thead tr:first-child th:hover {
	background: #eee
}
.input-append.date .add-on i, .input-group.date .input-group-addon span, .input-prepend.date .add-on i {
	cursor: pointer;
	width: 14px;
	height: 14px
}