/*页面通用部分*/
.wrap{width: 100%;overflow: hidden;}

/*ban开始*/
.ban{position: relative;height: 6rem;overflow: hidden;}
.ban .btn_video{position: absolute;bottom: .5rem;left: 50%;margin-left:-2rem;font-weight: normal;width: 4rem;}
.ban .btn_video i{width: .42rem;height: .42rem;background: url(/2020phone/images/classify/img_icons.png) no-repeat 0 -.32rem;background-size: 238.09%;display: inline-block;position: relative;left: 0;top: .12rem;}

.ban.cur{height: 3.94rem;overflow: hidden;}
.ban.cur .btn_video{display: none;}
.ban.cur img{margin-top: -.8rem;}

.banbot{background: #f9f9f9;border-bottom: .04rem solid #ececec;padding: .4rem 0;}
body .pfdiv{
	display: none;
	position: fixed;
	width: 1.49rem !important;
	height: 1.33rem;
	right: 0;
	top: 40%;
	background: url("http://www.itcast.cn/images/hd20191024cz.png") no-repeat 0 0;
	background-size: 100%;
	z-index: 100;
	content: "";
}
.banbot h2{font-size: .34rem;font-weight: bold;color: #272727;padding-left: .15rem;}
.banbot p{font-size: .25rem;color: #9b9b9b;padding: .1rem .15rem 0 .2rem;line-height: .4rem;}
/*学员专享权益*/
.xyqy{padding: .3rem 0 ;position: relative;}
.xyqy ul{overflow: hidden;margin-left: 1.5rem;}
.xyqy li{width: 2.95rem;float: left;height: .4rem;font-size: .25rem;color: #9b9b9b;line-height: .4rem;margin-bottom: .1rem;}
.xyqy li:first-child p{font-size: .24rem;background: #1069f3;height: .4rem;line-height: .4rem;color: #fff;text-align: center;border-radius: .2rem .2rem 0 .2rem;}
.xyqy li i{width: .27rem;height: .27rem;display:block;background: url(/2020phone/images/classify/img_icons.png) no-repeat 0 0;background-size: 370%;float: left;margin: .08rem .1rem 0 0;}
.xyqy p{background: #1069f3;width: .9rem;height: 1.3rem;border-radius: .3rem 0 .3rem 0;font-size: .3rem;color: #fff;text-align: center;padding-top: .2rem;position: absolute;top: .4rem;left: .3rem;}

.tab_box .tablist{height: 1rem;}
.tab_box .tab_top{position: relative;overflow: hidden;box-shadow:0 0 .3rem rgba(101,113,176,.21) ;padding-left: .4rem;background: #fff;width: 105%;}
.tab_box .tab_top>div,
.tab_box .tab_top>p{font-size: .3rem;color: #545454;padding: .3rem 0 .25rem;float: left;width: 1.35rem;text-align: center;margin-right: .35rem;}
.tab_box .tab_top>div.tab_on{font-size:.3rem;font-weight: bold;border-bottom:.05rem solid #216df4;}
.tab_box .tab_top>div i{float: right;width: .29rem;height: .2rem;background: url(/2020phone/images/classify/img_icons.png) no-repeat -.32rem 0;background-size: 345%;display: block;margin-top: .12rem;}
.tab_box .tab_top>div:nth-child(2){width: 1.55rem;text-align: left;}
.tab_box .tab_btm>div{width: 100%;height: 0;overflow: hidden;}
.tab_box .tab_btm>div.tab_show{height: auto;}
.tab_top.fixed{position: fixed;top: 0;left: 0;z-index: 99;}
/*课程介绍部分*/
.js_hd{text-align: center;font-size:0;padding: .6rem 0 .5rem;}
.js_hd h2{font-size: .44rem;font-weight: bold;color: #272727;text-align: center;display: inline-block;}
.js_hd h2 span{display: block;width: 104%;height: .14rem;background: #cddcf9;margin-top: -.1rem;margin-left: -.1rem;}
.a_btn{font-size: .32rem;color: #fff;font-weight: bold;text-align: center;background: #ff6600;width: 3.7rem;height: .8rem;line-height: .8rem;margin: .5rem auto;border-radius: .8rem;display: block;box-shadow:0 .15rem .3rem rgba(255,102,0,.2) ;}
/*js_box1开始*/
.js_box1 {padding-bottom: .8rem;}
.js_box1 ul{overflow: hidden;width: 6.9rem;margin: 0 auto;}
.js_box1 ul li{width: 2.3rem;float: left;}
.js_box1 ul li img{width: .9rem;margin: 0 auto .24rem;}
.js_box1 ul li p{font-size: .24rem;color: #9a9a9a;text-align: center;}
.js_box1 ul li p b{font-size: .32rem;color: #0a0f35;display: block;font-weight: normal;padding-top: .05rem;}
/*js_box2开始*/
.js_box2{background: #f2f2f2;padding-bottom: .8rem;}
.js_box2 .main{width: 6.9rem;margin: 0 auto;background: #fff;box-shadow:0 0 .5rem rgba(158,167,213,.25) ;border-radius: .3rem;padding: .6rem .4rem .5rem .5rem ;box-sizing: border-box;overflow: hidden;}
.js_box2 .main .m_con{overflow: hidden;width: 5.8rem;}								
.js_box2 .main .m_con b{width: .71rem;height: .71rem;background: #1069f3;border-radius: 50%;display: block;float: left;font-size: .4rem;text-align: center;line-height: .71rem;letter-spacing: -.02rem;color: #baccfa;margin-left: .1rem;position: relative;z-index: 9;}
.js_box2 .main .fr_con{margin-bottom: .26rem;float: left;width: 4.6rem;margin-left: .25rem;}
.js_box2 .main .fr_con p{font-size: .32rem;color: #424242;}
.js_box2 .main .fr_con span{font-size: .24rem;color: #9a9a9a;display: block; margin-top: .05rem;}
.js_box2 .main .line{border-left: 1px solid #daefff;position: absolute;height: 5.2rem;top: .75rem;left: .95rem;}
/*js_box3开始*/
.js_box3{padding-bottom: .8rem;}
.js_box3 ul{margin-left: .16rem;overflow: hidden;}
.js_box3 ul li{width: 3.25rem;float: left;margin-left: .22rem;margin-bottom: .2rem;}
.js_box3 ul li img{width: 1.83rem;margin: 0 auto;}
.js_box3 .con{background: #f2f2f2;border-radius: .2rem;padding: .8rem 0 .3rem;margin-top: -.85rem;}
.js_box3 .con p{font-size: .32rem;color: #272727;text-align: center;}
.js_box3 .con span{font-size: .24rem;text-align: center;line-height: .32rem;display: block;color: #9a9a9a;margin-top: .15rem;}
/*js_box4开始*/
.js_box4{background: #0b0c7b;padding-bottom: .4rem;}
.js_box4 .js_hd h2,.js_box7 .js_hd h2{color: #fff}
.js_box4 .boxjytd_hd,.js_box7 .boxjytd_hd,.js_box12 .boxjytd_hd{color: #fff}
.js_box4 .boxjytd_hd span,.js_box7 .boxjytd_hd span,.js_box12 .boxjytd_hd span{box-shadow: 0 0.42rem 0 #464ba1;}
.js_box4 .main{height: 8.3rem;background: url(/2020phone/images/classify/jsbox4_bgs.jpg) no-repeat 0 0;background-size: 100%;overflow: hidden;}
.js_box4 .main .con{margin: .15rem 0 0 4.15rem;}
.js_box4 .main .con p{font-size: .28rem;font-weight: bold;color: #fff;}
.js_box4 .main .con span{font-size: .24rem;color: #f6f6f6;line-height: .32rem;display: block;margin-top: .05rem;}
.js_box4 .main .con:nth-child(2){margin: .4rem 0 0 3.55rem;}
.js_box4 .main .con:nth-child(3){margin: .45rem 0 0 2.9rem;}
.js_box4 .main .con:nth-child(4){margin: .44rem 0 0 2.4rem;}
.js_box4 .main .con:nth-child(5){margin: .4rem 0 0 1.8rem;}
.js_box4 .main .con:nth-child(6){margin: .42rem 0 0 .6rem;}
/*js_box5开始*/
.js_box5 ul{width: 6.9rem;margin: 0 auto;}
.js_box5 ul li{background: #f2f2f2;overflow: hidden;margin-bottom: .15rem;padding: .13rem 0;border-radius: .13rem;}
.js_box5 ul li .fl{width: 1.25rem;float: left;background: #efefff;height: .86rem;border-radius:0 .4rem 0 0 ;overflow: hidden;}
.js_box5 ul li .fr{width: 5.25rem;float: right;}
.js_box5 ul li .fl i{width: .68rem;height: .63rem;display: block;background: url(/2020phone/images/classify/img_icons.png) no-repeat 0 -1.03rem;background-size: 147%;margin-top: .12rem;margin-left:.3rem ;}
.js_box5 ul li .fr p{font-size: .32rem;color: #000000;padding: .05rem 0 0;}
.js_box5 ul li .fr span{font-size: .24rem;color: #9a9a9a;display: block;}
.js_box5 ul li.jsbox5pic2 .fl{background: #d9e8ff;}
.js_box5 ul li.jsbox5pic2 .fl i{background-position-y: -1.71rem;}
.js_box5 ul li.jsbox5pic3 .fl{background: #d4ede4;}
.js_box5 ul li.jsbox5pic3 .fl i{background-position-y: -2.4rem;}
.js_box5 ul li.jsbox5pic4 .fl{background: #ffe3d6;}
.js_box5 ul li.jsbox5pic4 .fl i{background-position-y: -3.07rem;}
.js_box5 ul li.jsbox5pic5 .fl{background: #e0e6fe;}
.js_box5 ul li.jsbox5pic5 .fl i{background-position-y: -3.75rem;}
.js_box5 ul li.jsbox5pic6 .fl{background: #f7e2e4;}
.js_box5 ul li.jsbox5pic6 .fl i{background-position-y: -4.42rem;}
.js_box5 ul li.jsbox5pic7 .fl{background: #e0e6fe;}
.js_box5 ul li.jsbox5pic7 .fl i{background-position-y: -5.52rem;}
/*js_box6开始*/
.js_box6{padding-bottom: .4rem;}
.js_box6 .con{position: relative;}
.js_box6 .con .fl{width: 3.3rem;position: absolute;top: 0;left: .3rem;}
.js_box6 .con .fr{width: 3.3rem;position: absolute;top: 0;left:3.9rem;}
.js_box6 .con p{font-size: .32rem;color: #fff;height: .76rem;text-align: center;line-height: .76rem;}
.js_box6 .con span{font-size: .26rem;line-height: .34rem;text-align: center;color: #777777;display: block;margin-top: .35rem;}
/*js_box7开始*/
.js_box7{background:#0b0c7b url(/2020phone/images/classify/jsbox7_bg1.jpg) no-repeat 0 top;background-size: 100%;}
.js_box7 .js_hd{padding-top: .7rem;}
.js_box7 .js_hd h2 span{width: 80%;margin-left: 10%;}
.js_box7 .main{width: 6.9rem;margin: 0 auto;background: url(/2020phone/images/classify/jsbox7_img2.jpg) no-repeat 0 bottom;padding-bottom: .8rem;background-size: 100%;}
.js_box7 .swiper-container{padding-bottom:1rem;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{font-size: 0;}
.js_box7 .swiper-pagination-bullet{border: 2px solid #3b3cc6;background: none;opacity: 1;}
.js_box7 .swiper-pagination-bullet-active{border: 2px solid #ff6600;background: #ff6600;}
.js_box7 .swiper-slide{}
.js_box7 .swiper-slide .top{padding: .25rem .2rem .4rem .4rem;overflow: hidden;background: #0066e4;border-radius: .2rem .2rem 0 0;}
.js_box7 .swiper-slide .top h3{font-size: .36rem;color: #ffffff;font-weight: bold;float: left;width: 5.3rem;padding-top: .1rem;}
.js_box7 .swiper-slide .top span{float: right;font-size: .66rem;font-weight: bold;line-height: .66rem; background-image:-webkit-linear-gradient(bottom,#0066e4,#0e7aff,#0e7aff);
 -webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.js_box7 .swiper-slide .btm{background: #fff;border-radius: .2rem;padding-bottom: 1rem;margin-top: -.1rem;}
.js_box7 .btm .con_box{overflow: hidden;padding: .5rem 0 .4rem .2rem;}
.js_box7 .btm .con_box .con{float: left;width: 1.3rem;}
.js_box7 .btm .con_box .con p{font-size: .24rem;color: #a5a5a5;text-align: center;border-right: 1px solid #efefef;}
.js_box7 .btm .con_box .con span{font-size: .42rem;color: #252525;}
.js_box7 .btm .con_box .con b{font-size: .24rem;font-weight: normal;color: #9a9a9a;text-align: center;display: block;}
.js_box7 .btm .con_box .con:last-child p{border: none;}
.js_box7 .btm .span1{font-size: .28rem;color: #fff;background: #0f6dff;padding: .05rem 0;border-radius: .2rem;display: block;width: 1.6rem;text-align: center;margin-left: .3rem;}
.js_box7 .btm .p1{font-size: .24rem;line-height: .4rem;color: #777777;padding: .2rem .3rem;}
.js_box7 .a_btn{margin: -.5rem auto 0;}
.xm_mask,.video_mask{position: fixed;top: 0;left: 0;background: rgb(0,0,0,.7);width: 100%;height: 100%;z-index: 999;display: none;}
.xm_mask .main,.video_mask .main{width: 4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.xm_mask .ewm{border: 4px solid #fff;}
.xm_mask .mask_close,.video_mask .mask_close{width: .56rem;margin: .5rem auto;}
.video_mask .main{width: 6.9rem;}
.video_mask .con_vid video{border-radius: .15rem;}
/*js_box8开始*/
.js_box8{padding-bottom: .5rem;}
.js_box8 ul{overflow: hidden;padding-left: .15rem;}
.js_box8 ul li{width: 3.3rem;float: left;background: #fff;border-radius: .25rem;box-shadow:0 0 .3rem rgba(97,133,214,.34) ;margin: .34rem .15rem .05rem;padding-bottom: .5rem;}
.js_box8 ul li img{width: 2.42rem;margin: .35rem auto .27rem;}
.js_box8 ul li p{font-size: .24rem;line-height: .34rem;color: #777777;text-align: center;}
.js_box8 ul li:last-child{width: 6.9rem;box-sizing: border-box;padding: .2rem .58rem;margin-bottom: .4rem;}
.js_box8 ul li:last-child img{float: left;width: 2.01rem;margin: 0;}
.js_box8 ul li:last-child p{float: left;text-align: left;padding: .3rem 0 0 .4rem;}
/*js_box9开始*/
.js_box9{padding-bottom: .8rem;background: #eeeeee;}
.js_box9 .main{width: 6.9rem;margin: 0 auto;}
.js_box9 .main .btm{position: relative;}
.js_box9 .main .con{position: absolute;top:.1rem;left:.39rem;width: 6.15rem;}
.js_box9 .main .con .fl{width: 2.86rem;float: left;}
.js_box9 .main .con .fr{width: 2.86rem;float: right;}
.js_box9 .main .con p{font-size: .28rem;color: #323232;line-height: .35rem;text-align: center;padding: .2rem 0;margin-bottom: .46rem;}

/*js_box10开始*/
.js_box10{padding-bottom: .2rem;}
.js_box10 ul{margin-bottom: .7rem;}
.js_box10 li{position: relative;width: 6.9rem;margin-bottom: .3rem;overflow: hidden;margin-left: .3rem;}
.js_box10 .con{background: #f2f2f2;border-radius: .2rem;border-bottom:.07rem solid #cce0fa ;margin: .38rem auto 0;padding: .35rem .45rem;}
.js_box10 .con p{font-size: .32rem;color: #272727;width: 2.7rem;height: .44rem;line-height: .44rem;}
.js_box10 .con p span{float: right;font-size: .22rem;color: #fff;background: #0066e4;border-radius: .25rem;padding: 0 .2rem; height: .44rem;}
.js_box10 .con b{width: 4rem;font-size: .24rem;color: #6c6c6c;display: block;padding-top: .15rem;font-weight: normal;}
.js_box10 li img{width: 1.66rem;}
.js_box10 li .img_box{position: absolute;top: 0;right: .4rem;width: 1.66rem;border-radius: .1rem;height: 2.07rem;overflow: hidden;}
.js_box10 li:nth-child(2) .con{padding-left:2.4rem ;}
.js_box10 li:nth-child(2) .img_box{right: auto;left: .4rem;}
/*js_box11开始*/
.js_box11{background: #f2f2f2;padding-bottom: .4rem;}
.js_box11 .main{width: 6.9rem;background: #fff;box-shadow:0 0 .2rem rgba(183,183,183,.2) ;border-radius: .26rem;margin: 0 auto;padding-bottom: .76rem;}
.js_box11 .main .top{height: .7rem;border-bottom: 1px solid #efefef;overflow: hidden;}
.js_box11 .main .top i{width: .79rem;height: .19rem;display: block;background: url(/2020phone/images/classify/img_icons.png) no-repeat 0 -.79rem;background-size: 126.58%;margin: .25rem 0 0 .3rem;}
.js_box11 ul{margin-left: .09rem;}
.js_box11 ul li{margin-top: .4rem;overflow: hidden;}
.js_box11 ul li .fl{width: .91rem;float: left;margin:0 .25rem ;}
.js_box11 ul li .fr{width: 5.1rem;float: left;position: relative;}
.js_box11 ul li .fl_i{width: .91rem;height: .91rem;display: block;background: url(/2020phone/images/classify/jsbox11_img1.png) no-repeat 0 0 ;background-size:100% ;border-radius: 50%;box-shadow:0 .15rem .15rem rgba(183,183,183,.2) ;}
.js_box11 ul li span{font-size: .24rem;color: #acacac;text-align: center;display: block;margin-top: .1rem;}
.js_box11 ul li p{background: #7db1ff;padding: .22rem .28rem;border-radius: .15rem;font-size: .24rem;color: #fff;width: 4.9rem;box-sizing: border-box;margin-left: .15rem;}
/* .js_box11 ul li .fr_i{width: .15rem;height: .22rem;background: url(/2020phone/images/classify/jsbox11_img1.png) no-repeat 0 -3.84rem;background-size: 606.67%;display: block;position: absolute;top: .35rem;left: .01rem;} */
.js_box11 ul li .fr_i{position: absolute;top: .35rem;left: .01rem;width: 0;border-style: solid;border-width: .11rem .15rem .11rem 0;border-color: transparent #7db1ff transparent transparent;}
.js_box11 ul li.even .fr{width: .91rem;float: left;margin-right: .2rem;}
.js_box11 ul li.even .fl{width: 5.1rem;float: left;position: relative;}
.js_box11 ul li.even .fr_i{left: auto;right:-.09rem;border-width: .11rem 0 .11rem .15rem;border-color: transparent transparent transparent #dff4fb;}
.js_box11 ul li.even p{background: #dff4fb;color: #525252;}
.js_box11 ul li:nth-child(2) .fl_i{background-position-y: -.97rem;}
.js_box11 ul li:nth-child(3) .fl_i{background-position-y: -1.88rem;}
.js_box11 ul li:nth-child(4) .fl_i{background-position-y: -2.84rem;}

.js_box12{background: #192392;padding-bottom: .8rem;}
.js_box12 ul li{
	width: 6.9rem;
	height: 1.72rem;
	border-radius: .12rem;
	background: #fff;
	margin: 0 auto .18rem;
}
.js_box12 ul li h3{
	height: .82rem;
	font-size: .25rem;
	color: #646464;
	padding-top: .26rem;
}
.js_box12 ul li h3 i{
	float: left;
	width: .56rem;
	height: .44rem;
	background: url("/2020phone/images/classify/img_icons.png") no-repeat 0 -6.63rem;
	background-size: 1rem;
	margin: 0 .16rem 0 .26rem;
}
.js_box12 ul li:nth-child(2) h3 i{background-position-y: -7.09rem;}
.js_box12 ul li:nth-child(3) h3 i{background-position-y: -7.55rem;}
.js_box12 ul li h3 span{
	font-size: .32rem;
	color: #000;
	margin-right: .17rem;
}
.js_box12 ul li p{
	font-size: .24rem;
	color: #9a9a9a;
	line-height: .35rem;
	padding-left: .36rem;
}
.js_box13 .main{width: 6.9rem;margin: 0 auto;}
.js_box13 .maintop{
	background: url("/2020phone/images/classify/jsbox13pic1.jpg") no-repeat center .72rem;
	background-size: .24rem;
	margin-top: .13rem;
}
.js_box13 .maintop p{
	float:left;
	width: 2.99rem;
	height: 1.79rem;
	font-size: .24rem;
	color: #676767;
	line-height: .36rem;
	border-radius: .1rem;
	background: #e3edff;
	padding: .22rem .24rem 0;
}
.js_box13 .maintop p span{color: #3c3c3c;}
.js_box13 .maintop p:nth-child(2){
	float: right;
	color: #fff;
	box-shadow: .05rem .14rem .4rem rgba(15,109,255,.32);
	background: #0f6dff;
}
.js_box13 ul{margin: .02rem 0 .05rem;}
.js_box13 ul li{
	width: 6.9rem;
	border-radius: .1rem;
	box-shadow: .02rem .07rem .16rem rgba(218,218,218,.8);
	background: #fff;
	margin: .41rem auto 0;
	padding-bottom: .12rem;
}
.js_box13 ul li .jsbox13p1{
	width: 1.06rem;
	height: .43rem;
	font-size: .24rem;
	color: #0f6dff;
	text-align: center;
	line-height: .43rem;
	border-radius: 0 0 .09rem .09rem;
	background: #f2f6ff;
	margin-left: .23rem;
}
.js_box13 ul li .jsbox13p2{
	font-size: .32rem;
	color: #414141;
	line-height: .4rem;
	padding: .15rem .35rem .15rem .29rem;
}
.js_box13 ul li .jsbox13p2 span{
	float: right;
	height: .4rem;
	font-size: .24rem;
	color: #fff;
	line-height: .4rem;
	border-radius: .2rem;
	background: #6d9fff;
	padding: 0 .14rem;
}
.js_box13 ul li .jsbox13p3{
	overflow: hidden;
	padding: 0 0 .16rem .3rem;
}
.js_box13 ul li .jsbox13p3 em{
	float: left;
	font-size: .24rem;
	color: #353535;
	text-shadow: none;
	height: .11rem;
	box-shadow: 0 .24rem 0 #ecf2ff;
	padding: 0 .04rem;
}
.js_box13 ul li .jsbox13p3 span{
	float: left;
	font-size: .24rem;
	color: #8d8d8d;
	margin-left: .12rem;
}
.js_box13 ul li .jsbox13p3 span i{color: #0f6dff;}

.dbxf{position: fixed;left: 0;bottom: 0;width: 100%;z-index: 10;}


.boxkcdg{font-size: 0;}
.boxkcdg .kcdgxf{
	position: fixed;
	left: 0;
	bottom: 1.25rem;
	display: none;
	width: 100%;
	height: .6rem;
	font-size: .28rem;
	color: #fff;
	text-align: center;
	line-height: .6rem;
	background: #0066e4;
	padding-left: .4rem;
	z-index: 9;
}
.boxkcdg .kcdgxf p{display: inline-block;}
.boxkcdg .kcdgxf em{
	float: left;
	max-width: 3.5rem;
	overflow: hidden;
	font-size: .32rem;
	font-weight: bold;
	font-style: inherit;
	margin-right: .05rem;
}
.boxkcdg .kcdgxf em span{display: none;}
.boxkcdg .kcdgbtn{
	position: fixed;
	right: 0;
	top: 45%;
	display: none;
	width: 2rem;
	height: .77rem;
	font-size: .28rem;
	color: #fff;
	text-align: center;
	line-height: .77rem;
	background: #0066e4;
	padding-left: .1rem;
	border-radius: .4rem 0 0 .4rem;
	box-shadow: 0 .02rem .24rem #5d8fff;
	z-index: 9;
}
.boxkcdg .kcdgzzjz{
	position: relative;
	display: none;
	width: 7rem;
	font-size: .26rem;
	color: #8e8e8e;
	text-align: center;
	height: .8rem;
	line-height: .5rem;
	margin-top: -.3rem;
}
.boxkcdg .kcdgzzjz img{
	position: absolute;
	width: .3rem;
	right: 2.55rem;
	top: .1rem;
	-webkit-animation: circle 1s linear infinite;
	-moz-animation: circle 1s linear infinite;
	-o-animation: circle 1s linear infinite;
	animation: circle 1s linear infinite;
}
@-webkit-keyframes circle {from {-webkit-transform: rotate(360deg);}to{-webkit-transform: rotate(0deg);}}
@-moz-keyframes circle {from {-moz-transform: rotate(360deg);}to{-moz-transform: rotate(0deg);}}
@-o-keyframes circle {from {-o-transform: rotate(360deg);}to{-o-transform: rotate(0deg);}}
@keyframes circle {from {transform: rotate(360deg);}to{transform: rotate(0deg);}}
.boxkcdg .box2 .jieduan{display: none;}
.boxkcdg .box2 .jieduan{
	position: fixed;
	width: 130px;
	height: auto;
	border: 1px solid #f2f3f7;
	background: #fafbff;
	border-radius: 20px;
	text-align: center;
	left: 50%;
	margin-left: -715px;
	top: 150px;
	z-index: 100;
	display: none;
	padding-bottom: 30px;
}
.boxkcdg .box2 .jieduan img{
	display: block;
	margin: 25px auto 0;
	cursor:pointer;
}
.boxkcdg .box2 .jieduan a{
	font-size: 14px;
	display: block;
	width: 108px;
	height: 40px;
	line-height: 40px;
	margin:0 auto;
	background: #fff;
	color: #636363;
	border-radius: 30px;
	border:1px solid #e9ebef;
	margin-top: 20px;
}
.boxkcdg .box2 .jieduan .spant{
	background: #3860f4;
	color: #fff;
	border:none;
}

.boxkcdg .box2 ul{padding: .52rem .3rem .3rem;}
.boxkcdg .box2 ul .title{
	position: relative;
	font-size: .32rem;
	color: #393939;
	font-weight: bold;
	margin: 0 .32rem 0 .32rem;
	padding-bottom: .2rem;
	border-bottom: .02rem #c3d8f1 solid;
	z-index: 6;
}
.boxkcdg .box2 ul .title span{
	display: block;
	font-size: .28rem;
	color: #7d7d7d;
	font-weight: normal;
	line-height: .3rem;
	margin-top: .1rem;
}
.boxkcdg .box2 ul .smtitle{
	font-size: .28rem;
	color: #7d7d7d;
	padding: .25rem .86rem 0 .32rem;
}
.boxkcdg .box2 ul .smtitle span{
	display: inline-block;
	padding: 0 .26rem 0 .1rem;
	line-height: 20px;
	min-width: .8rem;
}
.boxkcdg .box2 ul .smtitle span:last-child{border-right: none;}

.boxkcdg .box2 ul .xmboxtab{margin-left: .3rem;}
.boxkcdg .box2 ul .xmboxtab p{
	position: relative;
	float: left;
	/* width: 1.8rem; */
	height: .66rem;
	font-size: .28rem;
	color: #fff;
	text-align: center;
	line-height: .66rem;
	border-radius: .1rem;
	background-color: #2c76ff;
	cursor: pointer;
	margin: .3rem .13rem .1rem 0;
	padding: 0 .2rem;
}
.boxkcdg .box2 ul .xmboxtab p.cur{
	box-shadow: 0 .11rem .1rem rgba(36,116,227,.24);
	background-color: #ff632c;
}
.boxkcdg .box2 ul .xmboxtab p.cur:after{
	position: absolute;
	left: 50%;
	top: .66rem;
	border-style: solid;
	border-width: .11rem .1rem 0 .1rem;
	border-color: #ff632c transparent transparent transparent;
	margin-left: -.1rem;
	content: "";
}

.boxkcdg .box2 ul .xmboxlist .xmboxall_main{display: none;}
.boxkcdg .box2 ul .xmboxlist .xmboxall_main:first-child{display: block;}

.boxkcdg .box2 ul li .main{
	width: 6.5rem;
	margin: 0 auto;
}
.boxkcdg .box2 ul li{
	position: relative;
	background: #e6f4ff;
	border-radius: .15rem;
	padding: .36rem 0 .35rem;
	margin-bottom: .35rem;
}
.boxkcdg .box2 ul li .beforespan{
	float: right;
	font-size: .26rem;
}
.boxkcdg .box2 ul li.cur .beforespan{display: none;}
.boxkcdg .box2 ul li .beforespan i{
	/* display: block; */
	/* width: .28rem; */
	/* height: .16rem; */
	/* background: url("/2020phone/images/classify/down.png") no-repeat 0 0; */
	/* background-size: 100%; */
	color: #569aff;
}
.boxkcdg .box2 ul li .main .mh4{
	display: none;
	width: 1.52rem;
	height: .48rem;
	background: #ff2f47;
	font-size: .28rem;
	color: #fff;
	border-radius: .24rem;
	line-height: .48rem;
	text-align: center;
	margin: .4rem 0 .2rem .26rem;
}
.boxkcdg .box2 ul li .main .mp1{
	display: none;
	padding:0 .3rem 0 .26rem;
	color: #7c7c7c;
	font-size: 14px;
	line-height: 25px;
}
.boxkcdg .box2 ul li .main .mp1 span{color: #c2c2c2;padding: 0 .1rem;}
.boxkcdg .box2 ul .xmboxlist .xmboxall_main .mh4{
	position: relative;
	top: .3rem;
	background-color: #0f6dff;
	z-index: 3;
}
.boxkcdg .box2 ul .xmboxlist .xmboxall_main .mp1{
	font-size: .24rem;
	color: #777;
	margin-top: .2rem;
	overflow: hidden;
	border-radius: .15rem;
	background: #fff;
	padding: .9rem .26rem .24rem;
	margin-top: -.6rem;
}
.boxkcdg .box2 ul li .main .lists{
	margin-top: .2rem;
	overflow: hidden;
	border-radius: .15rem;
	background: #fff;
	padding: .25rem .26rem .24rem;
}
.boxkcdg .box2 ul li .main .lists .list{
	position: relative;
	float: left;
	width: auto;
	background: none;
	margin: .16rem 0 0;
	padding: 0 .15rem;
	border-right: .02rem #c8c8c8 solid;
	border-radius: 0;
}
.boxkcdg .box2 ul li .main .lists .list:last-child{border-right: none;}
.boxkcdg .box2 ul li .main .lists h5{
	font-size: .24rem;
	color: #777;
	font-weight: normal;
}
.boxkcdg .box2 ul li .main .lists h5 span{
	display: none;
	width: 1.8rem;
	height: .48rem;
	font-size: .28rem;
	color: #fff;
	line-height: .48rem;
	text-align: center;
	background: #0f6dff;
	border-radius: .3rem;
}
.boxkcdg .box2 ul li .main .lists .list .zjnrtit{
	font-size: 0;
}
.boxkcdg .box2 ul li .main .lists .list .zjnrtit span{
	font-size: .24rem;
	color: #777;
}
.boxkcdg .box2 ul li .main .lists .list div{
	display: none;
	width: 100%;
	font-size: .24rem;
	color: #777;
	line-height: .44rem;
	border: .02rem #a3ccff solid;
	border-radius: .15rem;
	margin: 0 auto;
	padding: .26rem .18rem;
	overflow: hidden;
}
.boxkcdg .box2 ul li .main .lists .list div p{
	display: none;
	font-size: .24rem;
	color: #777;
	margin: .22rem 0;
	line-height: .4rem;
}
.boxkcdg .box2 ul li .xmboxlist .xmboxall_main .lists div{
	border: none;
	padding: 0;
}
.boxkcdg .box2 ul li .xmboxlist .xmboxall_main .lists div p{
	margin: 0;
}
.boxkcdg .box2 ul li .main .lists .list div span{color: #777;padding: 0 .08rem 0 .16rem;}
.boxkcdg .box2 ul li .main .lists .list .role{display: none;}
.boxkcdg .box2 ul li .main .lists .xian{
	display: block;
	width: 1.52rem;
	height: .48rem;
	font-size: .28rem;
	color: #fff;
	line-height: .48rem;
	text-align: center;
	background: #0f6dff;
	border-radius: .3rem;
	margin-bottom: .06rem;
}
.boxkcdg .box2 ul li .xmboxall_main .lists{display: none;}
.boxkcdg .box2 ul li .xmboxall{width: 100%;margin: .23rem auto;overflow: hidden;}
.boxkcdg .box2 ul li .xmboxall .xmboxall_fl{width: 75%;height: 2.34rem;margin: .2rem auto .3rem;border-radius: 5px;overflow: hidden;}
.boxkcdg .box2 ul .xmboxlist .xmboxall_main .xmboxall .xmboxall_fl{width: 6.5rem;height: 4.05rem;}
.boxkcdg .box2 ul li .xmboxall .xmboxall_fl img{width: 100%;}
.boxkcdg .box2 ul li .xmboxall .xmboxall_fr{width: 94%;margin: 0 auto;}
.boxkcdg .box2 ul .xmboxlist .xmboxall_main .xmboxall{margin: .12rem auto .2rem;}
.boxkcdg .box2 ul .xmboxlist .xmboxall_main .xmboxall .xmboxall_fr h6{height: .54rem;line-height: .54rem;margin: .3rem 0 .16rem;}
.boxkcdg .box2 ul .xmboxlist .xmboxall_main .xmboxall .xmboxall_fr h6 b{
	display: inline-block;
	height: .54rem;
	line-height: .54rem;
	font-size: .28rem;
	color: #fff;
	border-radius: .08rem;
	background: #2474e3;
	padding: 0 .2rem;
	margin-right: .14rem;
}
.boxkcdg .box2 ul .xmboxlist .xmboxall_main .xmboxall .xmboxall_fr h6 span{
	font-size: .24rem;
	color: #595959;
	padding-right: .2rem;
}
.boxkcdg .box2 ul li .xmboxall .xmboxall_fr p{font-size: .26rem;line-height: .45rem;color: #7c7c7c;}
.boxkcdg .box2 ul li .xmboxall .xmboxall_fr a{display: none;}
.boxkcdg .box2 ul li.conlist_kcsm{display: none;height: 0;overflow: hidden;padding: 0;}

.boxkcdg .box2 ul li.cur .main .mh4{display: block;}
.boxkcdg .box2 ul li.cur .main .mp1{display: block;}
.boxkcdg .box2 ul li.cur .xmboxall_main .lists{display: block;}
.boxkcdg .box2 ul li.cur .xmboxall_main .lists h5 span{display: block;width: 2rem;margin-bottom: .2rem;}
.boxkcdg .box2 ul li.cur .main .lists{
	padding: 0;
	background: none;
}
.boxkcdg .box2 ul li.cur .main .lists .list{
	width: 100%;
	background: #fff;
	border-radius: .15rem;
	padding: .26rem .22rem .35rem;
	box-sizing:border-box;
	margin: .3rem auto 0;
	border-right: none;
}
.boxkcdg .box2 ul li.cur .main .lists .list p{display: block;}
.boxkcdg .box2 ul li.cur .main .lists .list div{display: block;}
.boxkcdg .box2 ul li.cur .main .lists .zjnrtit{
	font-size: .24rem;
	color: #777;
	padding-bottom: .2rem;
}
.boxkcdg .box2 ul li.cur .main .lists .zjnrtit span{
	display: block;
	font-size: .32rem;
	color: #393939;
	font-weight: bold;
	margin-bottom: .1rem;
}
.boxkcdg .box2 ul li.cur .main .lists .xian{display: none;}

.boxkcdg .box2 ul li:nth-child(even){background: #569aff;}
.boxkcdg .box2 ul li:nth-child(even).cur .main .mh4{background: #56dcfd;}
.boxkcdg .box2 ul li:nth-child(even) .xmboxlist .xmboxall_main .mh4{background-color: #0f6dff;}
.boxkcdg .box2 ul li:nth-child(even) .beforespan{color: #fff;}
.boxkcdg .box2 ul li:nth-child(even) .beforespan i{color: #fff;}
.boxkcdg .box2 ul li:nth-child(even) .title{border-color: #98b8ff;}
.boxkcdg .box2 ul li:nth-child(even) .title,
.boxkcdg .box2 ul li:nth-child(even) .title span,
.boxkcdg .box2 ul li:nth-child(even).cur .main .mp1,
.boxkcdg .box2 ul li:nth-child(even) .xmboxall .xmboxall_fr p,
.boxkcdg .box2 ul li:nth-child(even) .smtitle,
.boxkcdg .box2 ul li:nth-child(even) .xmboxlist .xmboxall_main .xmboxall .xmboxall_fr h6 span{color: #fff;}
.boxkcdg .box2 ul li:nth-child(even) .xmboxlist .xmboxall_main .mp1{color: #777;}

.boxkcdg .kcdggxrz{padding-bottom: .3rem;}
.boxkcdg .kcdggxrz h2{display: none;}
.boxkcdg .kcdggxrz .hd{display: none;}
.boxkcdg .kcdggxrz .bd{
	overflow: hidden;
	margin-top: .48rem;
}
.boxkcdg .kcdggxrz ul{
	margin-left: .5rem;
	border-left: .01rem #cddcf9 solid;
	padding-left: .35rem;
	margin-top: -.2rem;
}
.boxkcdg .kcdggxrz ul li{
	position: relative;
	display: none;
	width: 6.3rem;
	border-radius: .1rem;
	padding: .18rem .23rem .02rem;
	margin-bottom: .2rem;
}
.boxkcdg .kcdggxrz ul li:nth-child(-n+5){display: block;}
.boxkcdg .kcdggxrz ul li:before{
	position: absolute;
	left: -.47rem;
	top: .25rem;
	width: .17rem;
	height: .17rem;
	background: #0060ff;
	border: .02rem #fff solid;
	box-shadow: 0 0 0 .02rem #0060ff;
	border-radius: 50%;
	content: "";
}
.boxkcdg .kcdggxrz ul li:nth-child(even){background: #f2f2f2;}
.boxkcdg .kcdggxrz ul li h3{
	position: relative;
	display: inline-block;
	height: .42rem;
	font-size: .32rem;
	color: #545454;
	margin-bottom: .1rem;
}
.boxkcdg .kcdggxrz ul li h3 span{float: right;background: none !important;}
.boxkcdg .kcdggxrz ul li p{
	font-size: .24rem;
	color: #777;
	line-height: .4rem;
	padding-bottom: .25rem;
}
.boxkcdg .kcdggxrz ul li p span{margin-right: .08rem;}


.boxjytd .boxjytd_top{
	width: 100%;
	height: .78rem;
	margin: .46rem auto 0;
}
.boxjytd .boxjytd_top p{padding-left: .8rem;}
.boxjytd .boxjytd_top span{
	float: left;
	width: 2.86rem;
	height: .76rem;
	font-size: .28rem;
	color: #989898;
	text-align: center;
	line-height: .76rem;
	border: .01rem #e6e6e6 solid;
	border-radius: .39rem;
	background: #f9f9f9;
	margin-right: .24rem;
}
.boxjytd .boxjytd_top span.cur{
	font-size: .28rem;
	color: #fff;
	font-weight: bold;
	border-color: #216df4;
	background: #216df4;
	box-shadow: 0 .07rem .32rem rgba(33,109,244,.52);
}
.boxjytd_hd{
	font-size: .44rem;
	color: #272727;
	font-weight: bold;
	text-align: center;
	line-height: .6rem;
}
.boxjytd_hd span{
	display: inline-block;
	height: .15rem;
	box-shadow: 0 .42rem 0 #cddcf9;
	padding: 0 .06rem;
}
.boxjytd .boxjytd_list{width: 100%;height: 0;overflow: hidden;}
.boxjytd .boxjytd_list.cur{height: auto;padding: .5rem 0 0;}
.jytd1 .jytd1_con{position: relative;}
.jytd1 .jytd1_con p{
	position: absolute;
	font-size: .24rem;
	color: #454545;
	text-align: center;
	line-height: .4rem;
}
.jytd1 .jytd1_con p.jytd1p1{
	left: 2.86rem;
	top: 1.22rem;
	text-align: left;
}
.jytd1 .jytd1_con p.jytd1p2{
	left: 0;
	top: 3.83rem;
	width: 100%;
	padding-left: .36rem;
}
.jytd1 .jytd1_con p.jytd1p3{
	left: 0;
	top: 8.02rem;
	width: 100%;
	padding-left: .36rem;
}
.jytd2{
	background: #f2f2f2;
	padding: .72rem 0 1rem;
}
.jytd2 .jytd2_con{margin: .38rem 0 0 .31rem;}
.jytd2 .jytd2_con .main_con{
	position: relative;
	float: left;
	width: 3.28rem;
	height: 2.51rem;
	background: #fff;
	border-radius: .15rem;
	padding-top: .7rem;
	margin: .64rem .27rem 0 0;
	text-align: center;
}
.jytd2 .jytd2_con .main_con i{
	position: absolute;
	width: 1.02rem;
	height: 1.02rem;
	left: 50%;
	top: -.51rem;
	border-radius: 50%;
	box-shadow: 0 .07rem .2rem rgba(85,142,255,.56);
	margin-left: -.51rem;
	background: url("/2020phone/images/classify/pic.png") 0 0;
	background-size: 303%;
}
.jytd2 .jytd2_con .main_con2 i{background-position: -1.04rem 0;box-shadow: 0 .07rem .2rem rgba(254,70,70,.52);}
.jytd2 .jytd2_con .main_con3 i{background-position: -2.08rem 0;box-shadow: 0 .07rem .2rem rgba(126,203,191,.56);}
.jytd2 .jytd2_con .main_con4 i{background-position: -0 -1.04rem;box-shadow: 0 .07rem .2rem rgba(255,174,247,.53);}
.jytd2 .jytd2_con .main_con5 i{left: .28rem;top: .32rem;margin-left: 0;background-position: -1.04rem -1.04rem;box-shadow: 0 .07rem .2rem rgba(0,174,247,.34);}
.jytd2 .jytd2_con .main_con h3{
	font-size: .28rem;
	color: #222;
	font-weight: bold;
	padding-bottom: .05rem;
}
.jytd2 .jytd2_con .main_con p{
	font-size: .24rem;
	color: #7a7a7a;
	line-height: .32rem;
}
.jytd2 .jytd2_con .main_con5{
	width: 6.88rem;
	height: 1.74rem;
	padding: .38rem 0 0 1.52rem;
	text-align: left;
	margin-top: .39rem;
}
.jytd3{padding: .6rem 0 .35rem .3rem;}
.jytd3 .jytd3_con{padding-top: .58rem;}
.jytd3 .jytd3_con .swiper-container{padding-bottom: .6rem;}
.jytd3 .jytd3_con .tealist{
	float: left;
	width: 2.16rem;
	height: 3.5rem;
	margin-right: .22rem;
}
.jytd3 .jytd3_con .tealist .main_pic{
	height: 2.61rem;
	border-radius: .1rem;
	overflow: hidden;
}
.jytd3 .jytd3_con .tealist h3{
	font-size: .26rem;
	color: #454545;
	padding-top: .12rem;
}
.jytd3 .jytd3_con .tealist h3 span{
	font-size: .2rem;
	color: #8f8f8f;
	margin-left: .05rem;
}
.jytd3 .jytd3_con .swiper-pagination{
	height: .13rem;
	font-size: 0;
}
.jytd3 .jytd3_con .swiper-pagination .swiper-pagination-bullet{
	width: .61rem;
	height: .13rem;
	margin: 0;
	border-radius: .1rem;
	background: #f9f9f9;
	opacity: 1;
}
.jytd3 .jytd3_con .swiper-pagination .swiper-pagination-bullet-active{background: #216ef4;}

.jytd4{background: #f2f2f2;padding: .6rem 0 .8rem;}
.jytd4 .jytd4_con{
	width: 6.62rem;
	height: 6.62rem;
	background: url("/2020phone/images/classify/jytd4bg1.jpg") no-repeat;
	background-size: 100%;
	margin: .45rem auto 0;
}
.jytd4 .jytd4_con ul{padding-top: .98rem;}
.jytd4 .jytd4_con ul li{
	width: 45%;
	height: 3.4rem;
	font-size: .24rem;
	color: #cbdcff;
	line-height: .34rem;
}
.jytd4 .jytd4_con ul li.fl{float: left;padding-left: .24rem;}
.jytd4 .jytd4_con ul li.fr{float: right;padding-right: .16rem;text-align: right;}

.jytd5 .jytd5_con{position: relative;}
.jytd5 .jytd5_con p{
	position: absolute;
	font-size: .24rem;
	color: #454545;
	line-height: .48rem;
}
.jytd5 .jytd5_con p.jytd5p1{
	left: 1.65rem;
	top: 1.43rem;
}
.jytd5 .jytd5_con p.jytd5p1 span{float: left;width: 2.7rem;}
.jytd5 .jytd5_con p.jytd5p2{
	left: 1.6rem;
	top: 3.5rem;
}
.jytd5 .jytd5_con p.jytd5p2 span{float: left;width: 2.68rem;}
.jytd5 .jytd5_con p.jytd5p3{
	left: 1.62rem;
	top: 6.51rem;
}
.jytd5 .jytd5_con p.jytd5p3 span{float: left;width: 2.02rem;}
.jytd6{background: #f2f2f2;padding: .8rem 0 1.1rem;}
.jytd6 .jytd6_con ul{padding-top: .4rem;}
.jytd6 .jytd6_con ul li{
	position: relative;
	width: 6.9rem;
	height: 2.14rem;
	background: #fff;
	border-radius: .15rem;
	margin: .24rem auto 0;
	padding-top: .38rem;
}
.jytd6 .jytd6_con ul li i{
	position: absolute;
	top: .39rem;
	height: 1.3rem;
}
.jytd6 .jytd6_con ul li p{
	font-size: .24rem;
	color: #7a7a7a;
	line-height: .32rem;
}
.jytd6 .jytd6_con ul li p span{
	display: block;
	font-size: .28rem;
	color: #222;
	font-weight: bold;
	padding-bottom: .1rem;
}
.jytd6 .jytd6_con ul li.jytd6pic1{padding-left: 2.06rem;}
.jytd6 .jytd6_con ul li.jytd6pic2{padding-left: .42rem;}
.jytd6 .jytd6_con ul li.jytd6pic3{padding-left: 1.5rem;}
.jytd6 .jytd6_con ul li.jytd6pic1 i{
	left: .19rem;
	width: 1.71rem;
	background: url("/2020phone/images/classify/pic.png") no-repeat 0 -2.08rem;
	background-size: 181%;
}
.jytd6 .jytd6_con ul li.jytd6pic2 i{
	right: .52rem;
	width: 1.12rem;
	background: url("/2020phone/images/classify/pic.png") no-repeat -1.87rem -2.08rem;
	background-size: 252%;
}
.jytd6 .jytd6_con ul li.jytd6pic3 i{
	left: .19rem;
	top: .52rem;
	width: 1.1rem;
	background: url("/2020phone/images/classify/pic.png") no-repeat 0 -3.4rem;
	background-size: 281%;
}

/* 学习经历 */
.con_left_gf{padding-bottom: .2rem;}
.resources_gf ol{
	text-align: center;
	font-size:0;
	padding: .5rem 0 .3rem;
}
.resources_gf ol li{
	display: inline-block;
	position: relative;
	background: #fff;
	border-radius: .15rem;
	color: #333;
	border: none;
	margin: 0 .1rem;
	height: .66rem;
	line-height: .64rem;
	font-size: .28rem;
	padding: 0 .3rem;
	border: 1px solid #E5E5E5;
}
.resources_gf ol li i {
	position: absolute;
	left: 50%;
	top: .6rem;
	width: .21rem;
	height: .2rem;
	background: url(/2020phone/images/classify/resources_gf_1.png) no-repeat center;
	background-size: 100%;
	content: "";
	margin-left: -.1rem;
	display:none;
}
.resources_gf ol li.cur{
	color: #fff;
	text-align: center;
	background: #0F89F5;
	border-radius: .15rem;
	border-color: #0F89F5;
}
.resources_gf ol li.cur i {
	display:revert
}
.resources_gf ul li{
	width: 6.9rem;
	margin: .5rem auto 0.5rem;
	padding-bottom: 0.5rem;
}
.resources_gf ul li p{
	font-size: .28rem;
	line-height: .39rem;
}
.resources_gf ul li p em{
	font-size: .3rem;
	color: #545454;
	height: .8rem;
	overflow: hidden;
	display: block;
	line-height: .8rem;
	position: relative;
	top: -.22rem;
}
.resources_gf ul li p span{
	display: block;
	color: #777;
	font-size: .28rem;
	margin-top: -.2rem;
}
.resources_gf ul li p:nth-child(2){
	display: none;
}
.resources_gf ul li .sharepic img{
	float: left;
	display: block;
	height: 1.32rem;
	width: auto;
	border-radius: .1rem;
	margin: 0 .3rem .1rem 0;
}
.resources_gf ul .storyhp{
	text-align: center;
	font-size: .3rem;
	margin: .5rem 0;
}
.resources_gf ul .storyhp a{
	color: #2a71ff;
	padding: .5rem;
}

.resources_gf ul li .activity_pic{
	display: block;
	width: 31%;
	border-radius: .1rem;
	margin-right:10px;
	float: left;
}
.resources_gf ul li .activity_pic img{
	display: block;
	width: 100%;
	border-radius: .1rem;
	float: left;
}
.resources_gf ul li .activity_pic:nth-child(3){
	margin-right:0px;
}
.resources_gf ul li .activity_bot p span{
	display: block;
	color: #777;
	font-size: .28rem;
	margin-top: .1rem;
	height: .4rem;
	line-height: .4rem;
	overflow: hidden;
}

.resources_gf ul.story_box3_ceremony {
	padding-top: 0.3rem;
}
.resources_gf ul.story_box3_ceremony li{
	position: relative;
	width: 90%;
	margin: 0 .3rem;
	border-left: 2px solid #e4e4e4;
	padding: 0 .25rem .4rem .25rem;
	border-left: 1px solid #DEDEDE;
	border-bottom:none;
}
.resources_gf ul.story_box3_ceremony li i{
	position: absolute;
	display: block;
	left: -.2rem;
	top: -.04rem;
	background: #fff;
	padding: .1rem;
}
.resources_gf ul.story_box3_ceremony li i span{
	float: left;
	margin: 0;
	height: .18rem;
	width: .18rem;
	border-radius: 50px;
	background-color: #FF6F28;
}
.resources_gf ul.story_box3_ceremony li a{
	position: relative;
	top: -6px;
	display: block;
	font-size: .3rem;
	color: #333;
	height: .52rem;
	line-height: .52rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.resources_gf ul.story_box3_ceremony li a:hover{color: #1499f8;}
.resources_gf ul.story_box3_ceremony li p{
	margin-top: .06rem;
	padding-bottom: .12rem;
	color: #afafaf;
	font-size: .25rem;
	border-bottom: 1px solid #f1f1f1;
}



.con_left_gf .title{display: none;}
.con_left_gf1 .content{
	width: 100%;
	background: #fff;
	border-radius: .05rem;
	margin-bottom: .3rem;
}
.con_left_gf1 .content a{
	display: block;
	width:7.2rem;
	margin: 0 auto;
	padding: .4rem 0;
	border-bottom:1px solid #ebecee;
	overflow: hidden;
}
.con_left_gf1 .content a:last-child{
	border-bottom:none;
}
.con_left_gf1 .content a:hover h3{
	color:#D51429;
}
.con_left_gf1 .content img{
	float:left;
	width: auto;
	height: 1.32rem;
	border-radius: .05rem;
	margin: 0 .3rem .1rem .1rem;
}
.con_left_gf1 .content .text{
	margin-left:.3rem;
}
.con_left_gf1 .content .text h3{
	color:#252b3a;
	font-size:.3rem;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top:.12rem;
}
.con_left_gf1 .content .text p{
	font-size:.24rem;
	color:#96989f;
	margin: .18rem 0 .23rem 0;
}
.con_left_gf1 .content .text p span{
	font-size:12px;
	color:#c2c4c9;
}
.con_left_gf1 .content .text p span.s2{
	float:right;
	padding-right: 5px;
}

.con_left_gf2 .content{
	width: 100%;
}
.con_left_gf2 .content a{
	display: block;
	width: 6.9rem;
	overflow: hidden;
	margin: .5rem auto .5rem;
	padding-bottom: 0;
	border-bottom: .02rem solid #F2F2F2;
}
.con_left_gf2 .content a .activity_pic{
	float: left;
	width: 31%;
	border-radius: 0.1rem;
	margin-right: 2%;
}
.con_left_gf2 .content a .activity_pic img{
	width: 100%;
	border-radius: 7px;
}
.con_left_gf2 .content a h3{
	float: left;
	color: #333;
	font-size: .28rem;
	margin-top: .2rem;
	height: 0.4rem;
	line-height: .4rem;
	overflow: hidden;
}
.con_left_gf2 .content a p{
	display: none;
}


.con_left_gf2 .box1 li{
	float: left;
	width: 42%;
	height: 3.6rem;
	cursor: pointer;
	margin: .2rem 0 0 .4rem;
	
	float: left;
	width: 42%;
	height: 3.6rem;
	cursor: pointer;
	margin: .2rem 0 0 .4rem;
}
.con_left_gf2 .box1 li .pic{
	position: relative;
	width: 100%;
	border-radius: .12rem;
	overflow: hidden;
}
.con_left_gf2 .box1 li .pic img{display: block;width: 100%;}
.con_left_gf2 .box1 li .pic span{
	position: absolute;
	width: 100%;
	bottom: 0;
	height: .53rem;
	font-size: 0.28rem;
	color: #fff;
	line-height: .53rem;
	background: rgba(36,106,254,.95);
	z-index: 5;
	text-align: center;
}
.con_left_gf2 .box1 li .pic span b{
	color: #fff668;
}
.con_left_gf2 .box1 li .pic i{
	position: absolute;
	left: 35%;
	top: 12%;
	background: url(/2020phone/images/classify/gf-bg.png) no-repeat;
	background-size: 100%;
	z-index: 4;
	width: 30%;
	height: 50%;
}
.con_left_gf2 .box1 li p{
	display:block !important;
	font-size: .24rem;
	color: #333;
	line-height: .34rem;
	padding: .12rem .2rem;
}

.con_left_gf1 .content img {
	float: left;
	width: auto;
	height: 1.32rem;
	border-radius: .05rem;
	margin: 0 .2rem .1rem .1rem;
}
.con_left_gf1 .content .text p:last-child {
	display:none
}
.con_left_gf1 .content .text h3 {
	color: #252b3a;
	font-size: .3rem;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 0;
}
.con_left_gf1 .content .text {
	margin:0 .2rem;
}
.con_left_gf1 .content a {
	display: block;
	width: 7.2rem;
	margin: 0 auto;
	padding: .2rem 0;
	border-bottom: 0;
	overflow: hidden;
}

.mask_video{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 130;
}
.mask_video .mask_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}
.mask_video .mask_con{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 80%;
	transform: translate(-50%,-58%);
}
.mask_video .mask_con .close{
	position: absolute;
	width: .48rem;
	left: 50%;
	bottom: -.6rem;
	margin-left: -.24rem;
}

.mask_video_gf{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 130;
}
.mask_video_gf .mask_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}
.mask_video_gf .mask_con{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 80%;
	transform: translate(-50%,-58%);
}
.mask_video_gf .mask_con .close{
	position: absolute;
	width: .48rem;
	left: 50%;
	bottom: -.6rem;
	margin-left: -.24rem;
}