@charset "UTF-8";
* {
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: transparent;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "微软雅黑";
}

.header-h {
	padding-top: 2.2rem;
}

html,
body {
	display: block;
	height: 100%;
	background: #FFFFFF;
}

.all-header {
	width: 100%;
	height: 1.9733rem;
	text-align: center;
	background-image: linear-gradient(27deg, #F77B6C 0%, #ED3A40 95%);
	font-size: 0.48rem;
	color: #ffffff;
}

p {
	margin: 0;
}

html {
	-ms-text-size-adjust: 100%;
	position: relative;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	vertical-align: baseline;
}

body {
	color: #333;
}

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

ul,
li {
	list-style: none;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: inherit;
}

button {
	outline: 0;
	border: 0;
	background: transparent;
	padding: 0;
	width: initial;
}

select {
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	display: block;
	width: 100%;
	background: transparent;
	direction: rtl;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input:focus {
	outline: none;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.text-overflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

img {
	width: 100%;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.hidden {
	display: none !important;
}

.block {
	display: block !important;
}

.round {
	border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
	float: left;
	position: relative;
	min-height: 1px;
}

.col-xs-12 {
	width: 100%;
}

.col-xs-11 {
	width: 91.66666667%;
}

.col-xs-10 {
	width: 83.33333333%;
}

.col-xs-9 {
	width: 75%;
}

.col-xs-8 {
	width: 66.66666667%;
}

.col-xs-7 {
	width: 58.33333333%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-5 {
	width: 41.66666667%;
}

.col-xs-4 {
	width: 33.33333333%;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-2 {
	width: 16.66666667%;
}

.col-xs-1 {
	width: 8.33333333%;
}

.lh150 {
	line-height: 150%;
}

.lh180 {
	line-height: 180%;
}

.lh200 {
	line-height: 200%;
}

.lh300 {
	line-height: 300%;
}

textarea {
	outline: none;
	border: none;
	width: 100%;
	resize: none;
	background: #fff;
	-webkit-background: #fff;
	border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	appearance: button;
	-moz-appearance: button;
	-webkit-appearance: button;
}

::-webkit-input-placeholder {
	color: #999;
}

:-moz-placeholder {
	color: #999;
}

::-moz-placeholder {
	color: #999;
}

:-ms-input-placeholder {
	color: #999;
}

.m0 {
	margin: 0 !important;
}

.m5 {
	margin: 0.13333rem !important;
}

.m10 {
	margin: 0.26667rem !important;
}

.m15 {
	margin: 0.4rem !important;
}

.m30 {
	margin: 0.8rem !important;
}

.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 0.13333rem !important;
}

.mt9 {
	margin-top: 0.24rem !important;
}

.mt10 {
	margin-top: 0.26667rem !important;
}

.mt15 {
	margin-top: 0.4rem !important;
}

.mt20 {
	margin-top: 0.53333rem !important;
}

.mt25 {
	margin-top: 0.66667rem !important;
}

.mt30 {
	margin-top: 0.8rem !important;
}

.mt40 {
	margin-top: 1.06667rem !important;
}

.mt50 {
	margin-top: 1.33333rem !important;
}

.mt100 {
	margin-top: 2.66667rem !important;
}

.mt200 {
	margin-top: 5.33333rem !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 0.13333rem !important;
}

.mb8 {
	margin-bottom: 0.21333rem !important;
}

.mb9 {
	margin-bottom: 0.24rem !important;
}

.mb10 {
	margin-bottom: 0.26667rem !important;
}

.mb15 {
	margin-bottom: 0.4rem !important;
}

.mb20 {
	margin-bottom: 0.53333rem !important;
}

.mb30 {
	margin-bottom: 0.8rem !important;
}

.mb40 {
	margin-bottom: 1.06667rem !important;
}

.mb50 {
	margin-bottom: 1.33333rem !important;
}

.mb100 {
	margin-bottom: 2.66667rem !important;
}

.ml0 {
	margin-left: 0 !important;
}

.ml5 {
	margin-left: 0.13333rem !important;
}

.ml10 {
	margin-left: 0.26667rem !important;
}

.ml15 {
	margin-left: 0.4rem !important;
}

.ml20 {
	margin-left: 0.53333rem !important;
}

.ml30 {
	margin-left: 0.8rem !important;
}

.ml35 {
	margin-left: 0.93333rem !important;
}

.ml40 {
	margin-left: 1.06667rem !important;
}

.ml50 {
	margin-left: 1.33333rem !important;
}

.ml70 {
	margin-left: 1.86667rem !important;
}

.ml100 {
	margin-left: 2.66667rem !important;
}

.mr5 {
	margin-right: 0.13333rem !important;
}

.mr8 {
	margin-right: 0.21333rem !important;
}

.mr10 {
	margin-right: 0.26667rem !important;
}

.mr15 {
	margin-right: 0.4rem !important;
}

.mr20 {
	margin-right: 0.53333rem !important;
}

.mr30 {
	margin-right: 0.8rem !important;
}

.mr40 {
	margin-right: 1.06667rem !important;
}

.mr50 {
	margin-right: 1.33333rem !important;
}

.mr100 {
	margin-right: 2.66667rem !important;
}

.p0 {
	padding: 0 !important;
}

.p1 {
	padding: 0.02667rem !important;
}

.p5 {
	padding: 0.13333rem !important;
}

.p6 {
	padding: 0.16rem !important;
}

.p10 {
	padding: 0.26667rem !important;
}

.p15 {
	padding: 0.4rem !important;
}

.p20 {
	padding: 0.53333rem !important;
}

.p25 {
	padding: 0.66667rem !important;
}

.p30 {
	padding: 0.8rem !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pt2 {
	padding-top: 0.05333rem !important;
}

.pt3 {
	padding-top: 0.08rem !important;
}

.pt5 {
	padding-top: 0.13333rem !important;
}

.pt8 {
	padding-top: 0.21333rem !important;
}

.pt1 {
	padding-top: 0.02667rem !important;
}

.pt10 {
	padding-top: 0.26667rem !important;
}

.pt11 {
	padding-top: 0.29333rem !important;
}

.pt12 {
	padding-top: 0.32rem !important;
}

.pt14 {
	padding-top: 0.37333rem !important;
}

.pt15 {
	padding-top: 0.4rem !important;
}

.pt20 {
	padding-top: 0.53333rem !important;
}

.pt25 {
	padding-top: 0.66667rem !important;
}

.pt30 {
	padding-top: 0.8rem !important;
}

.pt35 {
	padding-top: 0.93333rem !important;
}

.pt40 {
	padding-top: 1.06667rem !important;
}

.pt50 {
	padding-top: 1.33333rem !important;
}

.pt54 {
	padding-top: 1.44rem !important;
}

.pt55 {
	padding-top: 1.46667rem !important;
}

.pt60 {
	padding-top: 1.6rem !important;
}

.pt66 {
	padding-top: 1.76rem !important;
}

.pt70 {
	padding-top: 1.86667rem !important;
}

.pt80 {
	padding-top: 2.13333rem !important;
}

.pt100 {
	padding-top: 2.66667rem !important;
}

.pt120 {
	padding-top: 3.2rem !important;
}

.pt196 {
	padding-top: 5.22667rem !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pb5 {
	padding-bottom: 0.13333rem !important;
}

.pb2 {
	padding-bottom: 0.05333rem !important;
}

.pb10 {
	padding-bottom: 0.26667rem !important;
}

.pb11 {
	padding-bottom: 0.29333rem !important;
}

.pb12 {
	padding-bottom: 0.32rem !important;
}

.pb14 {
	padding-bottom: 0.37333rem !important;
}

.pb15 {
	padding-bottom: 0.4rem !important;
}

.pb20 {
	padding-bottom: 0.53333rem !important;
}

.pb25 {
	padding-bottom: 0.66667rem !important;
}

.pb30 {
	padding-bottom: 0.8rem !important;
}

.pb35 {
	padding-bottom: 0.93333rem !important;
}

.pb40 {
	padding-bottom: 1.06667rem !important;
}

.pb50 {
	padding-bottom: 1.33333rem !important;
}

.pb60 {
	padding-bottom: 1.6rem !important;
}

.pb70 {
	padding-bottom: 1.86667rem !important;
}

.pb98 {
	padding-bottom: 2.61333rem !important;
}

.pb100 {
	padding-bottom: 2.66667rem !important;
}

.pl0 {
	padding-left: 0 !important;
}

.pl1 {
	padding-left: 0.02667rem !important;
}

.pl5 {
	padding-left: 0.13333rem !important;
}

.pl10 {
	padding-left: 0.26667rem !important;
}

.pl15 {
	padding-left: 0.4rem !important;
}

.pl20 {
	padding-left: 0.53333rem !important;
}

.pl25 {
	padding-left: 0.66667rem !important;
}

.pl30 {
	padding-left: 0.8rem !important;
}

.pl35 {
	padding-left: 0.93333rem !important;
}

.pl40 {
	padding-left: 1.06667rem !important;
}

.pl45 {
	padding-left: 1.2rem !important;
}

.pl50 {
	padding-left: 1.33333rem !important;
}

.pl60 {
	padding-left: 1.6rem !important;
}

.pl65 {
	padding-left: 1.73333rem !important;
}

.pl70 {
	padding-left: 1.86667rem !important;
}

.pl80 {
	padding-left: 2.13333rem !important;
}

.pl100 {
	padding-left: 2.66667rem !important;
}

.pr0 {
	padding-right: 0 !important;
}

.pr1 {
	padding-right: 0.02667rem !important;
}

.pr5 {
	padding-right: 0.13333rem !important;
}

.pr10 {
	padding-right: 0.26667rem !important;
}

.pr15 {
	padding-right: 0.4rem !important;
}

.pr20 {
	padding-right: 0.53333rem !important;
}

.pr25 {
	padding-right: 0.66667rem !important;
}

.pr30 {
	padding-right: 0.8rem !important;
}

.pr35 {
	padding-right: 0.93333rem !important;
}

.pr40 {
	padding-right: 1.06667rem !important;
}

.pr50 {
	padding-right: 1.33333rem !important;
}

.pr60 {
	padding-right: 1.6rem !important;
}

.pr70 {
	padding-right: 1.86667rem !important;
}

.pr80 {
	padding-right: 2.13333rem !important;
}

.pr100 {
	padding-right: 2.66667rem !important;
}

.f9 {
	font-size: 0.24rem !important;
}

.f10 {
	font-size: 0.26667rem !important;
}

.f11 {
	font-size: 0.29333rem !important;
}

.f12 {
	font-size: 0.32rem !important;
}

.f13 {
	font-size: 0.34667rem !important;
}

.f14 {
	font-size: 0.37333rem !important;
}

.f16 {
	font-size: 0.42667rem !important;
}

.f18 {
	font-size: 0.48rem !important;
}

.f20 {
	font-size: 0.53333rem !important;
}

.f22 {
	font-size: 0.58667rem !important;
}

.f24 {
	font-size: 0.64rem !important;
}

.f26 {
	font-size: 0.69333rem !important;
}

.f28 {
	font-size: 0.74667rem !important;
}

.f30 {
	font-size: 0.8rem !important;
}

.f32 {
	font-size: 0.85333rem !important;
}

.f34 {
	font-size: 0.90667rem !important;
}

.f36 {
	font-size: 0.96rem !important;
}

.f38 {
	font-size: 1.01333rem !important;
}

.f40 {
	font-size: 1.06667rem !important;
}

.f42 {
	font-size: 1.12rem !important;
}

.f46 {
	font-size: 1.22667rem !important;
}

.f50 {
	font-size: 1.33333rem !important;
}

.f80 {
	font-size: 2.13333rem !important;
}

.fb {
	font-weight: bold;
}

.fn {
	font-weight: normal;
}

.t2 {
	text-indent: 2em;
}

.width-20 {
	float: left;
	position: relative;
	min-height: 1px;
	width: 20% !important;
}

.width-30 {
	float: left;
	position: relative;
	min-height: 1px;
	width: 30% !important;
}

.width-50 {
	float: left;
	position: relative;
	min-height: 1px;
	width: 50% !important;
}

.relative {
	position: relative !important;
}

.line-b:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #eee;
	color: #eee;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
}

.line-t:before {
	content: " ";
	position: absolute;
	left: 0;
	top: -1px;
	width: 100%;
	height: 1px;
	border-top: 1px solid #eee;
	color: #eee;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	top: 0;
}

.line-r:before {
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-right: 1px solid #eee;
	color: #eee;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: scaleX(0.5);
	transform: scaleX(0.5);
}

.line-l:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px solid #eee;
	color: #eee;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: scaleX(0.5);
	transform: scaleX(0.5);
}

.black {
	color: #000 !important;
	border-color: #000 !important;
}


/*无数据*/

.noData {
	padding-top: 2.13333rem;
	font-size: 0.48rem;
	text-align: center;
	color: #4a4a4a;
}

.noData img {
	width: 2rem;
}

.noData p {
	height: 0.53333rem;
	color: #9B9B9B;
	font-size: 0.48rem;
	margin-top: 0.26667rem;
	line-height: 0.53333rem;
}

.bg-black {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #EEEEEE;
	z-index: 10;
	text-align: center;
	padding: 5rem 0;
	color: #C6C6C6;
	font-size: 0.4rem;
}

.mui-btn-blue,
.mui-btn-primary,
input[type="submit"] {
	background-color: #EB3A40 !important;
	border: 1px solid #EB3A40 !important;
}

.mui-pull-bottom-tips {
	color: #CFCFCF !important;
}

.fadeOut {
	animation-name: fadeOut;
}

.fadeIn {
	animation-name: fadeIn
}

.animated {
	animation-duration: 0.8s;
	animation-fill-mode: both;
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.box1 .topx .nav .active {
	background: #2C2C2C;
	color: #FFFFFF;
	outline: 6px solid #2C2C2C;
}

.box1 .topx .nav li {
	position: relative;
}


/*.box1 .topx .nav li:hover {
	background: #2C2C2C;
	color: #FFFFFF;
	outline: 6px solid #2C2C2C;
}*/

.box1 .topx .nav li:hover .popup {
	color: #656e73;
	display: block;
	box-shadow: none;
	/*-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;*/
	animation-name: flipInY;
	animation-duration: 0.6s;
	animation-fill-mode: both;
	opacity: 1;
}

.popup {
	position: absolute;
	/*left: 50%;*/
	margin-top: -26px;
	margin-left: -48px;
	width: 150px;
	height: 338px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	z-index: 100;
	display: none;
	opacity: 0;
	padding-top: 60px;
	opacity: 1;
}

.popup .listx {
	position: relative;
	width: 100%;
	bottom: 0;
	background: #2B2B2B;
	padding: 10px 0;
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
}

.popup a {
	display: block;
	padding: 10px 18px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	font-size: 14px;
	color: #f2d496;
	letter-spacing: 0;
	text-align: center;
	opacity: 0.85 !important;
	background: #2B2B2B;
}

.popup a:hover {
	background: #FFFFFF;
	color: #2B2B2B;
	opacity: 1;
	text-decoration: none;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.box1 .topx .nav li:hover a {
	opacity: .5;
	text-decoration: none;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

@keyframes flipInY {
	0% {
		transform: perspective(400px) rotateY(90deg);
		animation-timing-function: ease-in;
		opacity: 0
	}
	40% {
		transform: perspective(400px) rotateY(-20deg);
		animation-timing-function: ease-in
	}
	60% {
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}
	80% {
		transform: perspective(400px) rotateY(-5deg)
	}
	to {
		transform: perspective(400px)
	}
}

.box1 {
	width: 100%;
	height: 586px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 150px;
}

.box1 .topx {
	top: 0;
	padding-top: 28px;
	position: fixed;
	width: 100%;
	font-size: 14px;
	color: #2C2C2C;
	padding-bottom: 29px;
	text-align: center;
	width: 100%;
	background: rgb(44, 44, 44);
	z-index: 100;
}

.box1 img {
margin: 0 auto;
    width: auto;
    height: 80px;
    top: -10px;
    position: relative;
}

.box1 .topx .nav {
	width: 100%;
	text-align: center !important;
	margin-top: 0;
	color: #f2d496;
}

.box1 .topx .nav li {
	display: inline-block;
	margin-right: 40px;
	cursor: pointer;
}

.box1 .topx li:hover a {
	opacity: .5;
	text-decoration: none;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.box1 .topx .nav li:last-child {
	margin-right: 0;
}

.swiper-pagination-bullet-active {
	background: #333333 !important;
}

.swiper-pagination {
	bottom: 0 !important;
}

.footerx {
	margin-top: 60px;
	background: #333333;
}

.footerx .topx {
	height: 285px;
	padding-top: 61px;
	margin: 0 auto;
	width: 1200px;
	color: #FFFFFF;
}

.footerx .topx .text {
	float: left;
	text-align: left;
	margin-right: 95px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 28px;
	font-weight: bold;
}

.footerx .topx .text:nth-child(5){
	margin-right: 0;
}

.footerx .topx .text p:first-child {
	font-weight: bold;
	opacity: 1;
}

.footerx .topx .text p {
	opacity: 0.6;
}

.footerx .topx .code {
	width: 160px;
	height: 160px;
}

.footerx .bottomx {
	padding-top: 31px;
	height: 80px;
	background: #292929;
	font-size: 12px;
	color: #f2d496;
}

.footerx .bottomx .middle {
	margin: 0 auto;
	width: 1200px;
}

.box1 .topx {
	transition: background-color 0.8s linear;
	height: 100px;
}

.animation {
	animation: move 0.5s forwards;
}

.animation-over {
	animation: move-over 0.5s forwards;
}

.animation2 {
	animation: move2 0.5s forwards;
}

.animation2-over {
	animation: move2-over 0.5s forwards;
}

.animation3 {
	animation: move3 0.6s forwards;
}

@keyframes move3 {
	100% {
		height: 90px;
	}
}

@keyframes move {
	100% {
		transform: translate3d(-585px, 0, 0);
	}
}

@keyframes move2 {
	100% {
		transform: translate3d(328px, -65px, 0);
	}
}

@keyframes move-over {
	0% {
		transform: translate3d(-550px, 0, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes move2-over {
	0% {
		transform: translate3d(395px, -65px, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}