@charset "utf-8";
/* CSS Document */
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; background:#fff; 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; display: block; max-width: 100%; height: auto; margin: 0 auto;}
ul,li{list-style:none;}
*{padding:0;margin:0;}
table{border-collapse:collapse;}
.wrap{ width:90%; height:auto; margin: 0 auto; position: relative;}

input::-webkit-input-placeholder {color: #808080;}
input::-moz-placeholder {color: #808080;}
input:-moz-placeholder {color: #808080;}
input:-ms-input-placeholder {color: #808080;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}

.left{float: left;}
.right{float: right;}

.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.7rem; top: 0.6rem; width: 26%;
}
.banner .ban-logo img{
	width: 100%;
}
.actRules{
	position: absolute; right: .64rem; top: 0; font-size: 0;
}
.zudui-actRules{
	position: absolute; right: .22rem; top: 0; font-size: 0;
}
.actRules a{
	width: 1.2rem; height: .86rem; line-height: .32rem; background: #ffffff4d; border-radius: 0 0 .15rem .15rem; font-size: .26rem; color: #fff; text-align: center; display: inline-block; vertical-align: top; padding-top: 0.1rem; box-sizing: border-box;
}
.actRules a:nth-child(1){
	margin-right: 0.3rem;
}
.actRules a:nth-child(3){
	margin-left: 0.3rem;
}

/* sec01 */
.sec01 img{
	width: 100%;
}

/* sec02 */
.sec02{
	height: 4rem;
}
.sec02-btn{
	height: 1.1rem;
}
.sec02 a.homeBtn{
	width: 4.4rem; height: 0.76rem; line-height: 0.76rem; background: #ff593f; background: linear-gradient(to bottom, #ff593f , #df3d2c); border-radius: .38rem; font-size: .3rem; color: #fff; text-align: center; display:block; position: relative; box-shadow: 0 .06rem 0 #ffc2ad; margin: 0 auto;
}
.sec02 a.homeBtn i{
	width: 0.93rem; height: 0.95rem; background: url(../images/hand.png) no-repeat center / 100% 100%; position: absolute; top: 0.1rem; right: .22rem; animation: home-icon 1.2s ease-in-out infinite;
}
.sec02 a.buy{
	color: #fff; text-shadow: 0 2px 0 #838383; background: url(../images/home_end_btn_bg.png) no-repeat top center / 100%;
}
.sec02 .tips{
	width: 5.4rem; font-size: .22rem; color: #666666; line-height: 0.28rem; text-align: center; margin: 0 auto;
}
.sec02 a.homeBtn{
	display: none;
}
.sec02 a.buy{
	width: 4.4rem; height: 0.76rem; line-height: 0.76rem; background: #7593ec; background: linear-gradient(to bottom, #7593ec , #426ae4); border-radius: .38rem; font-size: .3rem; color: #fff; text-align: center; display:block; position: relative; box-shadow: 0 .06rem 0 #b4c6ed; margin: 0 auto; margin-top: 0.2rem;
}
.sec02 a.actEnd{
	background: #adadad; background: linear-gradient(to bottom, #cbcaca , #adadad);  box-shadow: 0 .06rem 0 #adadad;
}

@keyframes home-icon {
    0%{
        transform: scale(0.9);
    }
    50%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(0.9);
    }
}

/* 助力页面 */
.sec03{
	background: url(../images/zudui_mbg.jpg) no-repeat top center / 100% 100%; padding-top: 0.52rem; margin-bottom: 0.4rem;
}
.sec03 .wrap{
	width: 94%;
}
.sec03-list{
	width: 88%; margin: 0 auto; background: #ffffff; background: linear-gradient(to bottom, #ffffff , #d9f8ff); border-radius: .1rem; box-shadow: 0 .03rem .06rem #1452eb33; padding-bottom: 0.25rem;
}
.sec03-list h3{
	width: 0.8rem; height: 1.86rem; line-height: 0.35rem; background: #ff5a37; background: linear-gradient(to bottom, #ff5a37 , #ff8439); font-size: .32rem; color: #fff; text-align: center; border-radius: 0 .25rem .25rem 0; padding-top: 0.12rem; box-sizing: border-box; margin-top: 0.4rem; display: inline-block; vertical-align: top;
}
.sec03-list div.ty-list{
	margin-top: 0.5rem; display: inline-block; vertical-align: top;
}
.sec03-list div ul{
	background: url(../images/add.png) no-repeat top 50% left 50%; background-size: .66rem; text-align: center;
}
.sec03-list div ul li{
	display: inline-block; vertical-align: top; width: 1.16rem;  margin: 0 .66rem .2rem;
}
.sec03-list div.ty-list p{
	font-size: .24rem; color: #333; text-align: center;
}
.sec03-list div.ty-list p span{
	color: #f0452c;
}
.sec03-a{
	position: relative; width: 5.36rem; margin: 0 auto; margin-top: 0.4rem;
}
.sec03-a img{
	position: absolute; right: 1%; top: 24%; width: 18%; animation: click .5s infinite ease-in-out alternate;
}
.sec03-a a{
	display: block; width: 100%; height: .94rem; line-height: 0.94rem;  background: #ff5a3f; background: linear-gradient(to bottom, #ff5a3f , #df3d2c); border-radius: .46rem; font-size: .36rem; color: #fff; text-align: center; box-shadow: 0 .07rem 0 #f4bcac;
}
.sec03-a a span{
	color: #fff073;
}
.sec03-a a.zdBtn{
	display: none;
}

/* sec04 */
.sec04{
	background: url(../images/s4_bg.jpg) no-repeat top center / 100% 100%;
}
.sec04 img{
	width: 86%;
}

/* 弹窗 */
.zhezhao {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 8; display: none;}
.popup {width: 86%; 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%);display: none;}
.popup .close {display: block; width: .5rem; position: absolute; top: -.65rem; right: 0;}
.popup h3{width: 100%; height: 1.32rem; line-height: 1.32rem; text-align: center; background:url(../images/tc_blue_btn.png) no-repeat center / 100%; font-size: .48rem; color: #fff; font-weight: bold; border-radius: .22rem .22rem 0 0 ;}
.popup_m {width: 86%; margin: 0 auto; padding: .38rem .36rem .7rem;}
.popup_mp {width: 90%;margin: .1rem auto;}
.popup_mp2 {width: 100%;margin: 0 auto;font-size: .2rem;color: #333;line-height: .38rem;}
.popup_mp2 span {color: #de0101;}
.popup_mp3{font-size: .3rem; color: #333; text-align: center; line-height: 0.42rem;}
.popup_mp3 span{ color: #d01818;}
.popup_mp4{width: 4.9rem; margin: 0 auto; font-size: .24rem; color: #333; text-align: left; line-height: 0.4rem;}
.popup_mp4 span{ color: #d01818;}
.popup_mimg{width: 2.4rem; margin: 0 auto; margin-top: 0.26rem;}
.popup_mimg2{width: 30%; margin: 0 auto; margin-bottom: 0.25rem; margin-top: 0.3rem;}
.popup_mimg3{width: 60%; margin: 0 auto;}
.popup_mimg4{width: 60%; margin: .35rem auto 0;}
.popup_mimg5{width: 50%; margin: .35rem auto 0;}
.popup a.tcBtn{width: 3.8rem; height: 0.68rem; line-height: 0.68rem; background: #ff7a47; background: linear-gradient(to right, #ff7a47 , #f85e3a); border-radius: .34rem; box-shadow: 0 .04rem 0 #fed4c6; display: block; margin: 0 auto; font-size: .3rem; color: #fff; font-weight: bold; text-align: center; margin-top: 0.3rem;}

/* 灰弹窗 */
.gray-bg h3{ background:url(../images/tc_gray_btn.png) no-repeat center / 100%;}

/* 活动说明 */
#actRules .popup_m{padding: .36rem 0; width: 100%;}
#actRules .popup_m h4{width: 2.34rem; height: 0.6rem; line-height: 0.6rem; background: #4668ff; border-radius: 0 .32rem .32rem 0; font-size: .28rem; color: #fff; font-weight: bold; text-align: center;}

/* 分享 */
.share {width: 100%; max-width: 750px; display: none; position: fixed; left: 0; top: 3%; z-index: 9;}
.share .close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.share .share_img {width: 80%; margin-left: 10%;}
.share .share_img img {width: 100%; height: auto;}

/* 助力成功 */
#giveSuccess .popup_mimg3{width: 48%;}

/* 选择科目 */
#select .popup_m{width: 5.9rem; box-sizing: border-box;}
#select .popup_mp4{margin-bottom: 0.3rem;}
#select span.km{width: 2.46rem; height: 0.6rem; line-height: 0.6rem; background: #488dff; background: linear-gradient(to bottom, #488dff , #3a64e4); border-radius: .05rem; box-sizing: border-box; font-size: .3rem; color: #fff; display: inline-block; text-align: center; margin: .1rem .06rem; font-weight: 600;}
#select span.km.on{ background: #f09378; background: linear-gradient(to bottom, #ffcdbf , #e9633b); color: #fff;}
#select .newClub{margin-top: 0.4rem; margin-bottom: 0.18rem;}

/* 确认选课 */
#sureSelect .popup_m{width: 92%; text-align: center; box-sizing: border-box; padding: .36rem 0;}
#sureSelect .kmSure{width: 4.32rem; height: 1.05rem; line-height: 1.05rem; background: #6da4ff; background: linear-gradient(to bottom, #6da4ff , #3a64e3); border-radius: .2rem; box-sizing: border-box; font-size: .52rem; color: #fff; display: block; text-align: center; margin: 0 auto;}
#sureSelect .surePubA{width: 2.4rem; height: .68rem; line-height: 0.68rem; background: #ff7a47; background: linear-gradient(to right, #ff7a47 , #f85e3a); border-radius: .34rem; font-size: .3rem; color: #fff; font-weight: 600; display: inline-block; text-align: center; margin: 0 .1rem; margin-top: 0.48rem; box-shadow: 0 .04rem 0 #ffd5c7;}
#sureSelect .close02{ background: #bfbfbf; box-shadow: none;}

/* 资料 */
.main{ padding: .8rem 0;background: url(../images/logo1.jpg) repeat center / 60%;}
.main-box{width: 94%; margin: 0 auto; padding-top: 0.55rem;}
.list-main{background: url(../images/list_bg.jpg) no-repeat top center / 100% 100%; height: 70vh; box-sizing: border-box; padding: .4rem 0; box-sizing: border-box;}
.list-main .main-box{background: url(../images/list_mbg.png) no-repeat top center / 100% 100%; height: 7rem;}
.list-main .main-box ul li{width: 76%; height: 0.7rem; line-height: 0.7rem; margin: 0 auto;margin-bottom: 0.26rem; box-sizing: border-box; position: relative; background: #fff5f3; background: linear-gradient(to right, #fff5f3 , #fff0df, #fff5f3); border: .01rem solid #fff; border-radius: .14rem;}
.list-main .main-box ul li i{width: 0.51rem; height: 0.51rem; line-height: 0.42rem; background: url(../images/list_ibg.png) no-repeat top center / 100% 100%; display: inline-block; vertical-align: top; margin-right: 0.06rem; font-size: .24rem; color: #c53d10; font-style: normal; margin-top: 0.13rem; margin-left: 0.09rem;}
.list-main .main-box ul li span{font-size: .24rem; color: #593404; font-weight: 700; display: inline-block;  vertical-align: top;}
.list-main .main-box ul li a{width: 1.96rem; height: 0.88rem; line-height: 0.7rem; background: url(../images/list_btn_bg.png) no-repeat top center / 100% 100%; font-size: .28rem; color: #fff; position: absolute; right: -.1rem; top: -.07rem; text-align: center;}
.list-main .main-box ul li a span{
	font-size: .36rem; color: #fff; letter-spacing: .04rem; font-weight: bold;
	background-image: -webkit-linear-gradient(top,#ffffff,#fcffd4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.main h1{text-align: center; font-size: .36rem; padding: 0.1rem 0;}
.main h2{text-align: center; font-size: .36rem; padding: 0.1rem 0;}
.main h3{font-size: .28rem; padding: .2rem 0;}
.main p{width: 100%;font-size: .28rem;color: #333;line-height: 0.5rem;text-align: justify;}
.main table{border-collapse: collapse; width: 100%;}
.main table td{border: 1px solid #333; padding: .1rem;font-size: .28rem; line-height: 0.5rem;}
.main table td p{ text-align: center;}
.main ul li{font-size: .28rem; font-weight: bold; line-height: 0.4rem;}
.center{text-align: center !important;}
.xq-box{
	margin-bottom: 0.4rem;
}
.xq-box img{
	width: 45%;
}
.main .xq-box p{
	text-align: center !important; line-height: .4rem; background: #FFEB3B;width: 68%; margin: 0 auto; margin-top: 0.05rem;
}

.addDx{animation: dx .6s infinite ease-in-out alternate;}
.main a.back{font-size: .3rem; color: #fff;margin-bottom: 0.2rem; margin-left: 4%; display: inline-block; background: #ff8762; border-radius: .08rem; padding: 0 .05rem;}
.main a.back img{width: 12%; display: inline-block; vertical-align: middle; margin-right: 0.08rem;}
.main a.back span{ display: inline-block; vertical-align: middle;}
.detail-m{padding-top: 0.6rem;}

/* 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;}
.pc-box{width: 606px; height: auto; text-align: center; background:#fff; 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%);
	-webkit-border-radius: .35rem;
	-moz-border-radius: .35rem;
	border-radius: .35rem;
}
.pc-box font{font: bold .4rem/1.2rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1.2rem; position: relative;background: #fe6d45; border-radius: 0.35rem .35rem 0 0;}
.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box .pic img{width: 2.4rem;display: inline-block; margin:60px auto auto;}
.pc-box p{width: 90%; font: 26px/48px "microsoft yahei";color: #333;float: left; margin: 17px 5% 0.6rem;}
.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .45rem; height: .45rem; cursor: pointer;}
.pc-box a img{width: 100%;}
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}

@keyframes dx{
	0%{transform: scale(1.05);}
	100%{transform: scale(1);}
}
@keyframes click{
	0%{transform: scale(1.2);}
	100%{transform: scale(1);}
}
@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%;}
.three {max-width: 750px;left: 50%;margin-left: -375px;}
}