@charset "gb2312";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, article, aside, audio, canvas, command, datalist, details, dialog, embed, figure, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, time, video {
	border: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
font-size:.30rem;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none
}
*{
  -webkit-touch-callout:none;  /*ϵͳĬÈϲ˵¥±»½ûÓÃ*/
  -webkit-user-select:none; /*webkitä¯ÀÀÆ÷*/
  -khtml-user-select:none; /*ÔçÆÚä¯ÀÀÆ÷*/
  -moz-user-select:none; /*»ðºü*/
  -ms-user-select:none;  /*IE10*/
  user-select:none;

}
input{
  -webkit-user-select: auto;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
	display: inline-block
}
.clearfix {
	display: block
}
a:link, a:visited {
	text-decoration: none
}
a:hover, a:active {
	text-decoration: none
}
a {
	outline: 0;
*hide-focus:n:none
}
body, html {
	height: 100%;
	position: relative;
	background: #f1f2f5
}
.left {
	float: left
}
.right {
	float: right
}
.swiper-container {
	width: 100%;
	height: 100%;
	margin: 0 auto
}
.mask {
	display: none
}
@media screen and (orientation:landscape) {
.mask {
	width: 100%;
	height: 100%;
	background: rgba(18,18,18,0.7);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}
body {
	width: 100%;
	height: 100%
}
}
.loadingBox {
	width: 100%;
	height: 100%;
	background: rgba(18,18,18,0.95);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100
}
.spinner {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px
}
.cube1, .cube2 {
	background-color: #fff;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: cubemove 1.8s infinite ease-in-out;
	animation: cubemove 1.8s infinite ease-in-out
}
.cube2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s
}
@-webkit-keyframes cubemove {
25% {
-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)
}
50% {
-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(0.5)
}
100% {
-webkit-transform:rotate(-360deg)
}
}
@keyframes cubemove {
25% {
transform:translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)
}
50% {
transform:translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)
}
50.1% {
transform:translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
transform:translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(0.5)
}
100% {
transform:rotate(-360deg);
-webkit-transform:rotate(-360deg)
}
}
.kefu-wrap {
	width: auto;
height:.45rem;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 15
}
.kefu-wrap a {
	color: #fff;
border-radius:.6rem;
	display: flex;
width:.45rem;
height:.45rem;
	background: rgba(0,0,0,.6);
	text-align: center;
margin-top:.1rem
}
.kefu-wrap a img {
	display: block;
width:.25rem;
height:.25rem;
	margin: auto
}
.menu-btnreg {

line-height:.3rem;
padding-top:.1rem
}
.registerbtn, .telbtn {
	display: block;
	color: #9497a6 !important;
font-size:.16rem;
padding-left:.2rem
}
.registerbtn, .telbtn p{
	display: block;
	color: #9497a6 !important;
font-size:.16rem;
}
.popover-wrap {
	width: 3rem;
	height: 1.5rem;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../images/online-ask.jpg) no-repeat;
	background-size: 100% 100%;
	z-index: 12
}
.closebtn {
	display: block;
width:.8rem;
height:.5rem;
	position: absolute;
	right: 0;
	top: 0
}
.btnwrap {
	width: 100%;
height:.4rem;
	float: left;
	position: absolute;
	bottom: 0
}
.btnwrap span {
	display: block;
	width: 50%;
height:.4rem
}
.on-btn-reg {
	width: 100%;
height:.55rem;
	position: absolute;
	top: 1.9rem;
	z-index: 100
}
a {
	cursor: pointer
}
#container {
	max-width: 640px;
	overflow: hidden;
	margin: 0 auto;
padding-top:.5rem;
	width: 100%
}
.wrap-box {
	overflow: hidden;
	text-align: center;
	background: white
}
.hide {
	display: none
}
.show {
	display: block
}
.close-btn {
width:.5rem !important;
height:.5rem !important
}
.m-top {
	max-width: 640px;
	width: 100%;
height:.5rem;
line-height:.5rem;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	margin: auto;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #fbf2f2
}
.m-title-wrap {
	display: flex;
	justify-content: space-between
}
.logo {
	display: block;
margin-left:.14rem
}
.logo img {
width:.85rem;
height:.35rem;
	position: relative;
top:.06rem
}
.m-menu-icon {
	display: block;
margin-right:.14rem
}
.m-menu-icon img {
width:.26rem;
height:.26rem
}
.swiper-slide {
	text-align: center;
	line-height: 2.1rem
}
.home-swiper img {
	width: 100%;height: 1.5rem
}
.into {
	animation: into .6s;
	-webkit-animation: into .6s;
	animation-fill-mode: forwards
}
.out {
	animation: out .6s;
	-webkit-animation: out .6s;
	animation-fill-mode: forwards
}
@-webkit-keyframes into {
0 {
height:0
}
100% {
height:100%
}
}
@-webkit-keyframes out {
0 {
height:0
}
100% {
height:0
}
}
.menu-box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.4);
	overflow: hidden;
	display: none;
	max-width: 640px;
	margin: auto
}
.list-detail {
	overflow: hidden
}
.list-detail li a {
	color: #9497a6;
padding-left:.2rem;
font-size:.16rem;
line-height:.55rem;
height:.55rem;
	border-bottom: 1px solid #161a2c
}
.bgcolor1 {
	background: #03031b;
height:.5rem
}
.bgcolor2 {
	background: #101429
}
.bgcolor3 {
	background: #202334
}
.menu-list a, .show-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
padding-left:.2rem;
line-height:.48rem;
height:.48rem;
	border-bottom: 1px solid #161a2c;
