@charset "utf-8";
/* CSS Document */
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; background:#5d0e91; overflow-x:hidden; max-width: 750px; margin: 0 auto !important;font-size:0;}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl{padding:0;margin:0;}
a{ text-decoration:none; color:#000;}
img{border:none; vertical-align: middle; display: block; max-width: 100%; height: auto; margin: 0 auto;}
ul,li{list-style:none;}
*{padding:0;margin:0;/* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/}
table{border-collapse:collapse;}
.wrap{ width:90%; height:auto; margin: 0 auto; position: relative;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 

/* 首页 */
/*banner*/
.banner{
	position: relative;
}
.banner .ban-logo{
	position: absolute; left: 0.36rem; top: 0.22rem; width: 1.5rem;
}
.banner .ban-logo img{
	width: 100%;
}
.banner-btn{
	position: absolute; right: 0; top: .28rem;
}
.banner-btn a{
	width: 1.05rem; height: .38rem; line-height: 0.38rem; border-radius: .19rem 0 0 .19rem; font-size: .2rem; color: #e12c27; display: block; text-align: center; margin-bottom: 0.1rem;
  background: #fff6c2;
  background: -webkit-linear-gradient(bottom, #fff6c2 , #fcd637); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #fff6c2, #fcd637); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #fff6c2, #fcd637); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #fff6c2 , #fcd637); /* 标准的语法 */
}

/* index buttom */
.index-main{
	position: relative;
}
.index-main .index_btn{
	width: 4.97rem; height: 1.11rem; line-height: .94rem; background: url(../images/index_btn_bg.png) no-repeat top center / 100%; text-align: center; position: absolute; left: 50%; top: 7rem; transform: translateX(-50%); display: none;
}
.index-main .index_btn span{
  font-size: .45rem; font-weight: bold; letter-spacing: .03rem;
  background-image: -webkit-linear-gradient(top,#d11f02,#fa4a00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.index-main p{
  font-size: .18rem; color: #ffe6c2; position: absolute; left: 14%; top: 8.2rem;
}

/* 科目页 */
.km-box{
  background: #5d0e91 url(../images/30_bg.jpg) no-repeat top center / 100%; height: 100vh;
}
.km-box.cur{
  background: #5d0e91 url(../images/60_bg.jpg) no-repeat top center / 100%;
}
.km-box.cur .km-main{
  padding-top: 1.7rem;
}
.km-box.cur .km-content{
  top: 1.8rem; bottom: .5rem;
}
.km-content{
	width: 90%; margin: 0 auto; border-radius: .3rem; box-shadow: 0 .2rem .5rem #ba290140; padding: .38rem .3rem; box-sizing: border-box; background: url(../images/km_content_bg.png) no-repeat top center / 100% 100%; position: absolute;
  bottom: 1.3rem; top: 3.8rem; left: 0.4rem;
}
.km-tit{
	width: 96%; height: 0.8rem; line-height: 0.8rem;
  position: absolute; left: 0.14rem; top: 0.3rem; z-index: 1;
  background: #9143c4;
  background: -webkit-linear-gradient(right, #9143c4 , #d69cfe); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #9143c4, #d69cfe); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #9143c4, #d69cfe); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #9143c4 , #d69cfe); /* 标准的语法 */
}
.km-tit b{
	font-size: .3rem; font-weight: 600; color: #fff; padding-left: 0.2rem; display: inline-block;
}
.km-tit b i{
	font-style: normal;
}
.km-tit span{
	width: 1.75rem; height: 0.44rem; line-height: 0.44rem; background: #fff4b9; background: linear-gradient(to right, #fff4b9, #fcd73c); border-radius: .21rem; display: inline-block; font-size: .24rem; font-weight: 600; color: #e12c27; text-align: center; float: right; margin-top: 0.15rem; margin-right: 0.35rem;
}
.km-tit span img{
	width: 0.19rem; display: inline-block; vertical-align: middle; margin-left: 0.06rem; position: relative; top: -0.04rem;
}
.km-mt{
  height: 100%; overflow-y: auto; background: #fff; border-radius: .2rem; position: relative; padding: .9rem .2rem .5rem; box-sizing: border-box;
}
.km-mt p{
	font-size: .2rem; color: #333;
}
.km-ewm{
	width: 100%; margin-top: 0.2rem; text-align: center; margin-bottom: 0.2rem; display: none;
}
.km-ewm img{
	width: 50%; margin: 0 auto; display: block;
}
.km-ewm h3{
	font-size: .3rem; color: #ff7354; padding-top: 0.1rem; font-weight: bold;
}
.km-btn-box{
	width: 7.2rem; height: 1.34rem; line-height: 1.4rem; background:url(../images/km_btn_bg.png) no-repeat top center / 100%; position: fixed; left: .15rem; bottom: .5rem; z-index: 2; display: none;
}
.km-btn-box p{
	font-size: .38rem; color: #fa4b00; font-weight: bold; margin-right: 0.15rem; margin-top: -0.16rem; display: inline-block; vertical-align: middle; padding-left: 0.4rem;
}
.km-btn-box a{
	width: .98rem; height: 1.03rem; margin-top: -0.1rem; position: absolute; right: .3rem; top: .2rem;
}
.km-tp {
  width: 1.75rem; padding: .14rem; position: absolute; right: .35rem; top: 0.65rem; text-align: center; display: none; z-index: 9; box-sizing: border-box; border-radius: .17rem; box-shadow: 0 0 .2rem #ff9b2f40;
  background: #fff7e9;
  background: -webkit-linear-gradient(bottom, #fff7e9 , #fff1ae); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #fff7e9, #fff1ae); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #fff7e9, #fff1ae); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #fff7e9 , #fff1ae); /* 标准的语法 */
}
.km-tp a {
  width: 100%; line-height: 0.5rem; font-size: .24rem; color: #e12c27; border-bottom: 1px dashed #cba491; display: block;
}
.km-tp a:last-child{
  border-bottom: none;
}
.km-mt60{
	display: none;
}
.km-mt h2{text-align: center; font-size: .28rem; padding: 0.2rem 0;}
.km-mt h1{font-size: .28rem;}
.km-mt p{width: 100%;font-size: .28rem;color: #333;line-height: 0.5rem;text-align: left;}
.km-mt table{border-collapse: collapse;}
.km-mt table td{border: 1px solid #333; padding: .1rem;font-size: .28rem; line-height: 0.5rem;}
.km-mt table td p{ text-align: center;}
.km-mt img{display: inline-block;}
.km-name{font-style: normal;}

.km-mt .km-txt{
  display: none;
}
.km-mt .km-txt.cur{
  display: block;
}

/* 助力页面 */
.zudui-main{
	background: url(../images/zd_mbg.jpg) no-repeat top center / 100% 100%; padding-bottom: 0.32rem;
}
.zudui-user{
  width: 6.72rem; height: 1.72rem; background: url(../images/zd_user_bg.png) no-repeat top center / 100%; padding-top: 0.23rem;
  box-sizing: border-box; position: relative; border-radius: .2rem; box-shadow: 0 .06rem .2rem #53009630;
}
.zudui-user h3{
	font-size: .32rem; color: #ffeec5; font-weight: 600; line-height: 0.4rem; display: inline-block; vertical-align: middle; padding: 0 1rem 0 .45rem;
}
.zudui-user ul{
	display: inline-block; vertical-align: middle;
}
.zudui-user ul li{
	display: inline-block; vertical-align: middle; margin-right: 0.1rem;
}
.zudui-user ul li:last-child{
  margin-right: 0;
}
.zudui-user ul li img{
	width: 2.2rem;
}
.zd-add{
  width: 0.67rem; height: 0.67rem; position: absolute; right: 2.05rem; top: 0.56rem;
}
.zudui-info .tips{
	font-size: .24rem; color: #ffe6c2; font-weight: 600; margin-top: 0.15rem; text-align: center;
}
.zudui-btn-box a{
	width: 5.02rem; height: 1.15rem; line-height: .96rem; background:url(../images/zd_btn_bg.png) no-repeat top center / 100%; font-size: .46rem; color: #f84900; font-weight: bold; text-align: center; letter-spacing: .02rem; margin: 0 auto; margin-top: 0.15rem; text-shadow: .02rem .02rem 0 #ffe687; display: none;
}
.quan{
  margin-bottom: 0.1rem;
}
.zudui-liucheng{
  border-radius: .3rem; box-shadow: 0 .2rem .5rem #ba290150;
}
.zudui-userList{
	height: 3.4rem; background: url(../images/zd_userList_bg.png) no-repeat top center / 100%; border-radius: .3rem; box-shadow: 0 .2rem .5rem #ba290150; padding: 1.16rem .54rem .4rem; box-sizing: border-box; display: none;
}
.zudui-l ul li{
	height: 0.7rem; line-height: 0.7rem; font-size: .24rem; color: #4b0e00; margin: 0 auto; margin-bottom: 0.2rem; background: #fddfbe; padding: 0 .2rem; box-sizing: border-box; display: flex; align-items: center;
}
.zudui-l ul li em{
	width: 0.44rem; height: 0.44rem; line-height: 0.44rem; background: #f5ba8d; border-radius: 50%; font-size: .24rem; color: #a12300; display: inline-block; text-align: center; font-style: normal;
}

/* 分享页 */
.share-main{
	position: relative; background: #772cac; padding-bottom: 0.45rem;
}
.share-main a.share-btn{
	width: 4.97rem; height: 1.11rem; line-height: .96rem; background:url(../images/popup_btn_bg.png) no-repeat top center / 100%; font-size: .36rem; color: #fff; font-weight: bold; text-align: center; letter-spacing: .02rem; display: block; margin: 0 auto; margin-bottom: 0.15rem; display: none;
}
.share-main a.share-btn span{
  font-size: .45rem; font-weight: bold; letter-spacing: .03rem;
  background-image: -webkit-linear-gradient(top,#d12002,#fb4c00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.share-main img{
  width: 90%;
}

/* list页 */
.eight {
  width: 100%;margin: -1em auto 0;padding: 0 0 20px;background: url(../images/list_mbg.jpg) center top no-repeat;background-size: 100% 100%;
}
.eight_m {
  width: 90%; margin: 0 auto;
}
.eight_m .eight_m_item{
  background: url(../images/list_list_bg.png) no-repeat top center / 100% 100%; margin-bottom: 0.2rem; padding: 0 0.35rem 0.2rem;
}
.eight_m .eight_m_item.on{
  background: url(../images/list_act_bg.png) no-repeat top center / 100% 100%; padding: 0 .35rem .5rem; box-sizing: border-box;
}
.eight_mt {
  width: 6.16rem; height: 1.88rem; margin: 0 auto; padding: 0 0 .1rem;text-align: center; position: relative;
}
.eight_mt a img{
  width: 2.31rem; height: 1.36rem; display: block;
}
.eight_mt2 {
  margin: 0 auto;
}
.eight_mtp {
  width: 1.09rem; height: 1.91rem; background: url(../images/list_tit_bg.png)no-repeat top center / 100%;position: absolute;z-index: 2;top: .08rem;left: 0;
}
.eight_mtp span {
  font-size: .32rem; color: #ea3000; font-weight: bold; text-shadow: .01rem .01rem 0 #fff4ba; line-height: 0.36rem; margin-left: -0.05rem; padding-top: 0.12rem; display: block; 
}
.eight_mta {
  display: block;width: 2.31rem;float: right; margin-right: 0.16rem; margin-top: 0.45rem; font-size: 1.1em;color: #fff;line-height: 2em;border-radius: 1em;
}
.eight_mta span {
  display: block;width: 2.14rem; height: 0.54rem; line-height: 0.54rem; font-size: .22rem; margin: -.35rem auto 0; background: #ffcd46; background: linear-gradient(to bottom, #ffcd46, #f79379); border-radius: .26rem; color: #fff; text-align: center;font-weight: bold; position: relative;
}
.eight_mta2 {
  display: block;width: 2.31rem;float: right; margin-top: 0.45rem; font-size: 1.1em;color: #fff;line-height: 2em; margin-right: 0.1rem; border-radius: 1em;
}
.eight_mta2 img {
  display: block;width: 65%;margin: 0 auto;
}
.eight_mta2 span {
  display: block;width: 2.14rem; height: 0.54rem; line-height: 0.54rem; font-size: .22rem; margin: -.46rem auto 0; background: #ffcd46; background: linear-gradient(to bottom, #ffcd46, #f79379); border-radius: .26rem; color: #fff; text-align: center;font-weight: bold; position: relative;
}
.eight_mc {
  width: 100%;margin: 0 auto;border-radius:.2rem; padding-top: .26rem; margin-top: -0.01rem; display: none;
  background: #e3d0ff;
  background: -webkit-linear-gradient(bottom, #fffcf7 , #e3d0ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #fffcf7, #e3d0ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #fffcf7, #e3d0ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #fffcf7 , #e3d0ff); /* 标准的语法 */
}
.eight_mc.act {
  display: block;
}
.eight_mc ul{
  display: flex; flex-wrap: wrap
}
.eight_mc ul li {
  width: 1.8rem; height: 0.62rem; line-height: 0.62rem; margin: 0 .09rem .26rem;
}
.eight_mc ul li span {
  display: block; width: 100%; border: .01rem solid #aa6cff; border-radius: .3rem; font-size: .24rem; background: #fff; color: #aa6cff; text-align: center;
}
.eight_mc ul li span::after{
  content: ''; width: 0.22rem; height: 0.22rem; background: url(../images/eight_003.png) no-repeat center / 100%; display: inline-block; margin-left: 0.09rem; position: relative; top: 0.02rem;
}

/* 弹窗 */
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.popup {width: 80%; background: #fff; z-index: 9; border-radius: .22rem; position: fixed; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.popup .close {display: block; width: .5rem; position: absolute; top: -.65rem; right: 0; cursor: pointer;}
.popup h3 {width: 100%; height: 1.34rem; line-height: 1.34rem; text-align: center; background:url(../images/popup_tbg.png) no-repeat center / 100% 100%; font-size: .48rem; color: #fff;font-weight: bold; border-radius: 9px 9px 0 0; letter-spacing: .02rem;}
.popup h3 span{background-image: -webkit-linear-gradient(top,#ffffff,#eee2ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
.popup-m {width: 100%; margin: 0 auto; padding: .4rem .45rem; box-sizing: border-box; text-align: center;}
.popup-m h4 {font-size: .24rem; color: #8829ff; font-weight: bold; margin-bottom: 0.1rem;}
.popup-m h4 i{width: 0.24rem; height: 0.24rem; line-height: 0.24rem; background: #8829ff; border-radius: 50%; font-size: .24rem; color: #fff; font-style: normal; text-align: center; margin-right: 0.1rem; display: inline-block; vertical-align: middle;}
.popup-list{ margin-bottom: 0.2rem; text-align: left;}
.popup-list p{width: 90%; margin: 0 auto; font-size: .24rem; color: #333333; line-height: 0.32rem;}
.popup-list p span{color: #8829ff;}
.popup-p{text-align: center; line-height: 0.36rem; font-size: .24rem; color: #333; line-height: 0.36rem;}
.popup-p span{color: #8829ff; font-weight: bold;}
.popup-p2{font-size: .3rem; line-height: 0.44rem; margin-top: -1.1rem; margin-bottom: 0.1rem;}
.popup-p2 span{color: #8829ff; font-weight: bold;}
.popup-img{width: 50%; margin-bottom: 0.4rem;}
.popup-img2{width: 3.13rem; margin-top: -0.7rem;}
.grayBg h3{ background: url(../images/popup_tbg_gray.png) no-repeat center / 100%;}
.grayBg h3 span{background: none; -webkit-text-fill-color: currentColor; color: #fff;}
.popBtn{width: 4.71rem; height: 1.15rem; line-height: .95rem; background:url(../images/popup_btn_bg.png) no-repeat top center / 100%; color: #fff; font-weight: bold; text-align: center; letter-spacing: .02rem; display: block; margin: 0 auto;}
.popBtn span{font-size: .4rem; font-weight: bold; letter-spacing: .03rem;
  background-image: -webkit-linear-gradient(top,#d11f02,#fb4d00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}

/* 点击loading */
.loadingbox{width: 20%; height: 1.8rem; display: block;  text-align: center; position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.loadingbox img{width: 100%; height: auto; display: block;}

#hold .popup-m{padding: .4rem 0;}

.share {width: 100%; max-width: 750px; position: fixed; left: 0; top: .6rem; z-index: 9;}
.share .close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.share .share_img {width: 100%; margin: 0 auto;}
.share .share_img img {width: 68%; height: auto;}

/* pc版打开遮罩 */
.fix-bg{width:100%; height: 100%; background: rgba(0,0,0,0); position: fixed; top: 0; left: 0; display: none; z-index: 9; text-align: center;}

@keyframes dx{
	0%{transform: scale(1);}
	100%{transform: scale(.8);}
}
@media only screen and (min-width:990px) {
html {max-width: 750px;margin: 0 auto;}
body {font-size: 18px;}
.popup {width: 520px;}
.one_li2 {margin: 6% 1.5% 0;}
.ban_a3 {width: 26%;}
.km-btn-box {
	max-width: 750px;left: 50%;margin-left: -375px;
}
}