*{
	margin:0;
	padding:0;
}
html,body{
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
	height: 100%;
	width: 100%;
	overflow: hidden;
}
i{font-style:normal;}
.clear{clear:both;}
.hidden{display:none!important;}
.xuanzhuan{
	animation: xuanzhuan 6s linear infinite;
	-webkit-animation: xuanzhuan 6s linear infinite;
}
.scale{
	-webkit-animation: pulse infinite 1.5s linear;
	animation: pulse infinite 2.5s linear;
}
.jump{
	-webkit-animation: jump 1.5s infinite alternate;
	animation: jump 1.5s infinite alternate;
}
.shake{
	-webkit-animation: shake 3s infinite ease-in-out;
	animation: shake 3s infinite ease-in-out;
}
.doudong{
	-webkit-animation: icon-bounce 3s infinite linear;
	animation: icon-bounce 3s infinite linear;
}
.wrap {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transform-origin: top center;
	transform-origin: top center;
}
.login{
	z-index: 5;
	position: relative;
	width: 100%;
	height:100%;
	background: url(../images/l_bg.jpg) no-repeat top center;
	background-size:100% 100%;
}
.login .icon{
	position:absolute;
	left: 0.8995502248875562rem;
	top: 0.4497751124437781rem;
	width: 3.343328335832084rem;
	height: 1.7841079460269864rem;
	background: url(../images/l_icon.png);
	background-size: 100% 100%;
}
.login .logo{
	position: absolute;
	left: 2.098950524737631rem;
	top: 2.098950524737631rem;
	width: 8.335832083958021rem;
	height: 7.706146926536731rem;
	background: url(../images/l_logo.png);
	background-size: 100% 100%;
}
.login .userinfo{
	width: 6.956521739130435rem;
	position: absolute;
	left: 10.794602698650674rem;
	top: 50%;
	margin-top: -2.8rem;
}
.login .userinfo .input{width:6.941529235382308rem;}
.login .userinfo .input>span{
	position:relative;
	width: 6.941529235382308rem;
	height: 1.3043478260869565rem;
	display: inline-block;
	margin-bottom: 0.4497751124437781rem;
}
.login .userinfo .input>span.user_name:before{
	position: absolute;
	top: 50%;
	left: 0.5997001499250375rem;
	content: "";
	display: inline-block;
	width: 0.3748125937031484rem;
	height: 0.4047976011994003rem;
	margin-top: -0.20239880059970014rem;
	background: url(../images/l_ac.png);
	background-size: 100% 100%;
}
.login .userinfo .input>span.password:before{
	position: absolute;
	top: 50%;
	left: 0.5997001499250375rem;
	content: "";
	display: inline-block;
	width: 0.3748125937031484rem;
	height: 0.43478260869565216rem;
	margin-top: -0.21739130434782608rem;
	background: url(../images/l_pw.png);
	background-size: 100% 100%;
}
.login .userinfo .input>span input{
	width: 6.7914rem;
	font-size: 0.4197901049475262rem;
	color:rgba(255,255,255,.7);
	background: #4C000E;
	border: 0.07496251874062969rem solid #fff;
	border-radius: 0.5997001499250375rem;
	vertical-align: top;
	text-indent: 1.2893553223388305rem;
	height: 1.154422788605697rem;
	outline: none;
}
.login .userinfo .input>span input::-webkit-input-placeholder {
	font-size:0.4197901049475262rem;
	color:rgba(255,255,255,.7);
}
.login .userinfo .input>span input:-moz-placeholder {
	font-size:0.4197901049475262rem;
	color:rgba(255,255,255,.7);
}
.login .userinfo .input>span input::-moz-placeholder {
	font-size:0.4197901049475262rem;
	color:rgba(255,255,255,.7);
}
.login .userinfo .input>span input:-ms-input-placeholder {
	font-size:0.4197901049475262rem;
	color:rgba(255,255,255,.7);
}
.login .userinfo .btn{width:6.956521739130435rem;margin-top: .15rem;}
.login .userinfo .btn .inter,.login .userinfo .btn .sure{
	display: block;
	width: 6.671664167916042rem;
	height: 1.6041979010494751rem;
	background: url(../images/l_btn_1.png);
	background-size: 100% 100%;
	margin-bottom: 0.2rem;
}
.login .userinfo .btn .sure{
	background: url(../images/l_btn_3.png);
	background-size: 100% 100%;
}
.login .userinfo .btn .face_inter{
	display:block;
	margin: 0 auto;
	width:4.737631184407796rem;
	height:0.8995502248875562rem;
	background: url(../images/l_btn_2.png);
	background-size: 100% 100%;
}
.login .userinfo .after{margin-top:.6rem;}
.sign_list{
	position: relative;
	width: 6.941529235382308rem;
	height: 1.3043478260869565rem;
	display: inline-block;
	margin-bottom: 0.4497751124437781rem;
}
.sign_list h1 {
	position: relative;
	z-index: 2;
	font-size: 0.4197901049475262rem;
	color:rgba(255,255,255,.7);
	line-height: 1.154422788605697rem;
	font-weight: 100;
	background: #4C000E;
	border-radius: 0.5997001499250375rem;
	vertical-align: top;
	text-indent: 1.2893553223388305rem;
	border: 0.07496251874062969rem solid #fff;
	height: 1.154422788605697rem;
}
.sign_list h1:before{
	position: absolute;
	top: 50%;
	left: 0.5997001499250375rem;
	content: "";
	display: inline-block;
	width:0.4947526236881559rem;
	height: 0.43478260869565216rem;
	margin-top: -0.21739130434782608rem;
	background: url(../images/l_ser.png);
	background-size: 100% 100%;
}
.sign_list h1 label {
	display: block;
	width: 0.22488755622188905rem;
	height: 0.2098950524737631rem;
	position: absolute;
	margin: auto;
	top: 55%;
	right: .625rem;
	margin-top: -0.10494752623688156rem;
	background: url(../images/l_point.png) no-repeat;
	background-size: 100% 100%;
}
.sign_list>div{
	height: 0;
	position: absolute;
	width: 6.926536731634183rem;
	top: 0.05997001499250375rem;
	background: url(../images/l_serbg.png);
	background-size: 100% 100%;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	overflow:hidden;
}
.sign_list>div.show{
	height:5.8320839580209896rem;
}
.sign_list .li_scroll{
	position: absolute;
	top: 1.4992503748125936rem;
	left: 0;
	bottom: 0.4497751124437781rem;
	width: 95%;
	overflow: auto;
	/*-webkit-overflow-scrolling: touch;*/
}
.sign_list .li_scroll::-webkit-scrollbar-track-piece {
	background-color:transparent;
	border: 1px solid rgba(256, 256, 256, 0.5);
	border-radius: 5px;
}
.sign_list .li_scroll::-webkit-scrollbar {
	width: 5px;
	height: 0.38980509745127434rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sign_list .li_scroll::-webkit-scrollbar-thumb {
	background-color: rgba(256, 256, 256, 1);
	background-clip: padding-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height: 0.8395802098950524rem;
}
.sign_list .li_scroll::-webkit-scrollbar-thumb:hover {
	background-color: rgba(256, 256, 256, 1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sign_list ul {
	width: 95%;
	margin: 0 5%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}
.sign_list ul li {
	position: relative;
	font-size: 0.4197901049475262rem;
	line-height: 1.0494752623688155rem;
	height: 1.0494752623688155rem;
	text-indent: 1.1rem;
	box-sizing: border-box;
	color: #fff;
	border-bottom: 1px solid #6B2A35;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}

.login .adorn .shake1{
	position: absolute;
	top: 2.098950524737631rem;
	left: 9.295352323838081rem;
	display: block;
	width: 1.0494752623688155rem;
	height: 1.424287856071964rem;
	background: url(../images/l_d1.png);
	background-size: 100% 100%;
}
.login .adorn .shake2{
	position: absolute;
	top: 5.697151424287856rem;
	left: 1.4992503748125936rem;
	display: block;
	width: 1.8590704647676162rem;
	height: 1.2893553223388305rem;
	background: url(../images/l_d2.png);
	background-size: 100% 100%;
}
.login .adorn .f1,.login .adorn .f2,.login .adorn .f3,.login .adorn .f4{
	position: absolute;
	display: block;
	width: 0.3298350824587706rem;
	height: 0.3298350824587706rem;
}
.login .adorn .f1{
	top:9.7rem;
	left:6.08695652173913rem;
	background: url(../images/l_f1.png);
	background-size: 100% 100%;
}
.login .adorn .f2{
	top:2.2488755622188905rem;
	left:7.796101949025487rem;
	background: url(../images/l_f2.png);
	background-size: 100% 100%;

}
.login .adorn .f3{
	width: 0.4947526236881559rem;
	height: 0.4947526236881559rem;
	top: 9.6rem;
	left: 10rem;
	background: url(../images/l_f3.png);
	background-size: 100% 100%;
}
.login .adorn .f4{
	top:3.298350824587706rem;
	left:1.649175412293853rem;
	background: url(../images/l_f4.png);
	background-size: 100% 100%;
}
.login .adorn .s1,.login .adorn .s2,.login .adorn .s3{
	position: absolute;
	display: block;
	width: 0.43478260869565216rem;
	height: 0.4197901049475262rem;
	background: url(../images/l_s1.png);
	background-size: 100% 100%;
}
.login .adorn .s1{
	top:1.4992503748125936rem;
	left:5.547226386806597rem;
}
.login .adorn .s2{
	top:2.2488755622188905rem;
	right:1.4992503748125936rem;
}
.login .adorn .s3{
	top:6.146926536731634rem;
	left:10.194902548725636rem;
}
.login .adorn .x1,.login .adorn .x2,.login .adorn .x3,.login .adorn .x4,.login .adorn .x5{
	position: absolute;
	display: block;
	width: 0.3298350824587706rem;
	height: 0.3298350824587706rem;
}
.login .adorn .x1{
	top: 9rem;
	left:5.097451274362818rem;
	background: url(../images/l_x1.png);
	background-size: 100% 100%;
}
.login .adorn .x2{
	width:0.38980509745127434rem;
	height:0.38980509745127434rem;
	top: 9.2rem;
	left:1.4992503748125936rem;
	background: url(../images/l_x2.png);
	background-size: 100% 100%;
}
.login .adorn .x3{
	top:1.4992503748125936rem;
	right:5.097451274362818rem;
	background: url(../images/l_x1.png);
	background-size: 100% 100%;
}
.login .adorn .x4{
	width:0.38980509745127434rem;
	height:0.38980509745127434rem;
	top:6.296851574212893rem;
	right:1.0494752623688155rem;
	background: url(../images/l_x2.png);
	background-size: 100% 100%;
}
.login .adorn .x5{
	width:0.4047976011994003rem;
	height:0.4047976011994003rem;
	top:1.0494752623688155rem;
	left:7.496251874062968rem;
	background: url(../images/l_x5.png);
	background-size: 100% 100%;
}
.login .adorn .y1{
	position: absolute;
	display: block;
	top:4.3478260869565215rem;
	left:9.895052473763117rem;
	width: 0.31484257871064464rem;
	height: 0.31484257871064464rem;
	background: url(../images/l_y1.png);
	background-size: 100% 100%;
}
.login .adorn .y2{
	position: absolute;
	display: block;
	top:8rem;
	left:2.518740629685157rem;
	width: 0.22488755622188905rem;
	height: 0.22488755622188905rem;
	background: url(../images/l_y2.png);
	background-size: 100% 100%;
}
.login .adorn .b1{
	position: absolute;
	display: block;
	top: 8.7rem;
	left:7.796101949025487rem;
	width: 0.4947526236881559rem;
	height: 0.4947526236881559rem;
	background: url(../images/l_b1.png);
	background-size: 100% 100%;
}

.swiper-container,.swiper-slide,.swiper-wrapper {
	height:100%;
	width: 100%;
	position:relative;
}
.type_page .qfpg,.type_page .grpg,.type_page .sharepg{
	position: relative;
	width: 100%;
	height:100%;
	background: url(../images/q_bg.jpg) no-repeat top center;
	background-size:100% 100%;
}
.type_page .grpg{
	background: url(../images/g_bg.jpg) no-repeat top center;
	background-size:100% 100%;
}
.type_page .sharepg{
	background: url(../images/f_bg.jpg) no-repeat top center;
	background-size:100% 100%;
}
.type_page .userhead{
	z-index: 3;
	position: absolute;
	left: 0.5997001499250375rem;
	top: 0.29985007496251875rem;
	width:2.518740629685157rem;
	height:2.518740629685157rem;
}
.type_page .userhead img{width: 100%;}
.type_page .type_btn{
	width: 4.2878560719640175rem;
	position: absolute;
	left: 0.29985007496251875rem;
	top: 3.4482758620689653rem;
}
.type_page .type_btn>span{
	display: block;
	width: 4.2878560719640175rem;
	height: 2.068965517241379rem;
	margin-bottom: 0.14992503748125938rem;
	position: relative;
}
.type_page .type_btn .btn1,.type_page .type_btn .btn2,.type_page .type_btn .btn3,
.type_page .type_btn .btn1.active,.type_page .type_btn .btn5.active,.type_page .type_btn .btn6.active{
	position: absolute;
	z-index: 1;
	display:block;
	width:4.2878560719640175rem;
	height:2.068965517241379rem;
	background:url("../images/left_btn1.png");
	background-size:100% 100%;
}
.type_page .type_btn .btn2{
	background:url("../images/left_btn2.png");
	background-size:100% 100%;
}
.type_page .type_btn .btn3{
	background:url("../images/left_btn3.png");
	background-size:100% 100%;
}
.type_page .type_btn .btn1.active{
	z-index: 3;
	background:url("../images/left_btn4.png");
	background-size:100% 100%;
}
.type_page .type_btn .btn2.active{
	z-index: 3;
	background:url("../images/left_btn5.png");
	background-size:100% 100%;
}
.type_page .type_btn .btn3.active{
	z-index: 3;
	background:url("../images/left_btn6.png");
	background-size:100% 100%;
}
.type_page .type_btn .c_btn1,.type_page .type_btn .c_btn2,.type_page .type_btn .c_btn3{
	display: block;
	width: 4.2878560719640175rem;
	height: 2.068965517241379rem;
	position: absolute;
	top: 0;
	z-index: 3;
}
.type_page .content{
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 17.421289355322337rem;
	height:100%;
	background: url(../images/border.png);
	background-size: 100% 100%;
}
.type_page .content .red {
	font-size:.4rem;
	color: #FF00AE;
	letter-spacing: 0.029985007496251874rem;
	font-weight: 600;
}
.type_page .content .font{font-size:0.5247376311844077rem;}
.type_page .content .le{
	width: 50%;
	left: 2rem;
	top: 1.35rem;
	position: absolute;
}
.type_page .content .le .data_box{margin-bottom: 0.29985007496251875rem;}
.type_page .content .le p{margin-bottom: 0.1rem;}
.type_page .content .le .title{
	font-size: 0.3748125937031484rem;
	color: #0c0c0c;
}
.type_page .content .le .data{
	font-size: 0.3748125937031484rem;
	color: #0c0c0c;
	font-weight: 600;
}
.type_page .content .le .info{
	position:relative;
	font-size: 0.35982008995502246rem;
	color: #914100;
	width:6.866566716641679rem;
	height:1.3343328335832083rem;
	background:url("../images/q_infobg.png");
	background-size:100% 100%;
}
.type_page .content .le .info i{
	width: 6.2rem;
	height: 0.95952023988006rem;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -3.028485757121439rem;
	margin-top: -0.47976011994003rem;
}
.type_page .content .le .data_box:nth-of-type(3) .info{height:0.95952023988006rem;}
.type_page .content .le .data_box:nth-of-type(3) .info i{
	height:0.47976011994003rem;
	margin-top:-0.239880059970015rem;
}
.type_page .content .rg{
	width: 50%;
	left: 10.5rem;
	top: 1.4rem;
	position: absolute;
}
.type_page .content .rg p{margin-bottom: 0.1rem;}
.type_page .content .rg .title{
	font-size: 0.3748125937031484rem;
	color: #0c0c0c;
}
.type_page .content .rg .data{
	font-size: 0.3748125937031484rem;
	color: #0c0c0c;
	font-weight: 600;
}
.type_page .content .rg .data .img{
	width: 1.5892053973013494rem;
	height: 1.5892053973013494rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.14992503748125938rem;
}
.type_page .content .rg .data .q_data{
	display: inline-block;
	vertical-align: middle;
}
.type_page .content .rg .data .q_data .q_name{
	display: block;
}
.type_page .content .rg .data .img img{
	width: 1.5892053973013494rem;
	height: 1.5892053973013494rem;
}
.type_page .down{
	display: block;
	width: 2.623688155922039rem;
	height: 1.5592203898050974rem;
	background: url(../images/down.png);
	background-size: 100% 100%;
	position: absolute;
	bottom: 0.29985007496251875rem;
	left: 50%;
	z-index: 3;
	margin-left: -1.3118440779610194rem;
	-webkit-animation: verical-slow 10s infinite ease-in-out;
	animation: verical-slow 10s infinite ease-in-out;
}
.type_page .guide1{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
}
.type_page .guide1 img{
	width: 100%;
	height: 100%;
}
.type_page .guide2{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
}
.type_page .guide2 img{
	width: 100%;
	height: 100%;
}
.type_page .peo{
	width: 20rem;
	height:11.244377811094452rem;
	position: absolute;
	right:0;
	bottom:0;
}
.type_page .peo img{
	width: 20rem;
	height:11.244377811094452rem;
}
.type_page .grpg .content-1{
	width: 17.421289355322337rem;
	height: 100%;
	background: url(../images/border1.png);
	background-size: 100% 100%;
}
.type_page .grpg .content .le{width:100%;}
.type_page .grpg .content .swiper-slide2 .le{top: .9rem;}
.type_page .grpg .content .swiper-slide1 .le .data_box {margin-bottom: 0.9rem;}
.type_page .grpg .content .le .data_box .title img{
	width: 1.7991004497751124rem;
	height: 1.6191904047976011rem;
	vertical-align: middle;
	margin: 0 0.14992503748125938rem;
}
.type_page .grpg .content .le .more_data .data_box{
	float:left;
	margin-right: 2.5rem;
}
.type_page .grpg .content .le .data_box .baller{
	width: 1.5592203898050974rem;
	height: 1.5592203898050974rem;
	display: inline-block;
	position: relative;
}
.type_page .grpg .content .le .data_box .baller img{width:100%;}
.type_page .sharepg .content .le .data_box .data img{
	width: 1.7991004497751124rem;
	height: 1.6191904047976011rem;
	vertical-align: middle;
	margin-right:.3rem;
}
.type_page .sharepg .content .sharebtn{
	z-index: 3;
	width: 5.397301349325337rem;
	height: 2.098950524737631rem;
	position: absolute;
	left: 3.4482758620689653rem;
	top: 7.946026986506746rem;
	-webkit-animation: icon-bounce 3s infinite ease-in-out;
	animation: icon-bounce 3s infinite ease-in-out;
}
.type_page .sharepg .content .sharebtn img{
	width:5.397301349325337rem;
	height:2.098950524737631rem;
}
.type_page .sharepg .content{
	background: url(../images/border2.png);
	background-size: 100% 100%;
}
.canvas_box {
	position: absolute;
	display: inline-block;
	left: 5rem;
	top: 1.5rem;
	width: 5.247376311844078rem;
	height: 5.247376311844078rem;
	z-index: 4;
}
.canvas_box canvas{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1.8440779610194902rem;
	margin-top: -1.8440779610194902rem;
	width:3.6881559220389803rem;
	height:3.6881559220389803rem;
}
.canvas_box>span {
	width: 0.7496251874062968rem;
	height: 0.5697151424287856rem;
	font-size: 0.29985007496251875rem;
	color: #000;
	text-align: center;
}
.canvas_box>span:nth-of-type(1) {
	position: absolute;
	top: 0.239880059970015rem;
	left: 50%;
	margin-left: -0.3748125937031484rem;
}
.canvas_box>span:nth-of-type(2) {
	position: absolute;
	top: 40%;
	right: 0;
	margin-top: -0.2848575712143928rem;
}
.canvas_box>span:nth-of-type(3) {
	position: absolute;
	top: 80%;
	right: 0.5997001499250375rem;
	margin-top: -0.2848575712143928rem;
}
.canvas_box>span:nth-of-type(4) {
	position: absolute;
	top: 80%;
	left: 0.5997001499250375rem;
	margin-top: -0.2848575712143928rem;
}
.canvas_box>span:nth-of-type(5) {
	position: absolute;
	top: 40%;
	left: 0;
	margin-top: -0.2848575712143928rem;
}

/*分享图*/
.type_page .sharepg .s_logo{
	width: 4.872563718140929rem;
	height: 2.593703148425787rem;
	position: absolute;
	z-index: 4;
	top: 8rem;
	left: .5rem;
}
.type_page .sharepg .s_logo img{
	width: 4.872563718140929rem;
	height: 2.593703148425787rem;
}

.type_page .sharepg .download{
	width: 2.998500749625187rem;
	height: 2.998500749625187rem;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 55;
}
.type_page .sharepg .download img{
	width: 2.998500749625187rem;
	height: 2.998500749625187rem;
}
/*弹框*/
.tips {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: fixed;
	z-index: 9996;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.tips .erro_tips {
	width: 8.725637181409295rem;
	height:4.077961019490255rem;
	margin-left: -4.362818590704648rem;
	position: relative;
	left: 50%;
	top: 50%;
	margin-top: -2.038980509745128rem;
	background: rgba(0,0,0,.85);
}
.tips .erro_tips .l_close {
	position: absolute;
	width: 0.5097451274362819rem;
	height: 0.5247376311844077rem;
	right: 0.4497751124437781rem;
	top: 0.29985007496251875rem;
}
.tips .erro_tips .info{
	width: 7.916041979010495rem;
	font-size: 0.35982008995502246rem;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -3.9580209895052474rem;
	top: 1.2rem;
	border-top: 0.029985007496251874rem solid rgba(128,128,128,.2);
	padding-top: 0.4497751124437781rem;
}
.tips .erro_tips .info p{
	margin-bottom: 0.14992503748125938rem;
}
.tips .erro_tips .info p:nth-of-type(3){
	color:#e9bd37;
}

.tips .sign_list{
	left: 10.8rem;
	top: 3.2rem;
}
#loading10{
transform: translateZ(120px);
-weblit-transform: translateZ(120px);
}
/*横竖屏提示*/
#orientLayer { display: none; }
/*@media all and (orientation : portrait){*/
	/*body{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}*/
/*}*/
@media screen and (orientation : portrait) { #orientLayer { display: block; } }
.mod-orient-layer { display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 9997 }
.mod-orient-layer__content { position: absolute; width: 100%; top: 45%; margin-top: -75px; text-align: center }
.mod-orient-layer__icon-orient {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');display: inline-block; width: 67px; height: 109px;
	transform: rotate(90deg); -webkit-transform: rotate(90deg); -webkit-animation: rotation infinite 1.5s ease-in-out; animation: rotation infinite 1.5s ease-in-out; -webkit-background-size: 67px; background-size: 67px }
.mod-orient-layer__desc { margin-top: 20px; font-size: 15px; color: #fff }
/* 样式放在结尾，防止 base64 图片造成拥塞 */
@-webkit-keyframes rotation {
	10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
	50%, 60% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
	90% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
	100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
}
@keyframes rotation {
	10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
	50%, 60% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
	90% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
	100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
}



@-webkit-keyframes pulse {
	0% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
	50% {
		transform:scale(1.3);
		-ms-transform:scale(1.3);
		-moz-transform:scale(1.3);
		-webkit-transform:scale(1.3);
		-o-transform:scale(1.3);
	}
	100% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
}
@keyframes pulse {
	0% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
	50% {
		transform:scale(1.3);
		-ms-transform:scale(1.3);
		-moz-transform:scale(1.3);
		-webkit-transform:scale(1.3);
		-o-transform:scale(1.3);
	}
	100% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
}

@-webkit-keyframes xuanzhuan {
	from {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
}
@keyframes xuanzhuan {
	from {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
}

@keyframes jump {
	0% {
		transform:translateY(10px);
		-ms-transform:translateY(10px);
		-moz-transform:translateY(10px);
		-webkit-transform:translateY(10px);
		-o-transform:translateY(10px);
	}
	to {
		transform:translateY(0);
		-ms-transform:translateY(0);
		-moz-transform:translateY(0);
		-webkit-transform:translateY(0);
		-o-transform:translateY(0);
	}
}
@-webkit-keyframes jump {
	0% {
		transform:translateY(10px);
		-ms-transform:translateY(10px);
		-moz-transform:translateY(10px);
		-webkit-transform:translateY(10px);
		-o-transform:translateY(10px);
	}
	to {
		transform:translateY(0);
		-ms-transform:translateY(0);
		-moz-transform:translateY(0);
		-webkit-transform:translateY(0);
		-o-transform:translateY(0);
	}
}

@keyframes shake {
	 1% {
		 transform: translate(-.5px, .5px) rotate(-.5deg)
	 }
	 2% {
		 transform: translate(2.5px, .5px) rotate(-.5deg)
	 }
	 3% {
		 transform: translate(-.5px, 1.5px) rotate(1.5deg)
	 }
	 4% {
		 transform: translate(.5px, .5px) rotate(-.5deg)
	 }
	 5% {
		 transform: translate(-.5px, -1.5px) rotate(-.5deg)
	 }
	 6% {
		 transform: translate(.5px, -.5px) rotate(1.5deg)
	 }
	 7% {
		 transform: translate(1.5px, 2.5px) rotate(-.5deg)
	 }
	 8% {
		 transform: translate(-.5px, -.5px) rotate(.5deg)
	 }
	 9% {
		 transform: translate(2.5px, .5px) rotate(.5deg)
	 }
	 10% {
		 transform: translate(.5px, -1.5px) rotate(-.5deg)
	 }
	 11% {
		 transform: translate(2.5px, 2.5px) rotate(-.5deg)
	 }
	 12% {
		 transform: translate(2.5px, 1.5px) rotate(1.5deg)
	 }
	 13% {
		 transform: translate(.5px, 1.5px) rotate(-.5deg)
	 }
	 14% {
		 transform: translate(1.5px, .5px) rotate(.5deg)
	 }
	 15% {
		 transform: translate(-1.5px, 2.5px) rotate(1.5deg)
	 }
	 16% {
		 transform: translate(.5px, .5px) rotate(.5deg)
	 }
	 17% {
		 transform: translate(.5px, 1.5px) rotate(1.5deg)
	 }
	 18% {
		 transform: translate(2.5px, -.5px) rotate(1.5deg)
	 }
	 19% {
		 transform: translate(.5px, 1.5px) rotate(1.5deg)
	 }
	 20% {
		 transform: translate(2.5px, 1.5px) rotate(1.5deg)
	 }
	 21% {
		 transform: translate(2.5px, -1.5px) rotate(.5deg)
	 }
	 22% {
		 transform: translate(.5px, -.5px) rotate(.5deg)
	 }
	 24% {
		 transform: translate(1.5px, -1.5px) rotate(.5deg)
	 }
	 24% {
		 transform: translate(-1.5px, -.5px) rotate(.5deg)
	 }
	0%, 25% ,100% {
		 transform: translate(0, 0) rotate(0deg)
	 }
 }
@-webkit-keyframes shake {
	1% {
		transform: translate(-.5px, .5px) rotate(-.5deg)
	}
	2% {
		transform: translate(2.5px, .5px) rotate(-.5deg)
	}
	3% {
		transform: translate(-.5px, 1.5px) rotate(1.5deg)
	}
	4% {
		transform: translate(.5px, .5px) rotate(-.5deg)
	}
	5% {
		transform: translate(-.5px, -1.5px) rotate(-.5deg)
	}
	6% {
		transform: translate(.5px, -.5px) rotate(1.5deg)
	}
	7% {
		transform: translate(1.5px, 2.5px) rotate(-.5deg)
	}
	8% {
		transform: translate(-.5px, -.5px) rotate(.5deg)
	}
	9% {
		transform: translate(2.5px, .5px) rotate(.5deg)
	}
	10% {
		transform: translate(.5px, -1.5px) rotate(-.5deg)
	}
	11% {
		transform: translate(2.5px, 2.5px) rotate(-.5deg)
	}
	12% {
		transform: translate(2.5px, 1.5px) rotate(1.5deg)
	}
	13% {
		transform: translate(.5px, 1.5px) rotate(-.5deg)
	}
	14% {
		transform: translate(1.5px, .5px) rotate(.5deg)
	}
	15% {
		transform: translate(-1.5px, 2.5px) rotate(1.5deg)
	}
	16% {
		transform: translate(.5px, .5px) rotate(.5deg)
	}
	17% {
		transform: translate(.5px, 1.5px) rotate(1.5deg)
	}
	18% {
		transform: translate(2.5px, -.5px) rotate(1.5deg)
	}
	19% {
		transform: translate(.5px, 1.5px) rotate(1.5deg)
	}
	20% {
		transform: translate(2.5px, 1.5px) rotate(1.5deg)
	}
	21% {
		transform: translate(2.5px, -1.5px) rotate(.5deg)
	}
	22% {
		transform: translate(.5px, -.5px) rotate(.5deg)
	}
	24% {
		transform: translate(1.5px, -1.5px) rotate(.5deg)
	}
	24% {
		transform: translate(-1.5px, -.5px) rotate(.5deg)
	}
	0%, 25% ,100% {
		transform: translate(0, 0) rotate(0deg)
	}
}

@keyframes verical-slow {
	2% {
		transform: translate(0, 1.5px) rotate(1.5deg); }
	4% {
		transform: translate(0, -1.5px) rotate(-0.5deg); }
	6% {
		transform: translate(0, 1.5px) rotate(-1.5deg); }
	8% {
		transform: translate(0, -1.5px) rotate(-1.5deg); }
	10% {
		transform: translate(0, 2.5px) rotate(1.5deg); }
	12% {
		transform: translate(0, -0.5px) rotate(1.5deg); }
	14% {
		transform: translate(0, -1.5px) rotate(1.5deg); }
	16% {
		transform: translate(0, -0.5px) rotate(-1.5deg); }
	18% {
		transform: translate(0, 0.5px) rotate(-1.5deg); }
	20% {
		transform: translate(0, -1.5px) rotate(2.5deg); }
	22% {
		transform: translate(0, 0.5px) rotate(-1.5deg); }
	24% {
		transform: translate(0, 1.5px) rotate(1.5deg); }
	26% {
		transform: translate(0, 0.5px) rotate(0.5deg); }
	28% {
		transform: translate(0, 0.5px) rotate(1.5deg); }
	30% {
		transform: translate(0, -0.5px) rotate(2.5deg); }
	32% {
		transform: translate(0, 1.5px) rotate(-0.5deg); }
	34% {
		transform: translate(0, 1.5px) rotate(-0.5deg); }
	36% {
		transform: translate(0, -1.5px) rotate(2.5deg); }
	38% {
		transform: translate(0, 1.5px) rotate(-1.5deg); }
	40% {
		transform: translate(0, -0.5px) rotate(2.5deg); }
	42% {
		transform: translate(0, 2.5px) rotate(-1.5deg); }
	44% {
		transform: translate(0, 1.5px) rotate(0.5deg); }
	46% {
		transform: translate(0, -1.5px) rotate(2.5deg); }
	48% {
		transform: translate(0, -0.5px) rotate(0.5deg); }
	50% {
		transform: translate(0, 0.5px) rotate(0.5deg); }
	52% {
		transform: translate(0, 2.5px) rotate(2.5deg); }
	54% {
		transform: translate(0, -1.5px) rotate(1.5deg); }
	56% {
		transform: translate(0, 2.5px) rotate(2.5deg); }
	58% {
		transform: translate(0, 0.5px) rotate(2.5deg); }
	60% {
		transform: translate(0, 2.5px) rotate(2.5deg); }
	62% {
		transform: translate(0, -0.5px) rotate(2.5deg); }
	64% {
		transform: translate(0, -0.5px) rotate(1.5deg); }
	66% {
		transform: translate(0, 1.5px) rotate(-0.5deg); }
	68% {
		transform: translate(0, -1.5px) rotate(-0.5deg); }
	70% {
		transform: translate(0, 1.5px) rotate(0.5deg); }
	72% {
		transform: translate(0, 2.5px) rotate(1.5deg); }
	74% {
		transform: translate(0, -0.5px) rotate(0.5deg); }
	76% {
		transform: translate(0, -0.5px) rotate(2.5deg); }
	78% {
		transform: translate(0, -0.5px) rotate(1.5deg); }
	80% {
		transform: translate(0, 1.5px) rotate(1.5deg); }
	82% {
		transform: translate(0, -0.5px) rotate(0.5deg); }
	84% {
		transform: translate(0, 1.5px) rotate(2.5deg); }
	86% {
		transform: translate(0, -1.5px) rotate(-1.5deg); }
	88% {
		transform: translate(0, -0.5px) rotate(2.5deg); }
	90% {
		transform: translate(0, 2.5px) rotate(-0.5deg); }
	92% {
		transform: translate(0, 0.5px) rotate(-0.5deg); }
	94% {
		transform: translate(0, 2.5px) rotate(0.5deg); }
	96% {
		transform: translate(0, -0.5px) rotate(1.5deg); }
	98% {
		transform: translate(0, -1.5px) rotate(-0.5deg); }
	0%, 100% {
		transform: translate(0, 0) rotate(0); }
}
@-webkit-keyframes verical-slow {
	2% {
		transform: translate(0, 1.5px) rotate(1.5deg); }
	4% {
		transform: translate(0, -1.5px) rotate(-0.5deg); }
	6% {
		transform: translate(0, 1.5px) rotate(-1.5deg); }
	8% {
		transform: translate(0, -1.5px) rotate(-1.5deg); }
	10% {
		transform: translate(0, 2.5px) rotate(1.5deg); }
	12% {
		transform: translate(0, -0.5px) rotate(1.5deg); }
	14% {
		transform: translate(0, -1.5px) rotate(1.5deg); }
	16% {
		transform: translate(0, -0.5px) rotate(-1.5deg); }
	18% {
		transform: translate(0, 0.5px) rotate(-1.5deg); }
	20% {
		transform: translate(0, -1.5px) rotate(2.5deg); }
	22% {
		transform: translate(0, 0.5px) rotate(-1.5deg); }
	24% {
		transform: translate(0, 1.5px) rotate(1.5deg); }
	26% {
		transform: translate(0, 0.5px) rotate(0.5deg); }
	28% {
		transform: translate(0, 0.5px) rotate(1.5deg); }
	30% {
		transform: translate(0, -0.5px) rotate(2.5deg); }
	32% {
		transform: translate(0, 1.5px) rotate(-0.5deg); }
	34% {
		transform: translate(0, 1.5px) rotate(-0.5deg); }
	36% {
		transform: translate(0, -1.5px) rotate(2.5deg); }
	38% {
		transform: translate(0, 1.5px) rotate(-1.5deg); }
	40% {
		transform: translate(0, -0.5px) rotate(2.5deg); }
	42% {
		transform: translate(0, 2.5px) rotate(-1.5deg); }
	44% {
		transform: translate(0, 1.5px) rotate(0.5deg); }
	46% {
		transform: translate(0, -1.5px) rotate(2.5deg); }
	48% {
		transform: translate(0, -0.5px) rotate(0.5deg); }
	50% {
		transform: translate(0, 0.5px) rotate(0.5deg); }
	52% {
		transform: translate(0, 2.5px) rotate(2.5deg); }
	54% {
		transform: translate(0, -1.5px) rotate(1.5deg); }
	56% {
		transform: translate(0, 2.5px) rotate(2.5deg); }
	58% {
		transform: translate(0, 0.5px) rotate(2.5deg); }
	60% {
		transform: translate(0, 2.5px) rotate(2.5deg); }
	62% {
		transform: translate(0, -0.5px) rotate(2.5deg); }
	64% {
		transform: translate(0, -0.5px) rotate(1.5deg); }
	66% {
		transform: translate(0, 1.5px) rotate(-0.5deg); }
	68% {
		transform: translate(0, -1.5px) rotate(-0.5deg); }
	70% {
		transform: translate(0, 1.5px) rotate(0.5deg); }
	72% {
		transform: translate(0, 2.5px) rotate(1.5deg); }
	74% {
		transform: translate(0, -0.5px) rotate(0.5deg); }
	76% {
		transform: translate(0, -0.5px) rotate(2.5deg); }
	78% {
		transform: translate(0, -0.5px) rotate(1.5deg); }
	80% {
		transform: translate(0, 1.5px) rotate(1.5deg); }
	82% {
		transform: translate(0, -0.5px) rotate(0.5deg); }
	84% {
		transform: translate(0, 1.5px) rotate(2.5deg); }
	86% {
		transform: translate(0, -1.5px) rotate(-1.5deg); }
	88% {
		transform: translate(0, -0.5px) rotate(2.5deg); }
	90% {
		transform: translate(0, 2.5px) rotate(-0.5deg); }
	92% {
		transform: translate(0, 0.5px) rotate(-0.5deg); }
	94% {
		transform: translate(0, 2.5px) rotate(0.5deg); }
	96% {
		transform: translate(0, -0.5px) rotate(1.5deg); }
	98% {
		transform: translate(0, -1.5px) rotate(-0.5deg); }
	0%, 100% {
		transform: translate(0, 0) rotate(0); }
}

@keyframes icon-bounce {
	0%, 20% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	5% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	10% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	15% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	17% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}
@-webkit-keyframes icon-bounce {
	0%, 20% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	5% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	10% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	15% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	17% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}

@keyframes dialogLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes dialogLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}