/*css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td {margin:0; padding:0;font-weight:normal;border:none;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; }
body{-webkit-touch-callout:none;}
img{border:0;vertical-align: bottom;}
strong{font-weight:bold;}
ol,ul{list-style:none;}
input,select,button{background-color: transparent; border: none;outline:none;}
a {text-decoration:none; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; user-select: none; }
a:link, a:visited{color:#333; }
body {font-family: "微软雅黑"; overflow:hidden; }
html,body,.swiper-container{width:100%;height:100%;font-size:0.28rem;}
*{margin:0;padding:0;}
body{background:url(../images/bg.jpg) no-repeat center center;background-size:100% 100%;}
.bootom_bg{width:100%;position:absolute;bottom:0;}
.center{text-align:center;}
.fixed{position:fixed;width:100%;height:100%;top:0;left:0;display:none;}
/* 加载页 */
.loading{color:#fff;z-index:999;display:block;}
.loading .con{width:100%;height:5.88rem;position:absolute;top:0;bottom:0;margin:auto;}
.loading .title{width:100%;}
.loading .line{width:76%;position:absolute;left:0;right:0;margin:auto;bottom:24%;z-index:1;}
.loading .aircraft{width:0.8rem;position:absolute;bottom:18.2%;left:10%;}
.loading .speed{position:absolute;bottom:1%;text-align:center;width:100%;font-size:0.3rem;}
/* 开始答题 */
.swiper-container{display:none;}
.index{background:url(../images/index_1.png) no-repeat center top;background-size:100% auto;}
.index .con{position:absolute;top:1.34rem;width:90%;left:0;right:0;margin:auto;}
.index .start_btn,.index .look_btn{position:absolute;width:4.8rem;left:0;right:0;bottom:0.8rem;margin:auto;z-index:99;}
.swiper-slide .subject_page_bg{width:95.6%;height:82%;position:absolute;top:1rem;left:0;right:0;margin:auto;
	background:url(../images/subject_page_bg.png) no-repeat center 0;background-size:100% 100%;
}
.swiper-slide h2{text-align:center;padding:0.6rem 0 0.4rem;}
.swiper-slide h2 .title{width:3rem;}
.swiper-slide p img{width:5.72rem;}
.swiper-slide ul{padding-left:0.74rem;padding-top:0.7rem;}
.subject_text ul li{line-height:0.8rem;height:0.8rem;overflow:hidden;color:#666666;padding-left:0.66rem;
	background:url(../images/icon_1.png) no-repeat left center;background-size:0.3rem;
}
.subject_text ul li span{float:left;}
.subject_text ul li img{width:0.6rem;float:left;padding:0.1rem 0 0 0.2rem;}
.subject_text ul li.active{background:url(../images/icon_2.png) no-repeat left center;background-size:0.3rem;}
.subject_img ul{padding:0.4rem 0.4rem 0;overflow:hidden;}
.subject_img ul li{width:50%;float:left;text-align:center;padding-bottom:0.9rem;position:relative;}
.subject_img ul li img{width:2.7rem;}
.subject_img ul li .tip{position:absolute;left:0;right:0;top:1.36rem;width:0.6rem;margin:auto;}
.subject_img_2 ul li{padding-bottom:0.34rem;}
.subject_img_2 ul li p{text-align:center;font-size:0.28rem;color:#666666;line-height:0.3rem;padding-top:0.26rem;}
.subject_img_2 ul li p i{display:inline-block;width:0.3rem;height:0.3rem;background:url(../images/icon_1.png) no-repeat center center;background-size:100% 100%;vertical-align: top;}
.subject_img_2 ul li.active p i{background:url(../images/icon_2.png) no-repeat center center;background-size:100% 100%;}
/* 答题结束进入表单 */
.from .con img{width:100%;}
.from .con h4{width:100%;font-size:0.34rem;color:#333333;position:absolute;font-weight:bold;text-align:center;top:0.6rem;}
.from .con .star{position:absolute;width:1.4rem;left:0;right:0;margin:auto;top:1.3rem;}
.from .con ul{position:absolute;top:1.3rem;}
.from .con ul li{width:5.13rem;height:0.76rem;line-height:0.76rem;border:1px solid #05aca8;border-radius:0.76rem;margin-bottom:0.3rem;background:#fff;}
.from .con ul li input,.from .con ul li select{font-size:0.28rem;color:#666;padding-left:0.76rem;display:block;width:85%;height:100%;}
.from .con ul li select{width:100%;-moz-appearance: none;-webkit-appearance: none;
	background: url(../images/arrow.png) 95% center no-repeat;background-size:0.3rem;
}
.from .con ul li.list-1{background:#fff url(../images/from/icon_1.png) no-repeat 0.2rem center;background-size:0.3rem;}
.from .con ul li.list-2{background:#fff url(../images/from/icon_2.png) no-repeat 0.2rem center;background-size:0.3rem;}
.from .con ul li.list-3{background:#fff url(../images/from/icon_3.png) no-repeat 0.2rem center;background-size:0.3rem;}
.from .con ul li.list-4{background:#fff url(../images/from/icon_4.png) no-repeat 0.2rem center;background-size:0.3rem;}
.from .con .tip{color:#666666;font-size:0.28rem;position:absolute;left:0;right:0;margin:auto;text-align:center;top:6.4rem;line-height:0.3rem;}
/* 回答错误，题目解析 */
.alert_wrap{background:rgba(0,0,0,0.7);z-index:999;}
.alert_wrap .title{width:96%;padding:0.5rem 0 0.4rem;}
.alert_wrap .con{width:100%;height:4.6rem;background:url(../images/false_box.png) no-repeat center top;background-size:100% 100%;}
.alert_wrap .con .tit{width:3.18rem;padding:0.3rem 0;}
.alert_wrap .con .text{padding-left:11%;width:80%;}
.alert_wrap .con h5{color:#f86c39;font-size:0.28rem;}
.alert_wrap .con .scroll{color:#666666;line-height:0.4rem;font-size:0.28rem;height:2.4rem;overflow-x:scroll;}
.alert_wrap .next_btn{position:absolute;width:4.8rem;left:0;right:0;bottom:0.8rem;margin:auto;}
/* 遮罩,加载动画 */
.alert_wrap2{background:rgba(0,0,0,0.7);z-index:999;}
.alert_wrap2 ul{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:1rem;width:2rem;}
.alert_wrap2 ul li{width:0.2rem;height:1rem;background:#05aba7;float:left;margin:0 0.1rem;}
.alert_wrap2 ul li:nth-of-type(1){animation:scale 0.5s linear 0s infinite alternate;}
.alert_wrap2 ul li:nth-of-type(2){animation:scale 0.5s linear 0.2s infinite alternate;}
.alert_wrap2 ul li:nth-of-type(3){animation:scale 0.5s linear 0.4s infinite alternate;}
.alert_wrap2 ul li:nth-of-type(4){animation:scale 0.5s linear 0.8s infinite alternate;}
.alert_wrap2 ul li:nth-of-type(5){animation:scale 0.5s linear 1s infinite alternate;}
@keyframes scale{
	0%{
		transform: scaleY(1); 
	}
	100%{
		transform: scaleY(0.1); 
	}
}
/* 结果页 */
.result{text-align:center;background:url(../images/bootom_bg.png) no-repeat center bottom;background-size:100%;z-index:99;}
.result .result_img{width:90%;margin:0.5rem 0 0;}
.result .tip{width:80%;margin:0.2rem 0 0 0;}
.result .btn{width:3.08rem;position:absolute;bottom:0.8rem;z-index:99;}
.result .btn_1{left:5%;}
.result .btn_2{right:5%;}
.result .logo{position:absolute;width:1.85rem;left:0;right:0;bottom:0.3rem;margin:auto;}
/* 音乐按钮 */
.music{position:fixed;width:0.75rem;height:0.75rem;right:10px;top:10px;z-index:999;display:none;}
.music img{width:100%;}
.music.active{animation:3s linear 0s infinite music;-webkit-animation:3s linear 0s infinite music;}
@-moz-keyframes music{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}
@-webkit-keyframes music{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}
/* 发现更多页 */
.find_more{background:#2cab6f url(../images/find_more/bg.png) no-repeat center top;background-size:cover;}
.find_more .bg_01{position:absolute;left:0;top:0;width:4.09rem;z-index:-1;}
.find_more .bg_02{position:absolute;right:0;top:3.7rem;width:3.68rem;z-index:-1;}
.find_more .bg_03{position:absolute;right:0;bottom:0;width:100%;z-index:-1;}
.find_more .con{}
.find_more .con .title_1{padding-top:0.9rem;}
.find_more .con .title_2{padding-top:0.2rem;}
.find_more .con .title{width:3.33rem;padding-bottom:0.3rem;}
.find_more .con p{color:#fff;font-size:0.24rem;text-align:left;width:90%;margin:0 auto;}
.find_more .con p b{font-weight:bold;color:#f2ee5f;}
.find_more .con .left{text-align:left;}
.find_more .con .city{width:74.4%;max-width:5.58rem;}

.find_more .top{overflow:hidden;}
.find_more .logo{display:block;width:3.1rem;float:left;}
.find_more .logo img{width:100%;}
.find_more .logo_1{width:2.31rem;float:right;padding:0.31rem 0.31rem 0 0;}
.find_more .con_1{width:6.52rem;position:absolute;top:0.5rem;right:0.08rem;}
.find_more .con_2{width:100%;height:auto;position:absolute;bottom:0;left:0;background:#0f2e3a;text-align:center;}
.find_more .con_2 .text{width:6.84rem;padding:0.5rem 0 0.2rem;}
.find_more .con_2 .btn{width:2.96rem;padding-bottom:0.4rem;}




@media screen and (min-width: 768px) {
	.index .con{width:72%;}
	.index .start_btn, .index .look_btn,.alert_wrap .next_btn{width:2.8rem;}
	.swiper-slide h2{padding:0.4rem 0 0.2rem;}
	.swiper-slide ul{padding-top:0;}
	.subject_img ul li{padding-bottom:0.2rem;}
	.subject_img ul li img{width:2rem;}
	.alert_wrap .title{width:70%;}
	.from .con ul li{width:4.13rem;}
}