@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
	clear: both;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
svg:not(:root) {
	overflow: hidden;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	padding: 0;
	font-weight: normal;
	vertical-align: middle;
}
ul, ol {
	list-style: none outside none;
}
a {
	color: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:active,
a:focus {
	outline: none;
}
img {
	vertical-align: top;
	border: none; 
	max-width: 100%;
}
button, input, optgroup, select, textarea {
	-webkit-appearance: none;
	color: inherit;
	font: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	border: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] { 
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {  
	cursor: default;
}
input[type="checkbox"], input[type="radio"] { 
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}
input::-ms-clear {
	display: none;
}
input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus { 
	outline: none; 
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
	color: #333; 
}
textarea {
	overflow: auto;
	resize: none;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	width: 100%;
	min-width: 1240px;
	font-family: 'Microsoft YaHei', Helvetica Neue, Helvetica, Roboto, STHeiTi, Arial, sans-serif;
	font-size: 12px; 
	line-height: 1.5;
	color: #323232;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}
.u-pull-left {
	float: left;
}
.u-pull-right {
	float: right;
}
/*Common&&Basic*/
.l-wrap {
	max-width: 1200px;
	margin: auto;
}
.l-wrap:before, .l-wrap:after, .c-loginbar:before, .c-loginbar:after, .c-navbar:before, .c-navbar:after, .u-cf:before, .u-cf:after, .c-mod-head:before, .c-mod-head:after {
	display: table;
	content: "";
}
.l-wrap:after, .c-loginbar:after, .c-navbar:after, .u-cf:after, .c-mod-head:after {
	clear: both;
}
/*Commons->Ui*/
.u-icon {
	background: url(../images/sprites.png) no-repeat 0 0;
}
/*GlobalHeader*/
.c-global-header {
	height: 32px;
	background: #323232;
}
.c-header__text {
	padding: 6px 0;
	line-height: 20px;
	color: #bababa;
}
.c-loginbar {
	margin-right: -14px;
}
.c-loginbar__link {
	position: relative;
	float: left;
	margin: 0 10px;
	padding: 6px;
	line-height: 20px;
	color: #bababa;
	-webkit-transition: color .24s;
	-moz-transition: color .24s;
	transition: color .24s;
}
.c-loginbar__link:after {
	content: "";
	position: absolute;
	right: -10px;
	top: 11px;
	bottom: 9px;
	display: block;
	width: 0;
	height: 12px;
	border-right: 1px solid #acacac;
}
.c-loginbar__link:hover {
	color: #f20000;
}
.c-loginbar__userCenter {
	float: left;
	width: 115px;
	margin-left: -1px;
	height: 32px;
}
.c-userCenter {
	position: relative;
}
.c-userCenter-portal__link {
	position: relative;
	display: block;
	padding: 6px 15px;
	line-height: 20px;
	color: #bababa;
}
.c-userCenter-portal__link .c-userCenter-portal__text {
	display: block;
	height: 20px;
	padding-left: 19px;
	background-position: 0 5px;
}
.c-userCenter-portal__link .c-userCenter-portal__wallet {
	position: absolute;
	top: 11px;
	left: 15px;
	display: block;
	width: 11px;
	height: 12px;
	background-position: 0 0;
}
.c-userCenter-portal__link .c-userCenter-portal__arrow {
	position: absolute;
	top: 14px;
	right: 15px;
	display: block;
	width: 9px;
	height: 5px;
	background-position: 0 -20px;
}
.c-userCenter-board {
	position: absolute;
	top: 32px;
	right: 0;
	z-index: 99;
	width: 235px;
	background: #fff;
	box-shadow: 0 0 15px rgba(224, 226, 232, .5);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.c-userCenter-board__list {
	padding-top: 10px;
	-webkit-transition: padding-top .2s ease-in-out;
	-moz-transition: padding-top .2s ease-in-out;
	transition: padding-top .2s ease-in-out;
}
.c-userCenter-board__item {
	height: 30px;
	margin-top: 5px;
	padding: 5px 20px;
	line-height: 20px;
	color: #666;
}
.c-userCenter-board__item .c-userCenter-board__val {
	color: #323232;
}
.c-userCenter-board__item_total {
	height: 50px;
	margin-top: 11px;
	padding: 15px 20px;
	border-top: 1px solid #e6e8ee;
}
.c-userCenter-board__item_total .c-userCenter-board__val {
	font-size: 14px;
	color: #f20000;
}
.c-userCenter__mask {
	position: absolute;
	top: 25px;
	right: 0;
	z-index: 100;
	display: block;
	width: 115px;
	height: 10px;
	background: #fff;
	visibility: hidden;
}
.c-userCenter--hover .c-userCenter-portal {
	box-shadow: 0 0 15px rgba(224, 226, 232, .5);
}
.c-userCenter--hover .c-userCenter-portal__link {
	color: #f20000;
	background: #fff;
}
.c-userCenter--hover .c-userCenter-portal__link .c-userCenter-portal__wallet {
	background-position: -40px 0;
}
.c-userCenter--hover .c-userCenter-portal__link .c-userCenter-portal__arrow {
	background-position: -40px -20px;
}
.c-userCenter--hover .c-userCenter-board {
	visibility: visible;
	opacity: 1;
}
.c-userCenter--hover .c-userCenter-board__list {
	padding-top: 5px;
}
.c-userCenter--hover .c-userCenter__mask {
	visibility: visible;
}
/*GlobalNavs*/
.c-global-nav {
	position: relative;
	height: 90px;
}
.c-main-nav {
	height: 90px;
	background: #fff;
}
.c-main-nav__logo {
	display: block;
	padding: 25px 0;
}
.c-navbar {
	height: 90px;
}
.c-navbar > li {
	float: left;
	margin-left: 44px;
}
.c-navbar .c-navbar__link {
	display: block;
	height: 90px;
	padding: 35px 0;
	font-size: 16px;
	line-height: 20px;
	color: #323232;
	border-bottom: 2px solid transparent;
	-webkit-transition: color .24s;
	-moz-transition: color .24s;
	transition: color .24s;
}
.c-navbar > li.active .c-navbar__link {
	color: #f52f3e;
	border-bottom-color: #f52f3e;
}
.c-navbar > li.hover .c-navbar__link, 
.c-navbar .c-navbar__link:hover {
	color: #f52f3e;
}
.c-sub-nav {
	position: absolute;
	top: 85px;
	left: 0;
	right: 0;
	z-index: 10;
	height: 50px;
	background: rgba(255, 255, 255, .9);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: top .15s ease-in-out;
	-moz-transition: top .15s ease-in-out;
	transition: top .15s ease-in-out;
}
.c-sub-nav.active {
	top: 90px;
	opacity: 1;
	visibility: visible;
}
.c-sub-navbar {
	line-height: 50px;
}
.c-subnav-item {
	position: absolute;
	width: auto;
	display: none;
}
.c-subnav-item a {
	float: left;
	display: inline-block;
	width: auto;
	height: 50px;
	font-size: 14px;
	color: #323232;
	line-height: 50px;
	-webkit-transition: color .24s;
	-moz-transition: color .24s;
	transition: color .24s;
}
.c-subnav-item a + a {
	margin-left: 30px;
}
.c-subnav-item a:hover {
	color: #f52f3e;
}
/*GlobalFooter*/
.c-global-footer {
	padding: 30px 0;
	background: #323232;
}
.c-site-warn {
	padding: 14px;
	color: #747171;
	border: 1px dashed #747171;
}
.c-site-warn p {
	font-size: 12px;
	line-height: 20px;
}
.c-footer-item {
	float: left;
	height: 44px;
}
.c-footer-item h3 {
	margin-bottom: 10px;
	font-size: 16px;
	color: #d0d0d0;
	line-height: 1;
}
.c-footer-item + .c-footer-item  {
	margin-left: 32px;
	padding-left: 35px;
	border-left: 1px solid #919191;
}
.c-footer-service > li {
	float: left;
	height: 20px;
	margin-right: 18px;
	line-height: 20px;
	color: #919191;
}
.c-footer-service__link {
	position: relative;
	display: block;
	cursor: pointer;
	-webkit-transition: color .1s;
	-moz-transition: color .1s;
	transition: color .1s;
}
.c-footer-service__link .u-icon {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
}
.c-footer-service__link .c-icon_wechat {
	background-position: 0 -76px;
}
.c-footer-service__link .c-icon_ios {
	background-position: 0 -29px;
}
.c-footer-service__link .c-icon_android {
	background-position: 0 -55px;
}
.c-footer-service__link:hover {
	color: #fff;
}
.c-footer-service__link:hover .c-icon_wechat {
	background-position: -40px -76px;
}
.c-footer-service__link:hover .c-icon_ios {
	background-position: -40px -29px;
}
.c-footer-service__link:hover .c-icon_android {
	background-position: -40px -55px;
}
.c-footer-service__link .s-land-thumb {
	position: absolute;
	left: -40px;
	bottom: 30px;
	width: 92px;
	height: 92px;
	padding: 5px;
	border: 1px solid #e8e8e8;
	background: #fff;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform .35s;
	-moz-transition: -moz-transform .35s;
	transition: transform .35s;
}
.c-footer-service__link .s-land-thumb:before {
	position: absolute;
	left: 37px;
	bottom: -16px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 8px solid #fff;
	border-color: #fff transparent transparent transparent;
}
.c-footer-service__link:hover .s-land-thumb {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.c-footer-copyright {
	padding: 8px 0 20px 0;
	line-height: 22px;
	color: #b7b9be;
}
.c-footer-copyright a {
	margin-left: 4px;
	transition: color .24s;
}
.c-footer-copyright a:hover {
	color: #f20000;
}
.c-footer-subnav {
	color: #b7b9be;
	overflow: hidden;
}
.c-footer-subnav a {
	float: left;
	display: block;
	-webkit-transition: color .24s;
	-moz-transition: color .24s;
	transition: color .24s;
}
.c-footer-subnav .c-footer__cut {
	float: left;
	line-height: 1;
	margin: 4px 14px 0 14px;
	font-family: Arial, '\5B8B\4F53';
	font-weight: 200;
}
.c-footer-subnav a:hover {
	color: #f20000;
}
/*GlobalModalWidget*/
body.modal-open {
	overflow: hidden;
}
.c-modal-shade {
	position: fixed;
	top:0;
	left:0;
  right: 0;
	bottom: 0;
	z-index: 1000;
  background: #000;
  opacity: 0.75;
  filter: alpha(opacity=75);
	display: none;
}
.c-modal-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;
	display: none;
}
.c-modal {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
}
.c-modal__head {
	position: relative;
	height: 90px;
	padding: 15px 45px;
}
.c-modal__title {
	height: 60px;
	font-size: 24px;
	color: #fff;
	line-height: 60px;
	text-align: center;
}
.c-modal__close {
	position: absolute;
	top: 10px;
	right: 0;
	display: block;
	width: 45px;
	height: 30px;
	background: url(../images/modalclose.png) no-repeat center center;
}
.c-modal__body {
	height: 240px;
}
.c-form_modal,
.c-qrcode_modal {
	padding: 30px 50px;
}
.c-form-row_input {
	height: 40px;
	padding-left: 95px;
}
.c-form-row_input + .c-form-row_input {
	margin-top: 20px;
}
.c-form-row_submit {
	height: 48px;
	margin-top: 30px;
}
.c-form-row__lt {
	float: left;
	width: 95px;
	margin-left: -95px;
	font-size: 12px;
	font-weight: 700;
	color: #323232;
	line-height: 38px;
	text-align: center;
	border: 1px solid #f1f1f1;
	background: rgba(252, 252, 252, .8);
}
.c-form-row__rt {
	border: 1px solid #f1f1f1;
	border-left: none;
	background: rgba(255, 255, 255, .8);
}
.c-form-row__field {
	display: block;
	width: 100%;
	height: 38px;
	padding: 10px 20px;
	color: #323232;
}
.c-form-row__field::-webkit-input-placeholder {
	color: #dadada;
}
.c-form-row__btn {
	display: block;
	width: 100%;
	height: 48px;
	padding: 12px 20px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	line-height: 1.5;
	text-align: center;
	cursor: pointer;
	border: none;
	background: none;
	outline: none;
}
.c-form-row__btn_submit {
	background: #ff1f19;
}
.c-qrcode-inner {
	text-align: center;
}
.c-qrcode-inner > p {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #323232;
}

/*Animation->fadeInRight*/
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(30px);
		-ms-transform: translateX(30px);
		transform: translateX(30px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}
.animation {
	/*opacity: 0;*/
	filter: alpha(Opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
	-webkit-animation-duration: .5s;
	-webkit-animation-delay: .3s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .5s;
	-moz-animation-delay: .3s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .5s;
	-ms-animation-delay: .3s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .5s;
	animation-delay: .3s;
	animation-timing-function: ease;
	animation-fill-mode: both
}
.animation-delay-0 {
	-moz-animation: fadeInRight .5s 0s ease forwards;
	-webkit-animation: fadeInRight .5s 0s ease forwards;
	animation: fadeInRight .5s 0s ease forwards
}
.animation-delay-1 {
	-moz-animation: fadeInRight .5s .06s ease forwards;
	-webkit-animation: fadeInRight .5s .06s ease forwards;
	animation: fadeInRight .5s .06s ease forwards
}
.animation-delay-2 {
	-moz-animation: fadeInRight .5s .12s ease forwards;
	-webkit-animation: fadeInRight .5s .12s ease forwards;
	animation: fadeInRight .5s .12s ease forwards
}
.animation-delay-3 {
	-moz-animation: fadeInRight .5s .18s ease forwards;
	-webkit-animation: fadeInRight .5s .18s ease forwards;
	animation: fadeInRight .5s .18s ease forwards
}
.animation-delay-4 {
	-moz-animation: fadeInRight .5s .24s ease forwards;
	-webkit-animation: fadeInRight .5s .24s ease forwards;
	animation: fadeInRight .5s .24s ease forwards
}
.animation-delay-5 {
	-moz-animation: fadeInRight .5s .3s ease forwards;
	-webkit-animation: fadeInRight .5s .3s ease forwards;
	animation: fadeInRight .5s .3s ease forwards
}
.animation-delay-6 {
	-moz-animation: fadeInRight .5s .36s ease forwards;
	-webkit-animation: fadeInRight .5s .36s ease forwards;
	animation: fadeInRight .5s .36s ease forwards
}
.animation-delay-7 {
	-moz-animation: fadeInRight .5s .42s ease forwards;
	-webkit-animation: fadeInRight .5s .42s ease forwards;
	animation: fadeInRight .5s .42s ease forwards
}
.animation-delay-8 {
	-moz-animation: fadeInRight .5s .48s ease forwards;
	-webkit-animation: fadeInRight .5s .48s ease forwards;
	animation: fadeInRight .5s .48s ease forwards
}
.animation-delay-9 {
	-moz-animation: fadeInRight .5s .54s ease forwards;
	-webkit-animation: fadeInRight .5s .54s ease forwards;
	animation: fadeInRight .5s .54s ease forwards
}
.animation-delay-10 {
	-moz-animation: fadeInRight .5s .6s ease forwards;
	-webkit-animation: fadeInRight .5s .6s ease forwards;
	animation: fadeInRight .5s .6s ease forwards
}
.animation-delay-11 {
	-moz-animation: fadeInRight .5s .66s ease forwards;
	-webkit-animation: fadeInRight .5s .66s ease forwards;
	animation: fadeInRight .5s .66s ease forwards
}
.animation-delay-12 {
	-moz-animation: fadeInRight .5s .72s ease forwards;
	-webkit-animation: fadeInRight .5s .72s ease forwards;
	animation: fadeInRight .5s .72s ease forwards
}