/* 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.5rem;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:#3f88ff url("../images/p1-bg.jpg") no-repeat center top;
	background-size: 7.5rem;
}

.pageQue,.paegRes{
	background: #44e9ff url("../images/page-bg01.jpg") no-repeat center top / 7.5rem;
}

.que_kuang{
	width:100%; height: 11.26rem; display: inline-block;
	background: #fff;
	border-radius: .5rem;
	margin-top: 1.27rem;
}
.que_zero{
	background: #fff url('../images/q0-img02.png') no-repeat center bottom / 5.73rem;
}
.res_kuang{
	width: 100%; height: 10.7rem; display: inline-block;
	background: #fff;
	border-radius: .5rem;
	margin-top: 1.26rem;
}


.banner_box div>img{width:100%;}


/* page01 */
.banner_box{
	width: 100%; height: 10.88rem; clear: both;
}
.logo{
	display: inline-block; margin-top: .91rem;
	width:1.93rem;
}
.logo img{width:100%;}

.fixBtn{
	position: absolute; top: 4.2rem; right: -.2rem;
	z-index: 3;
}
#paegRes .fixBtn{right: -.5rem;}
.fixBtn a{
	width: .56rem; height: .78rem; margin-bottom: .23rem; padding-left: .09rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .24rem; line-height: .3rem; color: #fff;
}
.fixBtn a.btn01{
	background: url("../images/fix-btn01.png") no-repeat center / 100%;
}
.fixBtn a.btn02{
	background: url("../images/fix-btn02.png") no-repeat center / 100%;
}
/* .fixBtn a.logout{display: none;} */

.p1-theme{
	width: 6.24rem; clear: both; margin-top: .34rem; display: inline-block;
}
.p1-Ip{
	width: 4.87rem; clear: both; display: inline-block;
	margin-top: .3rem;
	position: relative;
}
.p1-fly{
	width: .41rem; position: absolute;top: .6rem; right: .96rem;
}
.p1-fly img{
	animation: fudong1 1.5s infinite ease-in-out;
}
.p1-gold{
	width: 5.79rem; display: inline-block; clear: both; 
	position: absolute; top: 4rem;
	margin-left: -.56rem; 
}
.p1-gold .gold{
	width: 5.76rem;
	position: absolute; top: -.35rem; left: .015rem;
	animation: fudong2 1.5s infinite ease-in-out;
}
.p1-txt{
	width: 100%; display: inline-block; margin-top: 0;
}
.p1-txt p{
	font-size: .3rem;font-weight: 600; color: #04269c;
	line-height: .43rem;
}

@keyframes fudong1{
	0%{transform: translateY(.08rem);}
	50%{transform: translateY(-.08rem);}
	100%{transform: translateY(.08rem);}
}
@keyframes fudong2{
	0%{transform: translateY(-.05rem);}
	50%{transform: translateY(.05rem);}
	100%{transform: translateY(-.05rem);}
}

.indexBtn{
	width:100%; clear: both;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}
