.header{
	background: #fff;
	font-size: 0.3rem;
	width: 100%;
}
.header-box{
	height: .98rem;
	line-height: .98rem;
	text-align: center;
	position: relative;
}
.header-box a{
	color: #333;
	font-size: .32rem;
}
.header-box a.on{
	color: #01b2b6;
	position: relative;
	font-weight: bold;
}
.header-box a.on::after{
	content: "";
	display: block;
	width: .4rem;
	height: .04rem;
	background: #01b2b6;
	position: absolute;
	bottom: -.15rem;
	left: .4rem;
	border-radius: 4px;
}
.live_banner{
	display: block;
	width: 100%;
	height: 2.2rem;
	overflow: hidden;
}
.live_banner .swiper-pagination{
	bottom: 0;
	width: 100%;
}
.live_banner .swiper-pagination-bullet-active {
    background: #fff;
}
.live_banner .swiper-pagination-bullet {
    width: 0.24rem;
    height: 0.08rem;
    border-radius: 0;
	margin: 0;
}
.live_banner .swiper-pagination-bullet:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.live_banner .swiper-pagination-bullet:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.header-box .flex_fow:last-child a{
	background: url(../../Images/live/index_list/icon_search.png) no-repeat;
	background-size: 100% 100%;
	width: .4rem;
	height: .4rem;
	display: inline-block;
	vertical-align: middle;
}
/***/
.nav_live{
	display: flex;
	display: -webkit-flex;
	background: #fff;
	text-align: center;
	padding: .3rem 0 .4rem 0;
}
.nav_live a{
	flex: 1;
	-webkit-flex: 1;
	color: #666666;
	font-size: .26rem;
	line-height: initial;
}
.nav_live a img{
	width: .8rem;
	height: .8rem;
	display: inline-block;
}
/*********live********/
.ui-cells{
	margin-top: 0;
	font-size: .24rem;
	background: #f3f5f5;
}
.live_box{	
	border-radius: 5px;
	width: 100%;
	height: 2.84rem;
	position: relative;
	margin-bottom: .2rem;
	overflow: hidden;
}
.live_box:last-child{
	margin-bottom: 0;
}
.bgImg{
	position: absolute;
	width: 100%;
	height: 2.84rem;
}
.bgImg::after{
	/* content: "";
	display: block;
	clear: both;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient( 181deg, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
	width: 100%;
	height: 100%;
	border-radius: 6px; */
}
.live_box .live_hed{
	position: absolute;
	left: 0;
	top: .16rem;
	width: 100%;
	z-index: 3;
}
.live_box .to_url{
	height: 2.84rem;
}
.live_hed .icon_zhibo,
.dashi .audio_box.state_1 .aud_text > div .icon_zhibo{
	 margin-left: .16rem;
	 background: #FF406B;
	 border-radius: 4px;
	 display: block;
	 clear: both;
	 overflow: hidden;
	 color: #fff;
	 font-size: .24rem;
	 float: left;
	 text-align: center;
	 padding: 0 .1rem;
	 height: 19px;
	 line-height: 19px;
	 z-index: 3;
	 position: relative;
}
.dashi .audio_box.state_1 .aud_text > div {
	padding-top: .08rem;
}
.dashi .audio_box.state_1 .aud_text > div .icon_zhibo{
	margin-left: 0;
}
.live_hed .icon_zhibo .icon_zb,
.dashi .audio_box.state_1 .aud_text > div .icon_zb{
	background: url(../../Images/icon_live_w.gif) no-repeat;
	background-size: cover;
	width: .14rem;
	height: .14rem;
	display: block;
	float: left;
	margin: 6px 0rem 0 0;
}
.live_hed .b_now,
.dashi .audio_box.state_1 .aud_text > div .b_now{
	display: inline-block;
	float: left;
	padding: 0 .1rem;
	height: 19px;
	line-height: 19px;
	background: rgba(0,0,0,.6);
	border-top-right-radius: 4px;
	font-size: .24rem;
	border-bottom-right-radius: 4px;
	color: #fff;
	font-weight: normal;
	position: relative;
	left: -.05rem;
}
.live_hed .b_now .icon_now,
.dashi .audio_box.state_1 .aud_text > div .icon_now{
	background: url(../../Images/live/index_list/live_icon_heat.png) no-repeat;
	background-size: 100% 100%;
	width: .2rem;
	height: .2rem;
	display: block;
	float: left;
	margin: .06rem 0.1rem 0 .1rem;
}	
.live_hed .b_now .icon_now{
	margin-top: 4px;
}
.live_hed span{
	background: rgba(0,0,0,.3);
	display: block;
	padding: 0 .1rem;
	height: 19px;
	line-height: 19px;
	float: left;
	margin-left: .14rem;
	color: #fff;
	font-size: .24rem;
	text-indent: .08rem;
	border-radius: 4px;
}
.live_hed_2.live_hed span{
	/* margin-left: 1.9rem; */
}
.live_hed span .icon_kecheng{
	background: url(../../Images/live/index_list/live_icon_course.png) no-repeat;
	background-size: 100% 100%;
	width: .2rem;
	height: .2rem;
	display: block;
	float: left;
	margin-left: .1rem;
	margin-top: 4px;
}
.live_hed i.kb {
	background: linear-gradient(-54deg,rgba(1,178,182,1) 0%,rgba(0,197,165,1) 100%);
	display: block;
	color: #fff;
	margin-left: .1rem;
	float: left;
	padding: 0 .2rem 0 .1rem;
	height: 19px;
	line-height: 19px;
	font-size: .24rem;
	border-radius: 4px;
	position: relative;
	z-index: 3;
}
.live_hed i.kb b{
	/* width: 3px;
	height: 3px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: .08rem;
	top: .15rem; */
}
.live_kb span{
	border-radius: 4px;
}
.live_hed div.zbhf {
	background: #01b2b6;
	    padding: 0 .1rem 0 .12rem;
    height: 19px;
    line-height: 19px;
	color: #fff;
	float: left;
	display: block;
	margin-left: .1rem;
	font-size: .24rem;
	border-radius: 4px;
	position: relative;
	z-index: 3;
}
.live_hed div.zbhf i{
	background: url(../../Images/live/sy_icon_details_zb2x.png) no-repeat;
	background-size: 100% 100%;
	width: .12rem;
	height: .16rem;
	display: inline-block;
	margin-left: .06rem;
	margin-right: .06rem;
}
.live_hed .icon_shoucang{
	background: url(../../Images/live/index_list/sc1.png) no-repeat;
	background-size: 100% 100%;
	width: .42rem;
	height: .42rem;
	display: block;
	float: right;
	margin-right: .3rem;
	margin-top: 0;
}
.live_hed .icon_shoucangOk{
	background: url(../../Images/live/index_list/sc.png) no-repeat;
	background-size: 100% 100%;
	width: .4rem;
	height: .4rem;
	display: block;
	float: right;
	margin-right: .3rem;
	margin-top: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.live_hed .dataNew{
	float: left;
	background: rgba(0, 0, 0, 0.3);
	padding: 0 .14rem;
	height: 19px;
	line-height: 19px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	font-size: .24rem;
	position: relative;
	left: -.1rem;
}
.live_hed .dataNew_2{
	background: rgba(0, 0, 0, 0.3);
	float: left;
	display: block;
}
.live_hed .dataNew i{
	display: block;
	float: left;
}
.live_hed .dataNew i.icon_time{
	background: url(../../Images/live/index_list/live_icon_course_time.png) no-repeat;
	background-size: 100% 100%;
	width: .2rem;
	height: .2rem;
	margin: 4px .07rem 0 .08rem;
}
.live_hed .dataNew_2 i.icon_time{
	background: url(../../Images/live/index_list/live_icon_heat.png) no-repeat;
	background-size: 100% 100%;
}
.live_hed .dataNew i.timeDate{
	color: #fff;
}

.live_left{
	position: absolute;
	left: 0;
	bottom: .2rem;
	z-index: 3;
}
.live_left img,
.live_left span,
.live_left em{
	display: block;
	float: left;
	color: #fff;
}
.live_left img{
	width: .52rem;
	height: .52rem;
	/* border-radius: 50%; */
}
.live_left span{
	font-size: .26rem;
	font-weight: bold;
	padding-top: .06rem;
	margin: 0 .1rem;
}
.live_left em{
	/* background: #fff;
	font-size: .16rem;
	border-radius: 4px;
	padding: 0rem .16rem;
	margin-top: 0.05rem;
	color: #333; */
	background: #fff;
	    font-size: .16rem;
	    border-radius: 4px;
	    padding: 1px .16rem;
	    position: relative;
	        top: .1rem;
	    color: #333;
	    line-height: normal;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    justify-content: center;
	    align-items: center;
	    align-content: center;
}
.zb_bor,
.kb_bor,
.hb_bor{
	width: .52rem;
	height: .52rem;
	border-radius: 50%;
	margin-left: .2rem;
	margin-top: -.03rem;
	float: left;
	overflow: hidden;
}
.zb_bor{
	border: solid 1px #FF406B;
}
.kb_bor,
.hb_bor{
	/* border: solid 1px #05b6b4; */
}
.live_right{
	position: absolute;
	right: .2rem;
	bottom: .2rem;
	color: #fff;
	font-size: .24rem;
	z-index: 3;
}
.live_right i{
	display: inline-block;
	color: #fff;
	border-radius: 16px;
	padding: .06rem .16rem;
	margin-left: .16rem;
}
.live_right i.tip{
	background: #FF406B;
}
.live_right i.yuyue{
	background: #333;
}
.line-box{
	padding: .3rem .75rem;
}
.no_status{
	text-align: center;
	padding: 0 .2rem;
}
.no_status h4{
	font-size: .32rem;
	color: #262626;
	text-align: left;
	padding-bottom: .3rem;
}
.kongImg{
	text-align: center;
	padding: .5rem 0 .7rem;
	font-size: .26rem;
	color: #666;
}
.kongImg img{
	display: inline-block;
	width: 3.8rem;
	height: 3.48rem;
}
.kongImg p{
	padding: .2rem 0;
}
/**收藏****/
.collection{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	background: #fff;
	width: 5.4rem;
	height: 2.8rem;
	text-align: center;
	border-radius: 10px;
}
.coll-model .collection{
	height: 3.2rem;
}
.collection h4{
	padding-top: .3rem;
	color: #000;
	font-size: .36rem;
	font-weight: normal;
	padding-top: .4rem;
}
.collection p{
	padding: .2rem 0 .3rem;
	font-size: .28rem;
	color: #666;
	line-height: .42rem;
	border-bottom: solid 1px #9f977e;
}
.collection .coll_btn{
	display: block;
	padding: .27rem 0;
	color: #007aff;
	font-size: .25rem;
}

/*音频*/
.audio_box{
	background: #f6f8f8;
	padding: 0 .2rem .2rem .2rem;
	color: #333;
	position: fixed;
	bottom: 0;
	width: 7.5rem;
	margin: 0rem auto 0;
}
#audio{
	display: none;
}
.audio_box .audio_tes{
	background: #fff;
	border-radius: 40px;
	padding: .15rem .2rem;
}
.audio_box .aud_name img{
	width: .72rem;
	height: .72rem;
}
.audio_box .aud_text{
	padding-left: .2rem;
	font-size: .28rem;
	font-size: .24rem;
	color: #666;
}
.audio_box .aud_text i{
    background: url(../../Images/live/zbz.png) no-repeat;
    background-size: cover;
    width: 1.78rem;
    height: .28rem;
    line-height: .28rem;
    display: block;
    clear: both;
    overflow: hidden;
    margin: .02rem 0 0 0;
    color: #fff;
    font-size: 12px;
	text-indent: 1.2rem;
	text-align: center;
}
.aud_btn{
	width: .58rem;
	height: .58rem;
	margin-top: .14rem;
}
.aud_icon_b{
	background: url(../../Images/live/bofang.png) no-repeat;
	background-size: cover;
}
.aud_icon_z{
	background: url(../../Images/live/zanti.png) no-repeat;
	background-size: cover;
}
.audio_box .aud_close{
	background: url(../../Images/live/X.png) no-repeat;
	background-size: cover;
	width: .36rem;
	height: .36rem;
	position: absolute;
	left: 0;
	top: 0;
}
/*引导步骤*/
.yindao{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 990;
}
.yindao .mask{
	background: rgba(0,0,0,.3);
}
.yindao img{
	position: absolute;
	z-index: 999;	
}
.yindao img.yindao_1{
	width: 4.71rem;
	height: 2.91rem;
	left: 1.4rem;
	top: .5rem;
}
.yindao i.yindao_1_1{
	position: absolute;
	left: 4.6rem;
	top: .3rem;
	z-index: 999;
	background: #fff;
	width: 1.75rem;
	height: .5rem;
	line-height: .5rem;
	border-radius: 5px;
	text-align: center;
	font-size: .3rem;
	color: #666;
}
.yindao img.yindao_2{
	width: 4.88rem;
	height: 1.49rem;
	left: 1.5rem;
	top: 4rem;
}
.yindao .yindao_2_1{
	position: absolute;
	left: 6.62rem;
	top: 3.8rem;
	z-index: 999;
	width: .5rem;
	height: .5rem;
	background: rgba(255,255,255,.6);
	border-radius: 50%;
	text-align: center;
}
.yindao .yindao_2_1 i{
	background: url(../../Images/live/index_list/sc.png) no-repeat;
	background-size: cover;
	width: .4rem;
	height: .4rem;
	display: block;
	margin-top: .049rem;
	margin-left: .049rem;
}
.yindao img.yindao_3{
	width: 4.78rem;
	height: 1.71rem;
	left: 1rem;
	top: 7.2rem;
}
.yindao .yindao_3_1{
	position: absolute;
	z-index: 999;
	top: 8.4rem;
	left: 5.58rem;
	background: rgba(255,255,255,.6);
	text-align: center;
	padding: .1rem .16rem;
	border-radius: 5px;
}
.yindao .yindao_3_1 span{
	display: inline-block;
	color: #fff;
	border-radius: 10px;
	padding: .06rem .2rem;
	background: #01b2b5;
}
.yindao img.yindao_4{
	width: 2.1rem;
	height: .9rem;
	left: 2.7rem;
	top: 10.4rem;
}
/*****修改默认样式*****/
.ui-toast{
	font-size: .28rem;
	padding: .3rem 1rem;
	line-height: initial;
}
.mask{
	top: 0;
}
/**/

