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

.pageQue{
	background: #1c91f0 url("../images/page-bg01.jpg") no-repeat center top / 7.5rem;
}
.paegRes{
	background:#1c91f0 url(../images/page-bg02.jpg) no-repeat center top / 7.5rem;
}
.que_kuang{
	width:100%; height: 12.39rem; display: inline-block;
	background: url(../images/ztBg.png) no-repeat center top;
	background-size: 100%;
	margin-top: .54rem;
}
.res_kuang{
	width: 100%;display: inline-block;margin-top: .94rem;
}
.resBox .jdt{
    display: block;
    width: 5.2rem;
    height: .2rem;
    background: #fff;
    border-radius: 1rem;
    border: .03rem solid #000;
    position: relative;
    margin: .5rem auto 0;
}
.resBox .jdt span{
	display: inline-block;
	height: .2rem;
	border: .03rem solid #000;
	border-radius: 1rem;
	position: absolute;
	left: -.03rem;
	top: -.03rem;
	background: #ffe73e;
}



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

.fixBtn{
	position: absolute; top: 1rem; right:-.1rem;
	z-index: 3;
}
.fixBtn a{
	width: .92rem; height: .92rem; padding: .1rem; margin-bottom: .1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: .24rem; line-height: .3rem; color: #000;font-weight: bold;
}
.fixBtn a.btn01{
	background: url(../images/gzbtn1.png) no-repeat center top;
	background-size: 100%;
}
.fixBtn a.btn02{
	background: url(../images/gzbtn2.png) no-repeat center top;
	background-size: 100%;
}
.fixBtn a.btn03{
    background: url(../images/gzbtn2.png) no-repeat center top;
    background-size: 100%;
}
.theme{
	width: 100%; clear: both;margin-top: .31rem;position: relative;
}
.p1-subTit{
	width: 4.16rem; display: inline-block;
}
.p1-main{
	width: 5.27rem; display: inline-block;
}
.p1-tit{
	width: 1.56rem;height: 1.61rem; display: inline-block; margin-top: .8rem;
	float: left; margin-left: -.8rem;position: absolute;top: 1.4rem;left: .8rem;
}
.p1-tit img{
	width: 100%;
	position: absolute;
	top: .5rem;
	left: .5rem;
	display: block;
}
.circle {
  animation: circleX 2s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, circleY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
  -webkit-animation: circleX 2s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, circleY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
}
/*画圆运动*/
@keyframes circleX {  from {    top: .3rem;  }  to {    top: .7rem;  }}
@keyframes circleY {  from {    left: .7rem;  }  to {    left:.3rem;  }}


.p1-txt{
	width: 100%; clear: both;
}
.p1-txt span{
	font-size: .3rem; line-height: .64rem; color: #041247;
	display: block;
	clear: both;float: right;
}
.p1-txt span.txt02{
    width: 3.21rem;
    height: 3.38rem;
    margin-right: -.9rem;
    margin-top: -2.7rem;
}


.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;}
.swiper-slide >div img{
	width: 100%;
}

/* page02 */