.indexBtn a{
	width: 2.64rem; height: 1.03rem; display: inline-flex;
	background: #fff6e8;
	border-radius: .6rem;
	margin: 0 .15rem;
	box-shadow: .1rem .04rem .09rem rgba(22,99,200,.75);
	justify-content: center;
	align-items: center;
}
.indexBtn a span{
	width: 2.45rem; height: .87rem; display: inline-block;
	border-radius: .5rem;
	font-size: .33rem; line-height: .87rem; font-weight: 600; color: #fff;
	box-shadow: .02rem .02rem .03rem rgba(254,58,51,.52);
}
.indexBtn a.btn01 span{
	background: #f74d00;
	background: -webkit-linear-gradient(#fa9222,#e70000);
	background: -moz-linear-gradient(#fa9222,#e70000);
	background: -o-linear-gradient(#fa9222,#e70000);
	background: linear-gradient(#fa9222,#e70000);
}
.indexBtn a.btn02 span{
	background: #0208e2;
	background: -webkit-linear-gradient(#2871fa,#46009f);
	background: -moz-linear-gradient(#2871fa,#46009f);
	background: -o-linear-gradient(#2871fa,#46009f);
	background: linear-gradient(#2871fa,#46009f);
}


/* page02 */

.que_kuang .tit{
	width: 3.8rem; display: inline-block;
	margin-top: -.73rem;
}
.que_kuang .tit img{
	width: 100%;
}
.schedule{
	width: 5.4rem; margin: .32rem .55rem 0;
	float: left;
	height: .87rem;
	position: relative;
	display: inline-block;
	
}
.schedule span.number{
	text-align: left; display: inline-block; float: left;
	font-size: .24rem; line-height: .35rem; color: #787878;
	
}
.schedule span em{
	font-size: .35rem; color: #333;font-weight: bold; 
}
.schedule .bar{
	width: 4.6rem; clear: both; height: .12rem; display: inline-block;
	background: #fff5ae;
	border-radius: .2rem;
	float: left;
	margin-top: .16rem;
}
.schedule .bar i{height: .12rem; float: left; background: #fd5804;border-radius: .2rem;
	transition: all .5s;
}

.schedule span.time{
	font-size: .42rem; font-family: Arial, Helvetica, sans-serif; color: #333;
	position: absolute; right: 0; top: .3rem;
}


.que_kuang h3{
	width: 100%; clear: both; float: left; margin: 0 auto .3rem;
	font-size: .36rem; line-height: .94rem; color: #333;
}

.quebox{
	width: 100%;  clear: both;
}
.quebox.queZero img{
	width: 3.62rem; display: inline-block;
	margin: auto;
}
.quebox.queZero a{
	display: inline-block; clear: both; margin: .63rem .5rem 0;
	width: 2.44rem; height: .73rem; border-radius: .5rem;
	background: #fd5804;
	font-size: .36rem; line-height: .73rem; color: #fff;
	cursor: pointer;
}
.queAll img.picQue{width: 3.62rem; display: inline-block;}
.queAll p{
	font-size: .36rem; line-height: .47rem; clear: both;
	width: 100%; display: inline-block;margin-top: .54rem;
}
.queAll p span{color: #fd5804;}

.quebox ul{
	width: 5.5rem; clear: both; margin:.52rem auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.quebox ul li{
	width: 2.45rem; height: auto; line-height: .57rem;
	background: #fff;
	border: solid .01rem #df540c;
	border-radius: .5rem;
	margin: 0 auto .2rem;
}
.quebox ul li.on{
	background: #fd5804; color: #fff;
	border: solid .01rem #fd5804;
}
.quebox ul.pic li{
	width: 2.3rem; height: 2.3rem; display: inline-flex;
	border-radius: 50%;
	background: #56d5ff;
	border: none;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	color: #fff; font-size: .36rem; line-height: 1rem;
	vertical-align: top;
}
.quebox ul.pic li.on{
	background: #fd5804;
}
.quebox ul.pic li img{
	height: 1rem;
	margin: .81rem 0 0 -.25rem;
}

/* page06 */
.res_kuang .tit{
	width: 3.8rem; display: inline-block;
	margin-top: -.73rem;
}
.res_kuang .tit img{
	width: 100%;
}

.res_txt{
	width:100%; clear: both; float: left;
	height: 8.66rem;
}
.res_txt .stat{
	width: 100%; margin-top: 1.3rem; height: 3.3rem;
	position: relative;
}
.res_txt.suc .stat img.gif{width: 3rem; display: inline-block;}
.res_txt.fail .stat img.gif{width: 2.63rem; display: inline-block;}
.res_txt .stat img.tag{
	width:5.01rem; display: inline-block;
	position: absolute; bottom: 0;
	left: .69rem;
}
.res_txt time{
	font-size: .5rem; line-height: 1;
	margin: .64rem auto .6rem;
	width: 100%; float: left;
	
}
.res_txt time em{font-weight: bold; color: #fd5804;}
.res_txt p{
	font-size: .32rem; line-height: .47rem; color: #999999;
	width: 100%; display: inline-block;
	float: left; margin-top: .45rem;
}
.res_txt.suc p{font-size: .36rem; line-height: 1.5;}
.res_txt.suc p b{font-weight: bold;color: #fd5804;}


.res_btm{
	width: 100%; height: auto; display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.res_btm a{
	width: 2.44rem; height: .74rem; display: inline-block;
	margin: 0 .15rem;
	font-size: .36rem; line-height: .74rem; color: #fff;
	border-radius: .5rem;
}
.res_btm a.btn01{background: #fd5804;}
.res_btm a.btn02{background: #3ba5e8;}
.res_btm a.btn03{background: #b1b1b1;}



@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;}