.dashi .audio_box {
	padding: .16rem 0 0 0;
	position: relative;
}
.dashi .audio_box a{
	display: block;
	background: #fff;
}
.dashi .audio_box a .title{
	font-size: .32rem;
	font-weight: bold;
	color: #333;
	padding-left: .32rem;
	padding-top: .32rem;
}
.dashi .audio_box .audio_tes{
	border-radius: 0;
	padding: .32rem .32rem;
	display: flex;
}
.dashi .audio_box .aud_name{
	width: .88rem;
	height: .88rem;
	/* padding-top: .12rem; */
}
.dashi .audio_box .aud_name img{
	width: .88rem;
	height: .88rem;
	border-radius: 50%;
	border: solid21px #fc8a70;
}
.dashi .audio_box .aud_name.aud_name_c img{
	border: solid 2px #FF406B;
}
.dashi .audio_box .aud_text{
	flex: 1;
	padding-left: 10px;
	font-size: .24rem;
	color: #333;
	font-weight: normal;
}
.dashi .audio_box .aud_text h3{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 5rem;
}
.dashi .audio_box .aud_text i{
    background: url(../../Images/live/zbz.png) no-repeat;
    background-size: cover;
    width: 1.78rem;
    height: .28rem;
    line-height: .28rem;
    display: block;
    clear: both;
    overflow: hidden;
    margin: 8px 0 0 0;
    color: #fff;
    font-size: 12px;
	text-indent: 1.1rem;
	text-align: center;
}
.dashi .audio_box.state_1 .aud_text i{
	background: none;
}
.dashi .audio_box .aud_text p {
	padding-top: .1rem;
}
.dashi .audio_box .aud_text p span{
	display: block;
	float: left;
	font-size: .24rem;
	padding: 0 .1rem;
	color: #fff;
	position: relative;
}
.dashi .audio_box .aud_text p span.time_3{
	background: #01b2b6;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.dashi .audio_box .aud_text p span.time_4{
	background: rgba(0,0,0,.6);
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.dashi .audio_box .aud_text p span.time_4 b{
	background: url(../../Images/live/index_list/rd.png) no-repeat;
	background-size: 100% 100%;
	width: .18rem;
	height: .18rem;
	display: inline-block;
	float: left;
	margin-right: 5px;
	margin-top: .1rem;
}
.dashi .aud_btn{
	width: .12rem;
	height: .2rem;
	margin-top: .24rem;
}
.dashi .aud_icon_b{
	background: url(../../Images/color.png) no-repeat;
	background-size: 100% 100%;
}
.dashi .aud_icon_c{
	background: url(../../Images/color.png) no-repeat;
	background-size: 100% 100%;
}

/*广告弹窗*/
.adverMOdel{
	position: fixed;
	right: 0;
	bottom: 3rem;
	z-index: 29900;
}
.adver{
	width: 3rem;
	height: 3rem;
	background: red;
	z-index: 29901;
}
.advcerCon{
	position: absolute;
	width: 10rem;
	height: 10rem;
	background: #fff;
	z-index: 29901;
}


.pusher-popu{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 29000;
}
.pusher-popu .popu-mask{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 28500;
}
.pusher-popu .modWin{
	width: 90%;
    z-index: 990;
    top: 43%;
    z-index: 29980;
    /* min-height: 18rem; */
}
.pusher-popu .skip_btn{
    /* width: 3rem; */
    display: block;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    -o-transform:translateX(-50%); 
    -ms-transform:translateX(-50%); 	
    -moz-transform:translateX(-50%); 	
    -webkit-transform:translateX(-50%);
    z-index: 29990;
}
.small-pusher{
    position: fixed;
    right: 0rem;
    bottom: .2rem;
    width: 1rem;
    z-index: 29900;
    
}
.pusher-popu .close{
    position: absolute;
    z-index: 29990;
    top: -1.6rem;
    right: -.32rem;
}
.icon-close{
	font-size: .8rem;
}
#list-ajax-load.ui-cells:after{
	border-bottom: none;
}
/****************/
.search_fix{
	padding: .12rem .32rem;
	overflow: hidden;
}
.search_fix .sech{
	width: 5.9rem;
	background: #F7F7F7;
    border-radius: 16px;
	height: .64rem;
	line-height: .64rem;
	position: relative;
	float: left;
}
.search_fix .sech i{
	background: url(../../Images/live/index_list/icon_search2.png) no-repeat;
	background-size: cover;
	width: .3rem;
	height: .28rem;
	display: inline-block;
	position: relative;
	top: .04rem;
	margin: 0 .1rem 0 .2rem;
}
.search_fix .sech input{
	display: inline-block;
	width: 80%;
	font-size: .28rem;
}
.search_fix .sech input::-webkit-input-placeholder{
	color: #BBBBBB;
}
.search_fix .sech input::-moz-placeholder {
  color: #BBBBBB;
}
.search_fix .sech input:-ms-input-placeholder {
  color: #BBBBBB;
}  
.search_fix a{
	float: right;
	font-size: .3rem;
	width: .7rem;
	height: .64rem;
	line-height: .64rem;
}
.search_conten{
	padding: .4rem .32rem .1rem .32rem;
}
.search_conten .title{
	font-size: .28rem;
	font-weight: bold;
	padding-bottom: .05rem;
}
.search_conten .title span{
	float: right;
}
.search_conten .title i{
	background: url(../../Images/live/index_list/search_icon_de.png) no-repeat;
	background-size: cover;
	width: .26rem;
	height: .24rem;
	display: inline-block;
	position: relative;
	top: .02rem;
	margin: 0 .1rem 0 .2rem;
}
.search_conten section span{
	display: inline-block;
	height: .62rem;
	line-height: .6rem;
	text-align: center;
	background: #F4F4F4;
	border-radius: 16px;
	border: 1px solid #EEEEEE;
	font-size: .28rem;
	color: #333;
	padding: 0 .18rem;
	margin-top: .16rem;
}


.play_banner{
	background: url(../../Images/live/forum/ls_bg_zbhf.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 1.6rem;
}
.play_banner a{
	display: block;
	color: #fff;
}
.play_banner img{
	width: 0.8rem;
	height: 0.8rem;
	overflow: hidden;
	border-radius: 50%;
    border: 2px solid #FFFFFF;
	float: left;
	margin: .4rem .16rem 0 .4rem;
}
.play_banner h3{
	font-size: .32rem;
	padding-top: .35rem;
}
.play_banner h3 p{
	font-size: .24rem;
	opacity: .6;
	font-weight: normal;
}
.ui-cells:before{
	border: none;
}

.icon_back {
    float: left;
    background: url(../../Images/Product/index/nav_icon_back2x.png) no-repeat;
    background-size: 100% 100%;
    width: .24rem;
    height: .4rem;
    margin-top: .08rem;
    margin-right: .28rem;
    display: none;
}