html,body{ width: 100%; height: 100%; min-width: 320px; overflow-x: hidden;}
.zonelist{padding: 0 0 10px 0;}
.zonelist li{ padding: 10px 0;}
.zonelist li .uimg{ padding-top: 10px;}
.zonelist li .uimg .vpic{ width: 90%; height: 180px; background: #000; position: relative;}
.zonelist li .uimg .vpic img,.vplayer img{ width: 100%; height: 100%;}
.zonelist li .uimg .vpic s,.vplayer s{position: absolute; left: 0; right: 0; top: 0; bottom: 0;background: #000;filter:Alpha(opacity=60);-ms-opacity: .6; opacity: .6; transition:all .2s;}
.zonelist li .uimg .vpic b,.vplayer b{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background: url(../images/bofang.png) no-repeat center center; transition:all .2s;}

.zonelist li .uimg .vimg{ width: 94.5%;}
.zonelist li .uimg .vimg span{width: 45%; height: 90px; display: inline-block; text-align: center; line-height: 80px; margin: 10px 10px 0 0; border: solid 1px #e7e7e7;}
.zonelist li .uimg .vimg img{ max-width: 100%; height: 100%;}


.mpop{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 2; display:none;}
.mpop>a{ position: absolute;top: 40px; right: 10px; display: block; width: 32px; height: 32px;background:url("../images/close.png") no-repeat center center #33a6ff; text-align: center; line-height: 38px; text-align: center; border-radius: 50%; z-index: 5;}
.mpop video{ width: 100%; height: 100%;/*object-fit:fill;*/}


.shipin h2{border-bottom:solid 1px #e7e7e7; font-size: 16px; padding: 10px;}
.shipin p{ padding: 10px;}
.vplayer{ width: 100%; height: 240px; position: relative;background: #000;}

.wenzhang .article-title-warp{ margin-bottom: 0;}
.wenzhang .article-title-warp h2{  color: #333; padding: 12px 10px; font-size: 16px;word-break: break-all;}
.article-title-warp span+span{ margin-left: 10px;}
.wenzhang .article-content{ padding: 10px; font-size: 14px; line-height: 22px;}
.wenzhang .article-content p{ margin-bottom: 10px;}
.wenzhang .article-content img{ max-width: 100%;}

.sharepdf .article-title-warp p span{ font-size: 12px;}
.share-article{ padding: 10px;}
.sharepdf .pdfopen{ padding: 0 10px 20px 10px;}
.sharepdf .pdfopen audio{width: 80%;}
.sharepdf .pdfopen video{ background: #000;object-fit:fill;}

/**录播课分享**/
.sharecover{ width: 100%; height: 225px;}
.sharecover img{width: 100%; height: 100%;}
.course-tabBox .hd{ height:44px; line-height:44px; font-size:16px; border-bottom:1px solid #e7e7e7;  padding:0 10px;}
.course-tabBox .hd ul{display:-moz-box;display:-webkit-box;display:-o-box;display:box;}
.course-tabBox .hd ul li{-moz-box-flex:1;-webkit-box-flex:1;-o-box-flex:1;box-flex:1;text-align: center; }
.course-tabBox .hd ul li a{ display: block; border-bottom: solid 2px transparent;}
.course-tabBox .hd ul li.on a{ color:#33a6ff; border-color: #33a6ff; height:43px; line-height:43px;  }
.course-tabBox .bd .content{ padding:10px;  }
.teachtit,.teachuser{ border-bottom: solid 1px #e7e7e7; padding: 10px 0; }
.teachtit h3{ font-size: 16px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.teachtit h3 em{ font-size: 20px;}
.teachtit p{ padding-top: 5px; color: #999;}
.teachuser img{width: 50px; height: 50px; border-radius: 50%; float: left; margin-right: 10px;}
.teachuser span{ display: block; padding-top: 5px;}
.arcbox *{ max-width: 100%;}
.arcbox p{ margin: 5px 0;}

.keshi .ptxt{ display: block; padding: 10px 0;}
.keshi .period li+li {border-top: solid 1px #e5e5e5;}
.keshi .period li a{font-size: 1.5rem;padding: 10px 0;  display: block;}
.keshi .period li.active a{  color:#4ed87b;}

.shpl h3{ font-size: 16px;}
.shpl ul dl+dl{border-top: solid 1px #e5e5e5;}
.shpl ul dl{ padding: 10px 0; overflow: hidden;}
.shpl ul dl dt{  float: left;width: 50px;  margin-right: 10px;}
.shpl ul dl dt img{width: 50px; height: 50px; border-radius: 50%;}
.shpl ul dl dt span{ display:block; text-align:center;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.shpl ul dl dd span.gray{ font-size: 12px;}
.shpl ul dl dd{ float: right; width: 82%;}

.prism-player .prism-big-play-btn{position: absolute;top:50%!important; left:50%!important; bottom:auto!important; margin-top:-32px!important;  margin-left:-32px!important;}