/* reset */
@import url('style-tc.css');

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
body { 
	-webkit-text-size-adjust:100%; 
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-touch-callout:none; 
	word-wrap:break-word; 
	line-height:1.5;font-size: 12px;
	min-width:7.5rem!important;
	width: 100vw;
	overflow: hidden;
}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}
.m-hide{display: none !important;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.The_total{display:none;}
a[title="站长统计"]{display: none;}
.wrap{width:6.6rem;margin: 0 auto; position: relative;clear: both; text-align: center;}
.wrap1{width:7.1rem;margin: 0 auto; position: relative;clear: both; text-align: center; height: 100%;}
.m-show{display:block!important;}

html,body{
	height:100%;
	margin: auto;
	min-height: 13.34rem;
}
html {
	overflow-y: scroll;
}
:root {
	overflow-y: auto;
	overflow-x: hidden;
}
:root body {
	position: absolute;
}


.swiper {
	width: 100%;
	height: 100%;
	max-width: 7.5rem; margin: auto;
}
/* @media screen and (max-width:750px) {
	.mySwiper{position: fixed !important;}
} */
 
.swiper-slide{
	width:100%;
	height:100%;
	max-width:7.5rem;
	text-align: center;
	background: #fff;
	align-content: flex-start;
	/* Center slide text vertically */
	/* display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap; */
}

#page01{
	background:#8cec4e url("../images/p1-bg.jpg") no-repeat center top;
	background-size: 7.5rem;
}

.pageQue{
	background: #e2fe77 url("../images/page-bg01.jpg") no-repeat center top / 7.5rem;
}
.paegRes{
	background:#91ed55 url(../images/page-bg02.jpg) no-repeat center top / 7.5rem;
}
.que_kuang{
	width:100%; height: 10.32rem; display: inline-block;
	background: #fff;
	border-radius: .5rem;
	margin-top: 2rem;
}
.res_kuang{
	width: 100%; height: 10.7rem; display: inline-block;
	background: #fff;
	border-radius: .5rem;
	margin-top: 1.5rem;
}





/* page01 */
.banner_box{
	width: 100%; height: 8.97rem; clear: both;
}
.logo{
	display: inline-block; margin-top: .63rem;
	width:1.97rem;
}

.fixBtn{
	position: absolute; top: 2.13rem; right: 0;
	z-index: 3;
}
.fixBtn a{
	width: .7rem; height: .7rem; padding: .1rem; margin-bottom: .1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: .24rem; line-height: .3rem; color: #fff;
}
.fixBtn a.btn01{
	background: rgba(0,0,0,.5);
}
.fixBtn a.btn02{
	background: #40b031;
}
.fixBtn a.logout{display: none;}
.theme{
	width: 100%; clear: both;margin-top: .31rem;
}
.p1-subTit{
	width: 4.6rem; display: inline-block;
}
.p1-main{
	width: 7.07rem; display: inline-block;
}
.p1-tit{
	width: 6.02rem; display: inline-block; margin-top: -3.32rem;
	float: left; margin-left: .51rem;
}
.p1-txt{
	width: 100%; clear: both;
}
.p1-txt span{
	font-size: .3rem; line-height: .64rem; color: #041247;
	display: block;
	clear: both;float: left;
}
.p1-txt span.txt01{
	width: 2.19rem;height: .64rem;
	background: #fff;
	margin-left: 1.96rem;
}
.p1-txt span.txt02{
	width: 3.56rem; height: .56rem; line-height: .56rem;
	background: #ffee5b;
	margin-left: 2.59rem;
}
.p1-txt span.txt03{
	width: 4.44rem;height: .64rem;
	background: #fff;
	margin-left: .95rem; margin-top: -.02rem;
}
.p1-txt span b{font-weight: bold;}


.indexBtn{
	width:100%; clear: both;
	margin-top: 2.45rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}
.indexBtn a{
	width: 2.71rem; display: inline-block;
	margin: 0 .1rem;
}
.indexBtn a img{width:100%; display: inline-block;}
.indexBtn span{
	width: 1.17rem; display: inline-block;
	position: absolute; top: -1.12rem; right: .66rem;
}
.indexBtn span img{width: 100%; display: inline-block;}


.swiper-slide >div img{
	width: 100%;
}

/* page02 */

