.index_top{
	background:#1CAF6A;
	border-radius:0px 0px 50px 50px;
	height:3.5rem;
	background-size:100% 100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}
.index_pos{
	width:100%;
	position:absolute;
	left:0;
	z-index:999;
}
.all_search{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	padding:.2rem .3rem;
}
.all_search p{
	background:rgba(255, 255, 255,0.3);
	border-radius:1rem;
	padding-left:.2rem;
	height:.6rem;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
}
.all_search p input{
	display:inline-block;
	width:91%;
	line-height:.62rem;
	background:none;
	border:none;
	vertical-align:top;
	font-size:.24rem;
	text-align:center;
	color:#fff;
}
.all_search p a{
	display:inline-block;
	background:url(../images/new_img/news1.png) no-repeat;
	background-size:100% 100%;
	width:.32rem;
	height:.32rem;
	margin-top:.1rem;
}
.index_nav{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	padding:.1rem .3rem;
}
.index_nav a{
	display:block;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	margin:0 .2rem;
	text-align:center;
}
.index_nav a img, .index_nav a span{
	display:block;
}
.index_nav a img{
	width:.8rem;
	height:.8rem;
	margin:0 auto;
}
.index_nav a span{
	font-size:.24rem;
	color:#fff;
	margin-top:.2rem;
}
.index_banner{
	margin:.2rem .3rem;
}
.index_banner video{
	display:block;
	width:100%;
	border-radius:.1rem;
	height:2.8rem;
}

