#example{width:2.76rem;height:2.76rem;float:none;border-radius: 50%;margin:auto;margin-top:0.64rem;border: 3px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display: block;overflow: hidden;}	
.jp-audio .jp-progress span {
		position: relative;
		display: block;
		width: 0%;
		height: 3px;
	}
	.jp-audio .jp-progress span:after { position: absolute; right: -5px; top: -6px; content: ""; width:13px; height: 13px; background-image: url(/mobile/public/img/tsqwz1N.png); background-position: center; background-repeat: no-repeat; border-radius: 50%;}
	:not(textarea) { 
		-webkit-touch-callout:none; 
	  -webkit-user-select:none; 
	  -khtml-user-select:none; 
	  -moz-user-select:none;
	  -ms-user-select:none; 
	  user-select:none;
	}
 .swiper-container {
        width: 100%;
        height:auto;
    }
    .swiper-slide {
       width: 108px;
    }
.swiper-wrapper:first-child{margin-left: 0px;}
.swiper-slide img{height:2.5rem ;}
.swiper-slide p{font-size:0.24rem;color: #666666;}
.swiper-slide span{font-size: 0.22rem;color: #999999;}   
.checked699{width: 10px;height: 10px;border: none;border: 1px solid #eoeoeo;background: #fofofo;display: inline-block;}
.jp-type-playlist{background: #fff;}
.jp-controls-holder{background: #fff;}
.jp-controls{background: none;width:100%;text-align: center;background: #fff;position: relative;}
#is_sc{width: 100%;position: absolute;top:40px;text-align: right;}
#is_sc img{width:0.4rem;height:0.38rem;vertical-align: middle;padding-right:0.24rem;}
#is_like_xin{width: 100%;position: absolute;top:2.4rem;text-align: right;}
#is_like_xin img{width:0.4rem;height: 0.36rem;vertical-align: middle;padding-right: 0.24rem;}
#is_like_xin span{font-size: 0.22rem;font-family:DINAlternate-Bold ;color: #999999;display: block;padding-right:0.3rem;}
#yfz{width:70%;margin:auto;margin-top:-1.7rem;text-align: center;}
#book_name{width: 100%;line-height:0.4rem;color: #212d3f;font-size: 0.28rem;float: left;margin-top:1rem;text-align: center;}
#yy{text-align: right;margin-top:0.6rem;display: none;}
#yy a #collect{width:0.38rem;height:auto;margin-right: -2px;}
#yy a span{color: #999999;display: block;margin-top: -0.6rem;margin-right: 0.01rem;}
#ff{text-align: right;margin-top:0.9rem;display: none;}
#ff a{display: block;margin-right: -4px;}
#ff a #like{width:0.4rem;height: 0.36rem;margin-right: 3px;}
#ff a span{color: #999999;display: block;margin-top: -0.6rem;margin-right: 0.2rem;}
.scroll_box{width:80%;margin: 6px auto 5px;line-height: 0.26rem;text-align: end;}
.scroll_box #scroll{width:97%;height:3px;display: inline-block;vertical-align: middle;}
.jpcurrenttime_box{width:80%;margin: 0 auto 5px;overflow: hidden;}
#jpcurrenttime{font-size:0.22rem;}
#jpduration{font-size:0.22rem;}
.contain{overflow: auto;width: 100%;background: #fff;}
.main_top{margin-top:0.28rem;}
.main_top img, .main_top a img, .main_top a span{vertical-align: middle;}
.main_top a{margin-top: 0.2rem;}
.main_top #jump img{width:0.3rem;height:auto;}
#con_desc{font-size: 0.28rem;color: #666666;width: 94%;margin:0.14rem 3% 0;text-align: justify;overflow:hidden ;line-height:0.54rem;}
#con_desc1{font-size:0.28rem;color: #666666;width: 94%;margin:0.14rem 3% 0;text-align: justify;overflow:hidden ;line-height:0.54rem;}
.h_title{width: 100%;font-size:0.32rem;color:#212d3f;background: url(/mobile/public/img/group4@2x.png) no-repeat 50%;line-height:0.5rem;text-align: center;background-size: 35%;margin-top:0.3rem;font-weight: 500;}
.course_video_box{width: 100%;background: #fff;margin-top: 0.24rem;}
.main_width{margin-bottom:0.2rem;}
.swiper-slide a img{width:2.16rem;height:2.5rem;}
.swiper-slide a span{width: 100%;height:0.6rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block;}
.main_pl{margin-bottom:1.4rem}
.head_por_box{height: auto;overflow: hidden;margin-top:0.4rem;width: 92%;margin: auto;}
.head_por_box .head_por{width: auto;}
.head_por_box .head_por .avatar{width: 0.7rem;height:0.7rem;float: left;border-radius: 50%;}
.head_por_box .head_por .saite{font-size:0.3rem;color: #999999;padding-left:0.24rem;}
.head_por_box .head_por .good_top{float: right;line-height:0.7rem;}
.head_por_box .head_por .good_top img{width:0.26rem;height:auto;}
.head_por_box .head_por .good_top span{color: #999999;}
.pl_main{border-bottom: 1px solid #f2f2f2;}
.pl_main #say_pl{font-size: 0.28rem;color: #666666;word-break: break-all;}
.no_plun{width:2.34rem;height:2.38rem;display: block;margin: 1rem auto;}
.jimo{width: 100%;line-height:0.5rem;text-align: center;font-size:0.32rem;}
.gundan{position: fixed;z-index: 99;background: #f4f5f6;bottom: 0;border: 1px solid #dcddde;border-bottom: none;width: 100%;}
.gundan .foot_ul{border: none;position: relative;}
.gundan .foot_ul .w{vertical-align: middle;height:0.92rem;width:5.56rem;}
.gundan .foot_ul .w1{vertical-align: middle;height:0.92rem;width:4.36rem;}
.gundan .foot_ul .h{height:0.74rem;width:0.88rem;position: absolute;top:5px;right:0.5rem;}
.gundan .foot_ul .h1{height:0.74rem;width:0.88rem;position: absolute;top:5px;right: 1.9rem;}
.gundan .foot_ul .t{height:0.74rem;width:0.88rem;position: absolute;top:5px;right:0.5rem;}
.qqq{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top: 0;z-index: 999;display: none;}
.qqq .form_alert_box{position: fixed;
z-index: 99;
bottom: 0;
width: 100%;
overflow: hidden;
background: #f4f5f6;
height:auto;}
.qqq .form_alert_box form #comment_id{margin: 14px 5% 10px 5%;
    margin-top:0.28rem;
width: 90%;
height:2.02rem;
line-height:0.42rem;
border: none;
font-size:0.3rem;
font-family: PingFangSC-Regular;
box-shadow: none;}
.qqq .form_alert_box form div {
    height: 0.56rem;font-size: 0.24rem;
    width: 100%;
    overflow: hidden;
}
.qqq .form_alert_box form div #submit_btm{margin-right:0.3rem;
width:1.2rem;
line-height:0.56rem;
float: right;
border: none;
border-radius: 4px;
text-align: center;
color: #fff;
vertical-align: middle;
font-size:0.24rem;
font-family: PingFangSC-Regular;
background: #cacaca;}
.alert_boxwwwww{display:none;background: url(/mobile/public/img/rectangle29@2x.png) no-repeat;}
.alert_boxwwwww .n_box{width: 80%;margin:auto;margin-top:20%;height:50%;}
.alert_boxwwwww .n_box .alert_main{background: url(/mobile/public/img/group3@2xx.png) no-repeat;background-size: 100%;width: 80%;margin-left: 10%;margin-top: 0;position: initial;overflow: hidden;}
.alert_boxwwwww .n_box .alert_main .t_img_box{width: 100%;height:0.56rem;line-height:0.56rem;text-align: center;font-size:0.48rem;color: #6e6f86;}
.alert_boxwwwww .n_box .alert_main .t_img_box img{vertical-align: middle;width: 0.48rem;height: 0.48rem;display: inline;margin: 0;}
.alert_boxwwwww .n_box .alert_main .t_img_box span{font-size:0.48rem;color: #6e6f86;display: inline;margin: 0;width: auto;}
.alert_boxwwwww .n_box .alert_main .t_img_box .t_t{margin-top:5px;line-height:0.32rem;font-size: 0.22rem;text-align: center;margin-bottom: 0;}
.alert_boxwwwww .n_box .alert_main .t_img_box .t_thr{line-height: 17px;margin-top:25px;overflow: hidden;}
.alert_boxwwwww .n_box .alert_main .t_img_box .t_thr .span1{margin-left:0.42rem;color: #6e6f86;font-size:0.24rem;float: left;width: auto;margin-top: 0;line-height:0.36rem;}
.alert_boxwwwww .n_box .alert_main .t_img_box .t_thr .span2{margin-right:0.42rem;color: #6e6f86;font-size: 0.24rem;width: auto;float:right ;margin-top: 0;line-height:0.36rem;width: 65%;overflow: hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.alert_boxwwwww .n_box .alert_main .t_img_box .t_f{line-height: 17px;margin-top:18px;overflow: hidden;}
.alert_boxwwwww .n_box .alert_main .t_img_box .t_f span{margin-left: 0.42rem;color: #6e6f86;font-size:0.24rem;float: left;width: auto;margin-top: 0;line-height:0.36rem;}
.alert_boxwwwww .n_box .alert_main .jump_buy_a{margin-top:0.1rem;background: url({/mobile/public/img/rectangle39.png) -6px 0 no-repeat;width: 3.16rem;margin-bottom:0px;}
.alert_boxwwwww .n_box .alert_main .a_middle{margin-top:0.3rem;line-height:0.32rem;font-size:0.22rem;text-align: center;color: #787aae;width: 100%;display: block;background: none;margin-bottom:0.3rem;}
.show_alert{position: absolute;width: 100%;height: 100%;background:#3c3c3c;top: 0;z-index:99999999;display: none;margin-bottom: -10px;}
.show_alert .show_alert_con{width:6.82rem;height:9.6rem;overflow: auto;line-height: 0.6rem;font-size:0.32rem;color: #fff;font-family: PingFangSC-Regular;margin:auto;margin-top:0.32rem;text-align: justify;text-indent:0.64rem;overflow: auto;}
.show_alert .hide_alert{width: 100%;line-height:1.04rem;text-align: center;font-size: 0.36rem;color: #3c3c3c;font-family: PingFangSC-Regular;background: #fff;position: fixed;bottom:-3px;z-index: 999999999999999;}
.alert_box{display: none}
.alert_box .alert_main{width:5.4rem;background:none;margin:auto;font-size: 0;position: initial;}
.alert_box .alert_main img{width:100%;height:auto;margin: auto;}
.alert_box .alert_main .chick{width:5.46rem;height:0.78rem;background: #fff;overflow: hidden;margin: auto;}
.alert_box .alert_main .chick .p_box{width: 50%;line-height:0.24rem;float: left;color: #e68c8c;font-size: 0.26rem;margin-top:0.4rem;}
.alert_box .alert_main .chick .p_box input{margin-left:0.88rem;margin-right: 0.1rem;}
.alert_box .alert_main #jiu, .alert_box .alert_main #six{margin:auto;width: 5.46rem;height: 1.74rem;line-height:1.74rem;background:#fff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;overflow: hidden;}
.alert_main #six{display: none;}
.alert_box .alert_main #jiu img, .alert_box .alert_main #six img{height:1.08rem;margin: auto;margin-top:0.16rem;}
.alert_box_f{display:none;width: 100%;height: 100%;background:rgba(0,0,0,0.7);position: fixed;top:0;left: 0;z-index: 99999;}
.alert_box1 .alert_main{width: 80%;left:10%;background: none;margin-left: 0;margin: auto;}
.alert_box1 .alert_main img{width:5.86rem;height:auto;margin: auto;}
.alert_box2 #show_pic{width:100%;height:90%;margin-bottom: -0.1rem;}
.alert_box2 p{width: 100%;height:10%;background: #1b1e1f;margin-bottom: -5px;}
.alert_box2 p span{margin-left:0.5rem;font-size:0.24rem;color: #fff;line-height:0.92rem;font-family: PingFangSC-Regular;}
.alert_box2 p img{width:0.44rem;height:0.44rem;margin-right: 0.2rem;vertical-align: middle;}
.label_course{vertical-align: sub;width: 0.3rem;height: 0.3rem;border: 1px solid #ccc;border-radius:50%;display: inline-block;margin-left:0.32rem;}
.label_chocked{vertical-align: sub;width: 0.3rem;height: 0.3rem;border: 1px solid #fff;border-radius: 6px;display: inline-block;margin-left:0.32rem;background: url(/mobile/public/img/ic_select_sele.png) no-repeat;background-size: 100% 100%;}