.que_kuang .tit{
	width: 5.46rem; display: inline-block;margin-top: .2rem;
}
.schedule{
	width: 5.8rem; margin: .2rem auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.schedule span{
	font-size: .38rem; line-height: .5rem; font-weight: bold; color: #1c91f0;margin: 0 auto;
}
.schedule span em{
	font-size: .24rem; color: #000;
}
.schedule span::before{
	display: inline-block;
    content: '';
    width: 4.29rem;
    height: .39rem;
    background: url(../images/titB.png) no-repeat center top;
    background-size: 100%;
    vertical-align: middle;
    margin-right: .08rem;
}
.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%;height: 1.9rem; clear: both; float: left; margin: .2rem auto .41rem;
	position: relative;
	background: url(../images/ztimg1.png) no-repeat center top;
	background-size: 5.28rem;
}
.que_kuang h3 p {
    font-size: .36rem;
    line-height: .45rem;
    font-weight: bold;
    color: #fff;
    width: 62%;
    margin: .8rem 19% 0;
	text-align: left;
}
.que_kuang h3 span {
    position: absolute;
    right: 1.6rem;
    top: .16rem;
    font-size: .26rem;
    font-weight: bold;
    color: #000;
    display: inline-block;
    width: 1.05rem;
}
.que_kuang3 h3{
	height: 2.49rem;
	background: url(../images/ztimg2.png) no-repeat center top;
	background-size: 5.28rem;
}
.que_kuang4 h3{
	height: 2.49rem;
	background: url(../images/ztimg2.png) no-repeat center top;
	background-size: 5.28rem;
}
.que_kuang3 h3 p{
	width: 67%;
	margin: .8rem 16.5% 0;
}
.que_kuang4 h3 p{
	width: 67%;
	margin: .8rem 16.5% 0;
}
.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{
	font-size: .3rem;
	color: #000;
	position: relative;
	line-height: .38rem;
	margin: 0 auto;
	cursor: pointer;
}
.quebox ul li .pic{
	
}
.quebox ul li .pic p{
	text-align: left;
    letter-spacing: -.01rem;
}
.quebox ul li .pic i{
	font-size: .32rem;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: .2rem;
	top: .04rem;
}
.queFirst ul li{
	width: 4.89rem;
	height: 1.37rem;
	background: url(../images/xz1.png) no-repeat center top;
	background-size: 100%;
	margin-bottom: .2rem;
}
.queFirst ul li:active,.queFirst ul li.cur{
	background: url(../images/xz1cur.png) no-repeat center top;
	background-size: 100%;
}
.queFirst ul li .pic p{
    width: 72%;
    margin: .28rem 14% 0;
	
}
.queSecond ul li{
	width: 5.14rem;
	height: 1.45rem;
	background: url(../images/xz2.png) no-repeat center top;
	background-size: 100%;
    margin-bottom: .2rem;
}
.queSecond ul li:active,.queSecond ul li.cur{
	background: url(../images/xz2cur.png) no-repeat center top;
	background-size: 100%;
}
.queSecond ul li .pic p{
    width: 74%;
    margin: .45rem 13% 0;
	
}
.queSecond ul li .pic i{
	left: .27rem;
	top: .12rem;
}
.queThird ul li{
	width: 2.57rem;
	height: 2.6rem;
	background: url(../images/xz3.png) no-repeat center top;
	background-size: 100%;
	margin-bottom: .25rem;
}
.queThird ul li:active,.queThird ul li.cur{
	background: url(../images/xz3cur.png) no-repeat center top;
	background-size: 100%;
}
.queThird ul li .pic p{
	width: 68%;
    margin: .8rem 16% 0;
}
.queThird ul li .pic i{
	left: 1.15rem;
    top: .08rem;
}
.queFour ul li{
	width: 2.33rem;
	height: 2.57rem;
	background: url(../images/xz4.png) no-repeat center top;
	background-size: 100%;
	margin-bottom: .3rem;
}
.queFour ul li:active,.queFour ul li.cur{
	background: url(../images/xz4cur.png) no-repeat center top;
	background-size: 100%;
}
.queFour ul li .pic p{
    width: 63%;
    margin: 0.8rem 18.5% 0;
}
.queFour ul li .pic i{
	left: .45rem;
    top: .06rem;
}
/* page06 */
.res_gift{
	width: 6.43rem; clear: both; display: inline-block;
}
.res_btm{
    width: 100%;
    display: inline-flex;
    margin-top: .5rem;
    float: left;
    position: relative;
    z-index: 2;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .22rem;
}
.res_btm a{
	width: 2.38rem; height: .85rem; display: inline-block;
	margin: 0 .08rem;
}
.jgP{
	font-size: .3rem;color: #000;display: inline-block;
}



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