/* 已学完 */
.finish_box{
	background:rgba(0,0,0,.8);
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.finish_box dl{
	text-align:center;
	margin:16.5% auto;
}
.finish_box dt{
	font-size:.24rem;
	color:#fff;
}
.finish_box dd{
	margin-top:.2rem;
}
.finish_box dd a{
	display:inline-block;
	width:1.2rem;
	height:.5rem;
	line-height:.52rem;
	text-align:center;
	border-radius:1rem;
	font-size:.24rem;
	color:#fff;
	background: #F3AC0B;
	position:inherit;
}
.finish_box a.video_close{
	display:block;
	position: absolute;
	top:5%;
	left:initial;
	right:5%!important;
	width:.21rem;
}

.tsn_class{
	padding-top:5.6rem;
}
.common_head{
	margin:.1rem .3rem;
}
.common_head dl{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	padding:.1rem 0;
}
.common_head dl dt, .common_head dl dd{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
}
.common_head dl dt{
	font-size:.24rem;
	color:#1CAF6A;
	font-weight:bold;
}
.common_head dl dt span{
	display:inline-block;
	width:4px;
	height:17px;
	background:linear-gradient(0deg, #FD5739 0%, #F28022 100%);
	border-radius:2px;
	margin-right:.15rem;
}
.common_head dl dd{
	text-align:right;
}
.common_head dl dd a{
	color:#999;
	font-size:.20rem;
}
.class_list{
	margin:0 .2rem;
}
.class_list a{
	display:inline-block;
	margin:.1rem;
	position:relative;
	width:29%;
}
.class_list a i, .class_list a span{
	display:block;
}
.class_list a i img{
	display:block;
	height:2.68rem;
	width:100%;
	border-radius:.15rem;
}
.class_list a span{
	background:rgba(0,0,0,.5);
	font-size:.18rem;
	color:#fff;
	padding:.1rem 0;
	border-bottom-left-radius:.15rem;
	border-bottom-right-radius:.15rem;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
}
.no_activity{
	padding:1rem;
}
.no_activity img{
	display:
	block;
	width:2.24rem;
	height:2.03rem;
	margin:0 auto;
}
.no_activity p{
	text-align:center;
	margin-top:.2rem;
	color:#999;
}

/* 实践活动 */
.practice_top{
	background:#F3AC0B;
	border-radius:0px 0px 50px 50px;
	height:2.2rem;
	padding:0 .3rem;
}
.practice_nav{
	height:.8rem;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	padding:0 .3rem;
	color:rgba(255, 255, 255,0.3);
}
.practice_nav a, .practice_nav a span{
	display:block;
}
.practice_nav a{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	text-align:center;
	font-size:.22rem;
	color:#fff;
}
.practice_nav a span{
	margin:0 auto;
	background:#F3AC0B;
	font-size:.24rem;
	color:#fff;
	height:.5rem;
	width:.5rem;
	border-radius:1rem;
	text-align:center;
	line-height:.5rem;
}
.practice_nav a.on span{
	background:#fff;
	color:#602B17;
	font-weight:bold;
}
.practice_con{
	padding:.3rem;
}
.practice_heaad{
	padding:.15rem 0;
	text-align:center;
	font-size:.24rem;
	color:#602B17;
	font-weight:bold;
}
.practice_img{
	padding:.15rem 0;
}
.practice_img ul{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
}
.practice_img li{
	width:100%;
	height:2.8rem;
}
.practice_img a{
	display:inline-block;
	position:relative;
}
.practice_img a i, .practice_img a span{
	display:block;
}
.practice_img a i img{
	display:block;
	height:2.8rem;
	width:100%;
	border-radius:.15rem;
}
.practice_img a span{
	background:rgba(0,0,0,.5);
	font-size:.18rem;
	color:#fff;
	padding:.1rem 0;
	border-bottom-left-radius:.15rem;
	border-bottom-right-radius:.15rem;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
}
.practice_text p{
	margin-top:.25rem;
	font-size:.24rem;
	color:#333;
	line-height:.35rem;
}
.practice_text p.text_tips{
	font-size:.24rem;
	color:#999;
}
/* 成长中心 */
.grow_top{
	background:#1CAF6A;
	border-radius:0px 0px 50px 50px;
	height:1rem;
	position:relative;
}
.grow_top a{
	display:block;
	border-radius:1rem;
	position:absolute;
	padding:.1rem;
	background:#1CAF6A;
	left:40%;
	bottom:-50%;
}
.grow_top a img{
	display:block;
	width:1.12rem;
	height:1.12rem;
	border-radius:1rem;
}
.grow_top em{
	display:block;
	position:absolute;
	right:39%;
	bottom:-50%;
	margin:0;
}
.grow_top em img{
	display:block;
	width:.35rem;
	height:.35rem;
}
.grow_up{
	padding:0 .3rem;
	margin-top:1rem;
}
.grow_info{
	background:#fff;
	border-radius:20px;
}
.info_head{
	background:url(../images/new_img/news12.png) no-repeat;
	background-size:100% 100%;
	height:.9rem;
}
.info_head dl{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	margin-left:1rem;
	line-height:.9rem;
	padding:0 .2rem;
}
.info_head dl dt{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	font-size:.26rem;
	color:#F4C2AC;
	font-weight:bold;
}
.info_head dl dd{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	text-align:right;
}
.info_head dl dd a{
	display:inline-block;
	padding:.0 .15rem;
	height:.5rem;
	line-height:.5rem;
	font-size:.24rem;
	background:#F4C2AC;
	color:#622419;
	border-radius:.5rem;
}
.info_con{
	padding:.3rem .2rem;
}
.info_con ul{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
}
.info_con ul li{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	text-align:center;
}
.info_con ul li span, .info_con ul li i{
	display:block;
}
.info_con ul li i{
	font-size:.26rem;
	color:#333;
	font-weight:bold;
}
.info_con ul li i em{
	display:inline-block;
	background:url(../images/new_img/news15.png) no-repeat;
	background-size:100% 100%;
	width:.25rem;
	height:.26rem;
	margin-top:0;
	margin-left:.1rem;
	vertical-align:-1px;
}
.info_con ul li span{
	font-size:.22rem;
	color:#999;
	margin-top:.15rem;
}
.grow_list{
	margin:.2rem 0;
	background:#fff;
	border-radius:20px;
	padding:.1rem 0;
}
.grow_list ul li{
	padding:.15rem .3rem;
	background:url(../images/new_img/news13.png) no-repeat 95% center;
	background-size:.12rem .19rem;
}
.grow_list ul li a{
	display:block;
	font-size:.24rem;
	color:#333;
}
.login_out{
	margin-top:2rem;
}
.login_out button{
	display:block;
	width:100%;
	border:none;
	height:.7rem;
	line-height:.7rem;
	text-align:center;
	font-size:.26rem;
	color:#fff;
	background:#1CAF6A;
	border-radius:.5rem;
}
/* 修改昵称弹框 */
.grow_pop{
	background:rgba(0,0,0,0.8);
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.edit_box{
	position:absolute;
	top:30%;
	left:20%;
	width:60%;
	background:#fff;
	border-radius:.1rem;
}
.edit_box dl{
	padding:.4rem .6rem;
}
.edit_box dl dt{
	text-align:center;
	font-size:.24rem;
	color:#333;
}
.edit_box dl dd p:first-child{
	margin:.3rem 0;
	background:#F5F6FA;
	border-radius:.1rem;
	padding:0 .15rem;
}
.edit_box dl dd p input{
	display:block;
	width:100%;
	height:.45rem;
	line-height:.45rem;
	font-size:.24rem;
	color:#333;
	border:none;
	background:none;
}
.edit_box dl dd p:last-child{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	color:#F5F6FA;
}
.edit_box dl dd p:last-child a{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	display:block;
	font-size:.24rem;
	color:#999;
	text-align:center;
	margin:0 .2rem;
}
.edit_box dl dd p:last-child a:last-child{
	color:#F3AC0B;
}
/* 今日科普 */
.today_top{
	background:#F3AC0B;
	border-radius:0px 0px 50px 50px;
	height:1.1rem;
	position:absolute;
	width:100%;
	left:0;
	top:0;
	z-index:999;
}
.today_dt{
	margin:.4rem .2rem;
}
.today_dt a{
	display:block;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	height:.6rem;
	line-height:.62rem;
	font-size:.26rem;
	border-radius:.5rem;
	background:#E8EAEE;
	text-align:center;
	color:#999;
}
.today_dt a.da{
	background:#F3AC0B;
	color:#fff;
}
.kp_pop{
	background:rgba(0,0,0,0.8);
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.kp_time{
	position:absolute;
	top:30%;
	left:15%;
	width:70%;
	background:#F5E7CA;
	border-radius:.1rem;
}
.kp_head{
	text-align:center;
	font-size:.26rem;
	color:#602B17;
	padding:.2rem 0;
	border-top-left-radius:.1rem;
	border-top-right-radius:.1rem;
	background:#F3AC0B;
}
.time_box{
	padding:.2rem 0;
}
.time_box p:first-child{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-box-pack:center;
	-o-box-pack:cenrer;
	font-size:.36rem;
	color:#1E2633;
	font-weight:bold;
}
.time_box p:first-child span, .time_box p:first-child em{
	display:block;
}
.time_box p:first-child span{
	width:.53rem;
	height:.75rem;
	background:url(../images/new_img/news16.png) no-repeat;
	background-size:100% 100%;
	text-align:center;
	font-size:.30rem;
	color:#fff;
	line-height:.75rem;
	font-weight:bold;
}
.time_box p:first-child em{
	margin:0 .05rem;
	margin-top:.4rem;
	color:#602B17;
	font-size:.22rem;
	font-weight:normal;
}
.time_box p:last-child{
	margin-top:.2rem;
	font-size:.24rem;
	color:#602B17;
	text-align:center;
}
.topic_con{
	padding:.2rem 0;
	padding-top:1.5rem;
}
.topic_box{
	padding:0 .4rem;
	font-size:.20rem;
	color:#999;
	text-align:right;
}
.topic_list{
	padding:0 .4rem;
}
.topic_list p{
	padding:.1rem 0;
	font-size:.26rem;
	color:#333;
	font-weight:bold;
}
.topic_list li{
	margin:.2rem 0;
	padding:0 .2rem;
	border-radius:.5rem;
	height:.7rem;
	line-height:.7rem;
	text-align:center;
	background:#E8EAEE;
}
.topic_list li a{
	display:block;
	position:relative;
}
.topic_list li a span{
	display:block;
	position:absolute;
	left:.2rem;
	top:0;
	font-size:.24rem;
	color:#333;
	font-weight:bold;
}
.topic_list li a em{
	display:block;
	text-align:center;
	font-size:.24rem;
	color:#333;
	margin:0;
	font-weight:bold;
}
.topic_list li.on{
	background:#F3AC0B;
}
.topic_list li.on span, .topic_list li.on em{
	color:#fff;
	font-weight:bold;
}
.topic_list li a i{
	display:block;
	width:.35rem;
	height:.35rem;
	position:absolute;
	right:0;
	top:.2rem;
}
.topic_list li.on a i.dui{
	background:url(../images/new_img/news20.png) no-repeat;
	background-size:100% 100%;
}
.topic_list a i.dui{
	background:url(../images/new_img/news20.png) no-repeat;
	background-size:100% 100%;
}
.topic_list li.on a i.cuo{
	background:url(../images/new_img/news21.png) no-repeat;
	background-size:100% 100%;
}
.topic_btn{
	margin-top:1rem;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
}
.topic_btn a{
	display:block;
	margin:.2rem 0;
	height:.6rem;
	line-height:.62rem;
	font-size:.26rem;
	border-radius:.5rem;
	text-align:center;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	color:#999;
	background:#E8EAEE;
	margin:0 .1rem;
}
.topic_btn a.next{
	color:#fff;
	background:#F3AC0B;
}
/* 科普答题完成 */
.tpic_success{
	margin:0 1rem;
	padding:2rem 0;
}
.success_head img{
	display:block;
	height:1.76rem;
	width:100%;
}
.success_body{
	background:#F5E7CA;
	border-bottom-left-radius:.1rem;
	border-bottom-right-radius:.1rem;
	padding:.2rem 0;
}
.success_body p{
	font-size:.24rem;
	color:#333;
	padding:0 .4rem;
}
.success_body p:nth-child(2){
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	padding:.2rem;
}
.success_body p:nth-child(2) span{
	display:block;
	font-size:.24rem;
	color:#333;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	margin:0 .2rem;
}
.success_body p:nth-child(2) span em{
	font-size:.28rem;
	font-weight:bold;
	color:#333;
	display:inline-block;
	margin:0 .1rem;
}
.success_body a{
	display:block;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	text-align:right;
	margin:0 .4rem;
	margin-top:.1rem;
	background:url(../images/new_img/news18.png) no-repeat 60% center;
	background-size:.26rem .26rem;
	color:#999;
	font-size:.20rem;
}
.topic_history{
	margin-top:.4rem;
}
.topic_history a{
	display:block;
	height:.6rem;
	line-height:.62rem;
	font-size:.26rem;
	border-radius:.5rem;
	text-align:center;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	color:#fff;
	background:#F3AC0B;
}
.jf_pop{
	background:rgba(0,0,0,0.8);
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:99;
}
.jf_box{
	position:absolute;
	top:30%;
	left:19.75%;
	width:60.5%;
	background:#F5E7CA;
	border-radius:.2rem;
}
.jf_head img{
	display:block;
	height:.75rem;
	width:100%;
}
.jf_con{
	padding:.2rem;
}
.jf_con dt{
	font-size:.18rem;
	color:#999;
	margin-bottom:.1rem;
	line-height:.35rem;
}
.jf_con dd p{
	font-size:.24rem;
	color:#333;
	font-weight:bold;
	margin:.1rem .15rem;
}
.jf_con dd span{
	display:block;
	font-size:.18rem;
	color:#999;
	margin:0 .15rem;
}