/*-- 全局ajax特效 --*/
/*-- 浮动框 --*/
.abk_global{/*position: absolute;*/position: fixed;left: 50%;top: 50%;/*margin: -40px 0 0 -40px;*/background-color: rgba(0,0,0,0.7);padding: 20px;border-radius: 5px;z-index: 99999;color: #fff;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
/*-- loading动画效果 --*/
.sk-fading-circle{/*margin: 40px auto;*/width: 40px;height: 40px;position: relative;}
.sk-fading-circle .sk-circle{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.sk-fading-circle .sk-circle:before{content: '';display: block;margin: 0 auto;width: 15%;height: 15%;/*background-color: #26bb1d;*/background-color: #fff;border-radius: 100%;-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;}
.sk-fading-circle .sk-circle2{-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}
.sk-fading-circle .sk-circle3{-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);}
.sk-fading-circle .sk-circle4{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.sk-fading-circle .sk-circle5{-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);}
.sk-fading-circle .sk-circle6{-webkit-transform: rotate(150deg);-ms-transform: rotate(150deg);transform: rotate(150deg);}
.sk-fading-circle .sk-circle7{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.sk-fading-circle .sk-circle8{-webkit-transform: rotate(210deg);-ms-transform: rotate(210deg);transform: rotate(210deg);}
.sk-fading-circle .sk-circle9{-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg);}
.sk-fading-circle .sk-circle10{-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);}
.sk-fading-circle .sk-circle11{-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg);}
.sk-fading-circle .sk-circle12{-webkit-transform: rotate(330deg);-ms-transform: rotate(330deg);transform: rotate(330deg);}
.sk-fading-circle .sk-circle2:before{-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.sk-fading-circle .sk-circle3:before{-webkit-animation-delay: -1s;animation-delay: -1s;}
.sk-fading-circle .sk-circle4:before{-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.sk-fading-circle .sk-circle5:before{-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.sk-fading-circle .sk-circle6:before{-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.sk-fading-circle .sk-circle7:before{-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.sk-fading-circle .sk-circle8:before{-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.sk-fading-circle .sk-circle9:before{-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.sk-fading-circle .sk-circle10:before{-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.sk-fading-circle .sk-circle11:before{-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.sk-fading-circle .sk-circle12:before{-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
@-webkit-keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity: 0;}40%{opacity: 1;}}
@keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity: 0;}40%{opacity: 1;}}
/*-- 全局签到特效 --*/
@-moz-keyframes spin{0%{-moz-transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}100%{-moz-transform: rotate(360deg);}}
@-webkit-keyframes spin{0%{-webkit-transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}100%{-webkit-transform: rotate(360deg);}}
@-o-keyframes spin{0%{-o-transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}100%{-o-transform: rotate(360deg);}}
@-ms-keyframes spin{0%{-ms-transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}100%{-ms-transform: rotate(360deg);}}
@keyframes spin{0%{transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}100%{transform: rotate(360deg);}}
/*-- 碎片动画0 --*/
@-moz-keyframes spic0{0%{left: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 35%;top: 20%;opacity: 0;}}
@-webkit-keyframes spic0{0%{left: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 35%;top: 20%;opacity: 0;}}
@-o-keyframes spic0{0%{left: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 35%;top: 20%;opacity: 0;}}
@-ms-keyframes spic0{0%{left: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 35%;top: 20%;opacity: 0;}}
@keyframes spic0{0%{left: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 35%;top: 20%;opacity: 0;}}
/*-- 碎片动画1 --*/
@-moz-keyframes spic1{0%{right: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 20%;top: 20%;opacity: 0;}}
@-webkit-keyframes spic1{0%{right: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 20%;top: 20%;opacity: 0;}}
@-o-keyframes spic1{0%{right: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 20%;top: 20%;opacity: 0;}}
@-ms-keyframes spic1{0%{right: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 20%;top: 20%;opacity: 0;}}
@keyframes spic1{0%{right: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 20%;top: 20%;opacity: 0;}}
/*-- 碎片动画2 --*/
@-moz-keyframes spic2{0%{right: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 35%;bottom: 15%;opacity: 0;}}
@-webkit-keyframes spic2{0%{right: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 35%;bottom: 15%;opacity: 0;}}
@-o-keyframes spic2{0%{right: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 35%;bottom: 15%;opacity: 0;}}
@-ms-keyframes spic2{0%{right: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 35%;bottom: 15%;opacity: 0;}}
@keyframes spic2{0%{right: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 35%;bottom: 15%;opacity: 0;}}
/*-- 碎片动画3 --*/
@-moz-keyframes spic3{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 10%;bottom: 0;opacity: 0;}}
@-webkit-keyframes spic3{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 10%;bottom: 0;opacity: 0;}}
@-o-keyframes spic3{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 10%;bottom: 0;opacity: 0;}}
@-ms-keyframes spic3{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 10%;bottom: 0;opacity: 0;}}
@keyframes spic3{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 10%;bottom: 0;opacity: 0;}}
/*-- 碎片动画4 --*/
@-moz-keyframes spic4{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 0;bottom: 15%;opacity: 0;}}
@-webkit-keyframes spic4{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 0;bottom: 15%;opacity: 0;}}
@-o-keyframes spic4{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 0;bottom: 15%;opacity: 0;}}
@-ms-keyframes spic4{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 0;bottom: 15%;opacity: 0;}}
@keyframes spic4{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 0;bottom: 15%;opacity: 0;}}
/*-- 大图以及文字动画 --*/
@-moz-keyframes bpic{0%{opacity: 0;} 100%{opacity: 1;}}
@-webkit-keyframes bpic{0%{opacity: 0;} 100%{opacity: 1;}}
@-o-keyframes bpic{0%{opacity: 0;} 100%{opacity: 1;}}
@-ms-keyframes bpic{0%{opacity: 0;} 100%{opacity: 1;}}
@keyframes bpic{0%{opacity: 0;} 100%{opacity: 1;}}
div#mask_qd{position: absolute;left: 0;top: 0;z-index: 100000;background:rgba(0,0,0,0.8);width:100%;}
div.img_bg{/*position: absolute;*/position: fixed;left: 0;/*top: 15%;*/top: 50%;z-index: 100001;width:100%;-webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
div.img_bg img{width: 100%;}
div.img_bg span.pic{display: block;-moz-animation: spin 5s infinite linear;-o-animation: spin 5s infinite linear;-webkit-animation: spin 5s infinite linear;animation: spin 5s infinite linear;}
div.img_success{/*position: absolute;*/position: fixed;left: 0;top: 50%;/*top: 5%;*/z-index: 100002;width:100%;-webkit-transform: translate(0, -55%); -moz-transform: translate(0, -55%); -ms-transform: translate(0, -55%); -o-transform: translate(0, -55%); transform: translate(0, -55%);}
div.img_success span.bpic{display: block;opacity: 0;/*opacity: 0;animation-name:bpic;animation-duration:1s;animation-timing-function:1;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;*//*-moz-animation: bpic 1s 1 1.8s 1 normal;-o-animation: bpic 1s 1 1.8s 1 normal;-webkit-animation: bpic 1s 1 1.8s 1 normal;animation: bpic 1s 1 1.8s 1 normal;*/-moz-animation: bpic 0.5s 0s 1 linear;-o-animation: bpic 0.5s 0s 1 linear;-webkit-animation: bpic 0.5s 0s 1 linear;animation: bpic 0.5s 0s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
div.img_success span.bpic img{width: 100%;}
div.img_success span.spic_0{display: block;position: absolute;opacity: 0;-moz-animation: spic0 1s 0s 1 linear;-o-animation: spic0 1s 0s 1 linear;-webkit-animation: spic0 1s 0s 1 linear;animation: spic0 1s 0s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
div.img_success span.spic_0 img{width: 30px;}
div.img_success span.spic_1{display: block;position: absolute;opacity: 0;-moz-animation: spic1 1s 0.2s 1 linear;-o-animation: spic1 1s 0.2s 1 linear;-webkit-animation: spic1 1s 0.2s 1 linear;animation: spic1 1s 0.2s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
div.img_success span.spic_1 img{width: 40px;}
div.img_success span.spic_2{display: block;width: 40px;position: absolute;opacity: 0;-moz-animation: spic2 1s 0.4s 1 linear;-o-animation: spic2 1s 0.4s 1 linear;-webkit-animation: spic2 1s 0.4s 1 linear;animation: spic2 1s 0.4s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
div.img_success span.spic_2 img{width: 40px;}
div.img_success span.spic_3{display: block;position: absolute;opacity: 0;-moz-animation: spic3 1s 0.6s 1 linear;-o-animation: spic3 1s 0.6s 1 linear;-webkit-animation: spic3 1s 0.6s 1 linear;animation: spic3 1s 0.6s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
div.img_success span.spic_3 img{width: 60px;}
div.img_success span.spic_4{display: block;position: absolute;opacity: 0;-moz-animation: spic4 1s 0.8s 1 linear;-o-animation: spic4 1s 0.8s 1 linear;-webkit-animation: spic4 1s 0.8s 1 linear;animation: spic4 1s 0.8s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
div.img_success span.spic_4 img{width: 35px;}
div.img_success_txt{position: absolute;left: 0;bottom: 10%;z-index: 100003;width:100%;text-align: center;font-size: 2.4rem;color: #fff0a9;letter-spacing: 3px;opacity: 0;-moz-animation: bpic 0.5s 0s 1 linear;-o-animation: bpic 0.5s 0s 1 linear;-webkit-animation: bpic 0.5s 0s 1 linear;animation: bpic 0.5s 0s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
div.img_success_txt span.white{color: #fff;}
@charset "utf-8";
header {
	height: 1.173333rem;
	background: #00d865;
	position: relative;
}
header h1 {
	font-weight: normal;
	font-size:0.426667rem;
	height: 1.173333rem;
	line-height: 1.173333rem;
	text-align: center;
	color:#fff;
}

header .back {
	position: absolute;
	left: 0.266667rem;
	top: 0.266667rem;
}

header .news {
	position: absolute;
	right: 0.266667rem;
	top: 0.266667rem;
}

.news img{
	width: 0.533333rem;
	height: 0.506667rem;
}

header .back a{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	border-radius: 50%;
}

.back i {
	font-size:0.666667rem;
}

header .back {
	position: absolute;
	left: 0.266667rem;
	top: 0.266667rem;
}

.back img{
	width: 0.25rem;
    vertical-align: middle;
    margin-left: 0.133333rem;
    margin-top: 0.05rem;
}

header .back a{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	border-radius: 50%;
}

html,body{
	width: 100%;
	height:100%;
	background: #fff;
	overflow: hidden;
}

section{
	width: 100%;
	position: absolute;
	top:1.173333rem;
	bottom:0;
}

section .item{
	height:40%;
	width: 100%;
}

section .item img:nth-of-type(1){
	height:65%;
	margin:5% auto;
	display: block;
}

section .item img:nth-of-type(2){
	height:15%;
	margin:5% auto;
	display: block;
}

section .or{
	height:1.5rem;
	line-height: 1.5rem;
	font-size:0.45rem;
	text-align: center;
	color:#3c4143;
}

section .or b{
	color:#ccd6db;
}