font-size:.16rem
}
.menu-list li span {
	display: inline-block;
font-size:.16rem
}
.arrow1 {
	display: inline-block;
	list-style: none;
width:.25rem;
height:.25rem;
padding-right:.2rem
}
.arrow-top {
	background: url(../images/arrow-top.png) no-repeat;
	background-size: 80% auto
}
.arrow-bot {
	background: url(../images/arrow-bot.png) no-repeat;
	background-size: 80% auto
}
.footer {
	background-color: #0f1520;
padding:.2rem 0;
margin-bottom:.5rem
}
.foot-nav {
height:.3rem;
line-height:.3rem
}
.foot-nav a {
	display: inline-block;
	width: 25%;
height:.3rem;
line-height:.3rem;
	text-align: center;
	color: #fff;
font-size:.14rem;
	float: left
}
.foot-tel {
	display: block;
	width: 90%;
height:.5rem;
line-height:.5rem;
margin:.2rem auto;
	text-align: center;
	border: 1px solid rgba(255,255,255,.4);
	color: #fff;
font-size:.16rem
}
.vd-text p{
font-size:.14rem;
	width: 90%;
line-height:.25rem;
	margin: 0 auto;
	text-align: center;
	color: #b2aeb9
}
.register-btn {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
height:.5rem;
line-height:.5rem;
	background-color: #38f;
	color: #fff;
	text-align: center;
font-size:.16rem;
	margin: auto;
	z-index: 1;
	font-weight: 700;
	max-width: 640px
}
.register-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	background-color: rgba(0,0,0,.7);
	z-index: 15;
	max-width: 640px
}
.register-wrap {
	overflow: hidden;
	display: none
}
.register-box {
	position: fixed;
	left: 0;
	right: 0;
	top: 1.0rem;
	margin: auto;
	background: #fff;
	color: #595961;
	width: 3.0rem;
	height: 2.5rem;
padding:.2rem;
border-radius:.2rem;
	z-index: 16
}
.reg-tit {
	overflow: hidden;
margin-bottom:.1rem
}
.reg-tit img {
	display: inline-block;
width:.35rem;
height:.35rem;
	vertical-align: middle
}
.reg-tit h1 {
	display: inline-block;
font-size:.18rem;
margin-left:.1rem;
	color: #595961
}
.register-box input, .get-code {
	width: 96%;
	display: inline-block;
height:.45rem;
line-height:.45rem;
	border: 1px solid #e3e2e5;
font-size:.16rem;
	padding-left: 3%;
margin-top:.1rem
}
.sumbit-btn {
	display: block;
	width: 100%;
height:.45rem;
line-height:.45rem;
	color: #fff;
	background: #ef830e;
font-size:.16rem;
	text-align: center;
margin:.2rem auto;
border-radius:.1rem
}
.reg-close-btn {
	display: block;
width:.55rem;
height:.55rem;
margin:.6rem auto
}
.reg-close-btn img {
	width: 100%;
	height: 100%
}
.swiper-container {
	height: 2.8rem;
	color: #fff
}
.pages {
	width: 100%;
height:.5rem;
line-height:.5rem
}
.pages span {
	border-radius: 0;
	-webkit-border-radius: 0;
width:.3rem;
height:.03rem;
	opacity: .2;
	background: #fff;
	border: 0
}
.pages span.swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff
}
.top-slide .swiper-slide {
	position: relative
}
.top-slide a {
	position: absolute;
	left: 50%;
	margin-left: -0.8rem;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 1.6rem;
font-size:.16rem;
line-height:.19rem;
	text-align: center;
padding:.10rem .48rem;
border-radius:.02rem;
	background: #38f;
	color: #fff
}
.top-slide h3 {
font-size:.24rem;
	color: #fff;
line-height:.56rem;
	position: absolute;
	text-align: center;
	width: 100%
}
.top-slide p {
	position: absolute;
	width: 100%;
font-size:.14rem;
line-height:.28rem;
	color: #fff;
	text-align: center;
	background:rgba(0,0,0,.5)
}
.top-slide .t1 h3 {
top:.35rem
}
.top-slide .t2 h3, .top-slide .t3 h3 {
	top: 1.04rem
}
.top-slide .t2 p, .top-slide .t3 p, .top-slide .t1 p, .top-slide .t4 p{
	bottom: 0rem
}
.top-slide .t1 a, .top-slide .t2 a, .top-slide .t3 a, .top-slide .t4 a {
	top: 1.8rem
}
.top-slide .t4 h3 {
top:.30rem
}
.m-tip {
padding:.05rem .10rem;
	text-align: center;
	margin: 0 auto;
-webkit-border-radius:.10667rem;
-moz-border-radius:.10667rem;
-ms-border-radius:.10667rem;
-o-border-radius:.10667rem;
border-radius:.03rem;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	position: fixed;
	top: 50%;
	margin-top: -0.25rem;
	z-index: 9999;
font-size:.14rem;
	display: none
}