.que_kuang .tit{
	width: 6.39rem; display: inline-block;
	margin-top: -.84rem; margin-left: -.03rem;
	float: left;
}
.schedule{
	width: 5.8rem; margin: .46rem auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.schedule span{
	font-size: .36rem; line-height: .5rem; font-weight: bold; color: #77e51c;
}
.schedule span em{
	font-size: .3rem; color: #b3b0b0;
}
.schedule .bar{
	width: 100%; clear: both; height: .2rem; display: inline-block;
	background: #e3e3e3;
	border-radius: .2rem;
	margin-top: .11rem;
}
.schedule .bar i{height: .2rem; float: left; background: #77e51c;border-radius: .2rem;}
.schedule .bar i.w25{width: 25%;}
.schedule .bar i.w50{width: 50%;}
.schedule .bar i.w75{width: 75%;}
.schedule .bar i.w100{width: 100%;}
.que_kuang h3{
	width: 100%; clear: both; float: left; margin: .47rem auto .41rem;
	font-size: .4rem; line-height: .6rem; font-weight: bold; color: #333;
}
.que_kuang h3 span{color: #77e51c;}
.quebox{
	width: 100%;  clear: both;
}
.quebox ul{
	width: 5.8rem; clear: both; margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.quebox ul li{
	width: 2.56rem; height: auto; 
	background: #f4fcd9;
	border: solid .04rem #77e51c;
	border-radius: .2rem;
	margin: .28rem auto .22rem;
}
.quebox ul li.cur{
	background: #fdf8f7;
	border: solid .04rem #f90f34;
}
.quebox ul li .pic{
	width: 2.18rem; height: 1.98rem; display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: solid .02rem #d5fb9a;
	border-radius: .14rem;
	margin: .15rem;
	position: relative;
}
.quebox ul li.cur .pic{
	border: solid .02rem #fddbcf;
}
.quebox ul li .pic img{width: 1.8rem; display: inline-block;}
.quebox.queFour ul li .pic img{width: 100%;}
.quebox ul li .pic i{
	width: .62rem; height: .62rem; display: inline-block;
	background: #75e31a;
	background: -webkit-linear-gradient(#75e31a,#97ee52);
	background: -moz-linear-gradient(#75e31a,#97ee52);
	background: -o-linear-gradient(#75e31a,#97ee52);
	background: linear-gradient(#75e31a,#97ee52);
	border: solid .04rem #fff;
	border-radius: .1rem;
	font-size: .4rem; font-weight: bold; line-height: .62rem; color: #fff;
	position: absolute; top: -.35rem; left: -.25rem;
	transform: rotate(-30deg);
}
.quebox ul li.cur .pic i{
	background: #fa6651;
	background: -webkit-linear-gradient(#fa6651,#fc23b7);
	background: -moz-linear-gradient(#fa6651,#fc23b7);
	background: -o-linear-gradient(#fa6651,#fc23b7);
	background: linear-gradient(#fa6651,#fc23b7);
}

/* page06 */
.res_kuang .tit{
	width: 6.39rem; display: inline-block;
	margin-top: -.84rem; margin-left: -.03rem;
	float: left;
}
.res_txt{
	width:100%; clear: both; float: left;
	height: 4.35rem; display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.res_txt.suc{
	background: url('../images/p6-img01.png') no-repeat center top / 5.66rem;
}
.res_txt.fail{
	background: url('../images/p6-img02.png') no-repeat center top / 5.66rem;
}
.res_txt h3{
	font-size: .48rem; font-weight: bold; line-height: .6rem; color: #333;
	width: 100%; clear: both;
	margin-top: .52rem;
}
.res_txt.fail h3{color: #999;}
.res_txt h2{
	font-size: .72rem; line-height: .9rem; font-weight: bold; color: #999;
	width: 100%; clear: both;
	margin-top: .16rem;
}
.res_txt.suc h2{color: #ff566e;}
.res_txt p{
	font-size: .3rem; line-height: .48rem; color: #0e0e0e;
	width: 100%;
	margin-top: .25rem;
	height: 1.92rem;
}
.res_txt p span{color:#999;}
.res_gift{
	width: 5.73rem; clear: both; display: inline-block;
}
.res_btm{
	width: 6.78rem; height: 2.04rem; display: inline-flex;
	padding-top: .62rem;
	background: url('../images/p6-btm.png') no-repeat center / 100%;
	margin-left: -.09rem; margin-top: -1.89rem;
	float: left;
	position: relative;z-index: 2;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.res_btm a{
	width: 2.71rem; height: .98rem; display: inline-block;
	margin: 0 .1rem;
}




@keyframes ani {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
/* 音乐图标 */
.musicbox{width: 7.5rem; margin: auto; position: relative;}
.music{position: absolute;width:8%;top:.1rem;right:0.5%;z-index: 9;}
.mustop{position: absolute;width:8%;top:.1rem;right:0.5%;z-index: 9;display: none;}
.musicbox img{width: 100%; display: block; opacity: .5;}
.play{
  animation:play 1s linear 0s infinite;
  -webkit-animation:play 1s linear 0s infinite;
}

@-webkit-keyframes play {
  from {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@keyframes play {
  from {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}


button{position: relative; z-index: 3;}