@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%;}
body{font:14px/1.5 微软雅黑;color:#333;}
ul{list-style-type: none;}
input,select,textarea{vertical-align:middle !important; font:14px 微软雅黑 !important; color:#333 !important; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;color:#333;}
table{border-spacing:0px; border-collapse:collapse;width:100%; border:0px;margin:0;padding:0;}
img{border:0px; max-width: 100%;}
em,i{font-style:normal;}
b{ font-weight:normal;}
.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}
.fl{float:left !important; }
.fr{float:right !important; }
.blue{color:#0099ff !important;}
.wrap_grey{background: #efeff4;}
/*专题首页*/
.create-art{ height:30px; line-height:30px; padding:0 10px;background: -webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%) center bottom no-repeat #efeff4;background-size: 100% 1px;}
.banner img{ display:block; width:100%;}
.topicList{ background:#FFF;}
.topicList:first-child h2{background-color: #f7f7f7;background-image: -webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%); background-position:center bottom; background-repeat: no-repeat;  background-size: 100% 1px;}
.topicList h2{background-color: #f7f7f7;background-image: -webkit-linear-gradient(bottom,transparent 50%,#d9d9d9 50%),-webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%); background-position:center top,center bottom; background-repeat: no-repeat;  background-size: 100% 1px; height:30px; line-height:30px; padding:0 10px; color:#999;font-size:15px;}
.topicList .con{padding:0 10px;}
.topicList .con li a{padding:13px 0 12px; line-height:20px; display:block;background: -webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%) center bottom no-repeat;background-size: 100% 1px; font-size:16px;width:100%; }/*2015.12.16*/
.topicList .con li:last-child a{ background:none;}
.topicList .con .li2 a{font-size:15px; color:#666565; padding-left:10px;}
.topicList .con .li3 a{font-size:14px; color:#666565;padding-left:20px;}
.topicTit{background-color: #efeff4;background-image: -webkit-linear-gradient(bottom,transparent 50%,#d9d9d9 50%),-webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%); background-position:center top,center bottom; background-repeat: no-repeat;  background-size: 100% 1px; height:30px; line-height:30px; padding:0 0 0 10px; font-size:16px;}
.topicTit h2 {
	font-size: 0.3rem;
	color: #333;
	font-weight: 500;
	font-family: PingFang SC;
}
.topicTit .edit{width:37px; height:100%; background:url(../../../images/special/course/icon1.png) center center no-repeat; background-size:17px auto;}
.topicPl_ul{padding:0 10px;}
.topicPl_ul li{background: -webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%) center bottom no-repeat;background-size: 100% 1px;padding:12px 0 10px; }
.topicPl_ul .top .zan{ height: 37px; position: relative; display:-webkit-box; -webkit-box-align:center;}
.topicPl_ul .top .zan em{ color:#999; font-size:12px; line-height:18px; margin-left:3px; display:inline-block; vertical-align:middle;}
.topicPl_ul .top .zan::before{ content: ""; display:inline-block; vertical-align:middle; width:15px; height: 14px;background: url(../../../images/special/course/icons.png) no-repeat; background-size:100px auto; }
.topicPl_ul .top .zanCur::before{ background-position: -16px 0;}


.topicPl_ul .top .img{width:37px; height: 37px;border:1px solid #CCC; border-radius:5px;margin-right:10px;}
.topicPl_ul .top .img img{width:100% !important; height: 100%;}
.topicPl_ul .top h2{line-height: 14px;margin-bottom:4px;padding-top:3px;}
.topicPl_ul .top h2 .name{ font-size:14px; margin-right:8px;}
.topicPl_ul .top h2 .sort{color:#999; font-size:12px; padding-top:2px; }
.topicPl_ul .top p{color:#CCC; font-size:12px; line-height: 12px;}
.topicPl_ul .lib{padding:8px 0 0 47px;}
.topicPl_ul .lib h3{font-size:14px; line-height: 18px;}
.topicPl_ul .lib .imgBig{max-width:100%; display: block; margin-top:5px;}
.topicPl_ul .lib .imgBig .img{float:left; width:33%; height: 83px; overflow: hidden;padding-right:5px;}
.topicPl_ul .lib .imgBig .img a{width:100%; height:100%;}
.topicPl_ul .lib .imgBig .img img{width:100%; min-height:100%;}
.topicPl_ul .lib .imgS{margin-top:5px;}
.topicPl_ul .lib .imgS .img{float:left; width:52px; height:52px; overflow: hidden;padding-right:3px;}
.topicPl_ul .lib .imgS .img a{width:100%; height:100%;}
.topicPl_ul .lib .imgS .img img{width:100%; min-height:100%;}
.topicPl_ul .lib p{line-height: 17px; margin-top:6px;word-wrap:break-word;word-break:normal; font-size:13px;}
.topicPl_ul .lib time{color:#999; font-size:12px; margin-left:8px;margin-right:8px;}
.topicPl_ul .lib .edit{color:#999; display:inline-block;}
.topicPl_ul .lib .edit span{margin-right:5px;}
.scrollMore{height:40px; line-height: 40px; text-align: center; font-size:12px; color:#b3b3b3;}
.scrollMore1{height:48px; line-height: 48px; text-align: center; font-size:14px; color:#999;}
.lookMore{ position:relative;padding:10px; background:#FFF;}
.lookMoreA{ display:block; font-size:16px; color:#999;height:40px; line-height:40px; text-align:center; position:relative;}
.lookMoreA:before{position: absolute; top: 0;left: 0;width: 200%;height: 200%;border: 1px #d9d9d9 solid;content: ""; border-radius: 5px; box-sizing: border-box;-webkit-transform: scale(.5);transform: scale(.5); -webkit-transform-origin: left top;transform-origin: left top;}
/*专题话题评论*/
.topic_wrap{padding:0 10px;}
.topic_wrap li{ margin-top:10px;background: #FFF; box-shadow: 0 0 2px rgba(0,0,0,.3);border-radius: 2px; overflow:hidden;}
.topic_tit{ position: relative; line-height: 41px; font-size:12px;color:#999; height:41px;background: -webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%) center bottom no-repeat #f7f7f7;background-size: 100% 1px;padding:0 10px 0 5px;}
.topic_tit::before{width:21px; height:11px;background: url(../../../images/special/course/icons.png) -100px 0 no-repeat; background-size:200px auto; position: absolute; content: ""; bottom:0px; left:10px; z-index:9;-webkit-transform: scale(.5);transform: scale(.5); -webkit-transform-origin: left bottom;}
.topic_tit .img{width:30px; height: 30px; border-radius: 2px; margin-top:5px; overflow:hidden; margin-right:5px;}
.topic_tit .img img{width:100%; height:100%; vertical-align:top;}
.topic_tit span{ display: inline-block;}
.topic_tit .dl{ display:-webkit-box; -webkit-box-orient:vertical; height:100%; -webkit-box-pack:center;}
.topic_tit dt{ height:12px; line-height:12px; display:-webkit-box;}
.topic_tit dt > *{ display:block;}
.topic_tit dd{ height:12px; line-height:12px; margin-top:3px;}
.topic_tit .tit-unit{ margin:0 10px; -webkit-box-flex:1; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.topic_tit .tit-name{ color: #0066cc;}
.topic_tit .tit-ping{ margin-left:15px;}
.topic_tit .tit-btn b{width:15px; height: 14px;background: url(../../../images/special/course/icons.png) no-repeat; background-size:100px auto; display: inline-block;; vertical-align: top; margin:13px 4px 0 0;}
.topic_tit .tit-ping b{ background-position: -32px 0;}
.topic_tit .tit-zan b{ background-position: 0 0;}
.topic_tit .tit-zan-cur b{ background-position: -16px 0;}
.topic_info .art{padding:12px 10px 10px;}
.topic_info .art h2{ font-size:16px; line-height: 20px;}
.topic_info .art p{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; font-size:15px; line-height:20px; max-height:60px; color: #666; margin-top:5px;}
.topic_info .aside{background: -webkit-linear-gradient(bottom,transparent 50%,#d8d8db 50%) center top no-repeat;background-size: 100% 1px; height: 35px; line-height: 35px; padding:0 11px; color: #666; font-size:12px;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.topic_info .aside .time{ color: #0099ff; margin-right:7px;}
.infor-img{ margin-top:8px;}
.infor-img .img{width:32%; float: left; height: 91px;}
.infor-img .img img{max-width: 100%; min-height: 100%;}
.infor-img .img:nth-child(1),.infor-img .img:nth-child(2){margin-right:2%;}
.addPep{display: inline-block; margin-top: 6px; width: 30px; height: 16px; margin-left: 3px; background: url(../../../images/special/course/addFriend.png) center center no-repeat; background-size: contain;}
.addPep_en{display: inline-block; margin-top: 6px; width: 30px; height: 16px; margin-left: 3px; background: url(../../../images/special/course/addFriend_en.png) center center no-repeat; background-size: contain;}
/*小组信息*/
.groupTop{background-color: #FFF;background-image:-webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%); background-position:center bottom; background-repeat: no-repeat;  background-size: 100% 1px; padding:0 10px;}
.topicIntro{background: -webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%) center bottom no-repeat;background-size: 100% 1px; padding-top:12px;}
.topicIntro h2{font-size:15px; margin-bottom:4px;}
.inforCon{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; height:76px;}
.inforCon p{ font-size:14px; line-height:19px; color:#666; text-indent:2em;}
.topicIntroC .inforCon{ height:auto;}
.inforMore{height:28px; position:relative; width:100%;}
.inforMore b{width:10px; height:6px; position:absolute; top:50%; left:50%; margin:-4px 0 0 -5px; background:url(../../../images/special/course/more.png) no-repeat; background-size:contain;-webkit-transform:rotate(180deg);}
.groupI li{background: -webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%) center bottom no-repeat;background-size: 100% 1px; height:45px; line-height:45px; font-size:15px;}
.topicIntroC .inforMore b{-webkit-transform:rotate(0deg);-webkit-transition:all 0.3s ease;}
.groupI li:last-child{ background: none;}
.groupI li em{ font-size:13px; color:#999; float: right;}
.groupI li .nub{width:36px; vertical-align:top; margin-top:14px;}
.groupI .imgGroup{font-size:13px; color:#999; padding:7px 0; line-height:30px; }
.groupI .imgGroup .img{width:30px; height:30px; border-radius:5px; margin-right:5px;vertical-align:top;}
.orderM{ margin-top:10px;background-color: #FFF;background-image:-webkit-linear-gradient(bottom,transparent 50%,#d9d9d9 50%); background-position:center top; background-repeat: no-repeat;  background-size: 100% 1px; }
.orderM .lib{background: -webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%) center bottom no-repeat;background-size: 100% 1px; height:45px; line-height:45px; padding:0 10px;}
.orderCon{padding:0 10px;}
.orderCon h3{padding:7px 0 3px;background: -webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%) center bottom no-repeat;background-size: 100% 1px;}
.orderUl li a{ height:56px;background: -webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%) center bottom no-repeat;background-size: 100% 1px; width:100%;display:-webkit-box; -webkit-box-align:center;}
.orderUl li .img{width:37px; height:37px; border-radius:5px; margin-right:10px; overflow:hidden;}
.orderUl li .img img{width:100%; height:100%;}
.orderUl dl{ -webkit-box-flex:1;display:-webkit-box; -webkit-box-pack:center; -webkit-box-orient:vertical; height:37px;}
.orderUl dt{line-height: 14px;margin-bottom:4px;}
.orderUl dt .name{ font-size:14px; margin-right:8px;}
.orderUl dt .sort{color:#999; font-size:12px; padding-top:2px; }
.orderUl dd{ font-size:12px; color:#b2b2b2; line-height:12px;}
/*赞*/
.praise{padding:10px 0 0;}
.praise ul{margin:0 auto; width:296px;}
@media only screen and (min-width: 370px){.praise ul{margin:0 auto; width:370px;}}
.praise li{float:left;width:74px; margin-bottom:17px;}
.praise li a{display: block; text-align: center; padding:0 7px;}
.praise li .img{width:60px; height: 60px; border-radius:5px; vertical-align: top; overflow:hidden;}
.praise li .img img{width:100%; height: 100%;}
.praise li p{width:100%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; font-size:12px; color:#666; margin-top:4px;}
/*功能条*/
/* 2108.02.07 由于样式冲突，且没找到对应引用暂时注释 */
/* .foot_pos{ height:45px;} */
/* .foot{background-color:#f9f9f9;background-image: -webkit-linear-gradient(bottom,transparent 50%,#d9d9d9 50%),-webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%); background-position:center top,center bottom; background-repeat: no-repeat;  background-size: 100% 1px; height:45px; display:-webkit-box; width:100%; position:fixed; left:0; bottom:0; right:0;} */
/* .foot a{ display:block; -webkit-box-flex:1;background: -webkit-linear-gradient(left,transparent 50%,#d9d9d9 50%) right top no-repeat;background-size:1px 100%; display:-webkit-box; height:45px; -webkit-box-align:center; -webkit-box-pack:center; color:#abaeb2; font-size:15px;} */
/* .foot a .icons{width:19px; height:17px; background:url(../../../images/special/course/zan.png) no-repeat; background-size:19px auto; margin-right:4px;} */
/* .foot a > *{ display:block;} */
/* .foot a:nth-child(1) .icons{ background-position:0 0;} */
/* .foot a:nth-child(2) .icons{ background-position:0 -17px;} */
/* .foot a:nth-child(3) .icons{ background-position:0 -34px;} */
/* .foot a.zanCur .icons{ background-position:0 -51px;} */
/*专题内容阅读详情*/
.linkBox {margin-top: 40px; margin-bottom: 40px; moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;padding:0 10px 5px;}
.linkBox a{
	width: 33.3%;
	text-decoration: none;		           	  		
}
.write-comment{
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
	display: -moz-box; /* Firefox 17- */  
	display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
	display: -moz-flex; /* Firefox 18+ */  
	display: -ms-flexbox; /* IE 10 */  
	display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */  
	align-items:center;
	-webkit-align-items: center;
	-moz-align-items: center;
	justify-content:center;
	-webkit-justify-content:center;
	-moz-align-justify-content:center;
	color: #A8A8A8;
}
.write-comment span{
	color: #A8A8A8;
	font-size: 15px;
}
body .write-comment img{
	height: 16px;
	margin: 0 0 0 0 ;
	margin-right: 4px;
}
section{max-width:100%;}
.returnMl{padding:10px 10px 0;width:100%;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;font-size:16px;line-height:20px;color:#0099ff !important;}
.returnMl a{color:#0099ff !important;}
.ztArtWrap{}
.ztArtBox{}
.ztArtCon{padding: 10px 15px 16px;word-wrap:break-word;word-break:normal;line-height:1.8}
.ztArtCon img{ max-width:100% !important; margin:0 auto; display: inline-block;}
.ztArtCon .imgLoading{width: 22px !important;height: 22px !important; margin: 0 auto; display: block !important;}
.ztArtCon img.ans-formula-moudle {display: inline;margin:0;}
.ztArtCon h2{ font-size:20px; margin-bottom:10px;font-weight:bold;}
.ztArtCon h3{ font-size:18px; margin-bottom:10px;}
.ztArtCon p{ font-size:16px; line-height:1.8; margin-bottom:7px; /*text-indent:2em;*/  word-wrap:break-word;word-break:normal;clear:both;}
.ztArtCon .link{ font-size:14px; color:#0099ff; display:block; text-align:right;}
.ztArtCon .link2{ font-size:14px; color:#0099ff; display:block; text-align:left;}
.returnList{float:left;line-height: 28px;color:#0099ff;position:relative;padding-left: 26px; cursor: pointer;}
.returnList:after{content:"";width: 24px;height: 24px;position:absolute;left: 0;background: url(/res/images/special/course/icon_returnMl.png) center center no-repeat;background-size: 24px auto;}
/*设置字体大小弹框*/
.feedback{ z-index:9; background:transparent;position: fixed;left: 0;top: 0;height: 100%; width: 100%; opacity: 1;visibility:hidden;}
.feedback.is-visible {opacity: 1; visibility: visible;}
.fontSizeBox{ position:absolute; bottom:0; left:0; right:0;width:100%; padding:15px 14px 0 15px; background:#000000;}
.fontSizeBox li{ display:-webkit-box; -webkit-box-align:center; height: 48px;padding-bottom: 15px;}
.fontSizeBox h2{ font-size:16px; color:#FFF !important; margin-right:14px;}
.fontSizeBox li > div{ -webkit-box-flex:1;width:100%;display: -webkit-box;-webkit-box-align: center;}
/*.sm-font > * {width:105px; height:33px; }
.mb-szdn{background:url(/res/images/special/course/sizeSmall.png) no-repeat; background-size:contain; margin-right:15px;}
.mb-szup{background:url(/res/images/special/course/sizeBig.png) no-repeat; background-size:contain;}*/
/*2019.3.15 修改*/
.sm-font > * {width:calc(25% - 10px); height:28px; }
.mb-sz {margin-left: 10px;text-align: center;border: 1px solid #fff;line-height: 28px;border-radius: 5px;color: #fff;font-size:14px;}
.mb-sz.sel {border: 1px solid #ff6100;color: #ff6100;}

.sm-skin > *{width:calc(25% - 10px); height:28px; margin-left:10px; border-radius:4px;}
.sm-skin>.sel { border:1px solid #ff6100;}
.ztArtWrap[data-skin=hyl],.mb-skin-hyl{ background: #add0b2;}
.ztArtWrap[data-skin=dyb],.mb-skin-dyb{background:#FFF;}
.ztArtWrap[data-skin=ypz],.mb-skin-ypz{ background:#faf3e3;}
.ztArtWrap[data-skin=ntmd]{ background:#101410; color:#4d514d;}
.ztArtWrap[data-skin=ntmd] .ztArtCon *{color: #4d514d !important;}

.mb-ntmd{ background:url(/res/images/special/course/light.png) center center  no-repeat #464d55; background-size:16px auto;}

/*20190314新增*/
.fontSizeBox li:last-child{height: 60px;padding-bottom: 0; background: -webkit-linear-gradient(top,transparent 50%,#404040 50%) top center no-repeat;background: -moz-linear-gradient(top, transparent 50%, #404040 50%) top center no-repeat;background: -ms-linear-gradient(top, transparent 50%, #404040 50%) top center no-repeat;background-size: 100% 1px;display:none;}
.fontSizeBox li:last-child h2{-webkit-box-flex:1;}
.switch { position: relative; display: block; width: 51px; height: 31px; border-radius: 15px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.switch .slider { position: absolute; display: block; width: 27px; height: 27px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); border-radius: 50%; top: 1px; }
.switch-on { border: 1px solid #0099ff; box-shadow: #0099ff 0px 0px 0px 15px inset; /*transition: border 0.4s, box-shadow 0.2s, background-color 1.2s;*/ background-color: #0099ff; cursor: pointer; }
.switch-on .slider { right: 0; /*transition: background-color 0.4s, left 0.2s;*/  background: #FFFFFF;}
.switch-off { border: 1px solid #464d55;/* transition: border 0.4s, box-shadow 0.4s;*/ background-color: #464d55; box-shadow: #464d55 0px 0px 0px 0px inset; cursor: pointer; }
.switch-off .slider { left: 0; /*transition: background-color 0.4s, left 0.2s;*/  background: #5b6168;}

.artLib{display:-webkit-box;-webkit-box-align:center;width:100%;/* height:40px; */margin-bottom:8px;margin-top: 15px;padding: 0 15px;}
.artLib > *{display: block;}
.imgGroup{width: 40px;height: 40px;border-radius: 5px;overflow:hidden;margin-right: 10px;}
.imgGroup img{width:100%; height:100%;}
.artLib dl{-webkit-box-flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;/* height: 40px; */}
.artLib dt{font-size:14px;line-height:20px; display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color:#0099ff; margin-bottom:2px;}
.artLib dd{font-size:12px; color:#999; width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.addGroup{width:50px; height:30px; background:url(/res/images/special/dingyue.png) no-repeat; background-size:contain;}
.addGroup_en{width:50px; height:30px; background:url(/res/images/special/dingyue_en.png) no-repeat; background-size:contain;}
.addGroupC{background:url(/res/images/special/yidingyue.png) no-repeat; background-size:contain;}
.addGroupC_en{background:url(/res/images/special/yidingyue_en.png) no-repeat; background-size:contain;}
.artLib .addGroup{margin-left:15px;}
.artLib .addGroup_en{margin-left:15px;}
/*夜间模式*/
.ztArtWrap[data-skin=ntmd] .groupM{background: #4d4d4d;border: 1px #333 solid;}
.ztArtWrap[data-skin=ntmd] .groupM a{color:#999;}
.ztArtWrap[data-skin=ntmd] .topicTit{background-color: #434343;background-image: -webkit-linear-gradient(bottom,transparent 50%,#333 50%),-webkit-linear-gradient(top,transparent 50%,#333 50%); background-position:center top,center bottom; background-repeat: no-repeat;  background-size: 100% 1px;}
.ztArtWrap[data-skin=ntmd] .topicPl_ul li{background: -webkit-linear-gradient(top,transparent 50%,#333 50%) center bottom no-repeat;background-size: 100% 1px;}
.ztArtWrap[data-skin=ntmd] .inputHome{background: -webkit-linear-gradient(bottom,transparent 50%,#000 50%) center top no-repeat #333; background-size: 100% 1px;}
.ztArtWrap[data-skin=ntmd] .inputHome .textA::before{background: #666;border: 1px #333 solid;}
.ztArtWrap[data-skin=ntmd] .inputHome > a .icons{background:url(/res/images/special/course/zan_ntmd.png) no-repeat; background-size:23px auto; width:23px; height:23px;}
.ztArtWrap[data-skin=ntmd] .inputHome > a em{  color:#999;}
/*护眼绿*/
.ztArtWrap[data-skin=hyl] .groupM{background: #add0b2;border: 1px #83af8a solid;}
.ztArtWrap[data-skin=hyl] .groupM a{color:#333;}
.ztArtWrap[data-skin=hyl] .topicTit{background-color: #8ebd95;background-image: -webkit-linear-gradient(bottom,transparent 50%,#83af8a 50%),-webkit-linear-gradient(top,transparent 50%,#83af8a 50%); background-position:center top,center bottom; background-repeat: no-repeat;  background-size: 100% 1px;}
.ztArtWrap[data-skin=hyl] h2{color:#333;}
.ztArtWrap[data-skin=hyl] .topicPl_ul .top h2 .sort,.ztArtWrap[data-skin=hyl] .topicPl_ul .top p,.ztArtWrap[data-skin=hyl] .topicPl_ul .lib time,.ztArtWrap[data-skin=hyl] .scrollMore,.ztArtWrap[data-skin=hyl] ::-webkit-input-placeholder{color:#60856b;}
.ztArtWrap[data-skin=hyl] .topicPl_ul li{background: -webkit-linear-gradient(top,transparent 50%,#83af8a 50%) center bottom no-repeat;background-size: 100% 1px;}
.ztArtWrap[data-skin=hyl] .inputHome{background: -webkit-linear-gradient(bottom,transparent 50%,#83af8a 50%) center top no-repeat #8ebd95; background-size: 100% 1px;}
.ztArtWrap[data-skin=hyl] .inputHome .textA::before{background: #add0b2;border: 1px #83af8a solid;}
.ztArtWrap[data-skin=hyl] .inputHome > a .icons{background:url(/res/images/special/course/zan_hyl.png) no-repeat; background-size:23px auto; width:23px; height:23px;}
.ztArtWrap[data-skin=hyl] .inputHome > a em{  color:#475e4a;}
.ztArtWrap[data-skin=hyl] .inputHome .add{background: url(/res/images/special/course/addB.png) no-repeat; background-size:contain; }
/*羊皮纸*/
.ztArtWrap[data-skin=ypz] .groupM{background: #faf3e3;border: 1px #c3b898 solid;}
.ztArtWrap[data-skin=ypz] .groupM a{color:#333;}
.ztArtWrap[data-skin=ypz] .topicTit{background-color: #d7ceb7;background-image: -webkit-linear-gradient(bottom,transparent 50%,#c3b898 50%),-webkit-linear-gradient(top,transparent 50%,#c3b898 50%); background-position:center top,center bottom; background-repeat: no-repeat;  background-size: 100% 1px;}
.ztArtWrap[data-skin=ypz] h2{color:#333;}
.ztArtWrap[data-skin=ypz] .topicPl_ul .top h2 .sort,.ztArtWrap[data-skin=ypz] .topicPl_ul .top p,.ztArtWrap[data-skin=ypz] .topicPl_ul .lib time,.ztArtWrap[data-skin=ypz] .scrollMore,.ztArtWrap[data-skin=ypz] ::-webkit-input-placeholder{color:#a9a085;}
.ztArtWrap[data-skin=ypz] .topicPl_ul li{background: -webkit-linear-gradient(top,transparent 50%,#c3b898 50%) center bottom no-repeat;background-size: 100% 1px;}
.ztArtWrap[data-skin=ypz] .inputHome{background: -webkit-linear-gradient(bottom,transparent 50%,#6b675b 50%) center top no-repeat #d7ceb7; background-size: 100% 1px;}
.ztArtWrap[data-skin=ypz] .inputHome .textA::before{background: #f1ead7;border: 1px #c3b898 solid;}
.ztArtWrap[data-skin=ypz] .inputHome > a .icons{background:url(/res/images/special/course/zan_ypz.png) no-repeat; background-size:23px auto; width:23px; height:23px;}
.ztArtWrap[data-skin=ypz] .inputHome > a em{  color:#6b675b;}
.ztArtWrap[data-skin=ypz] .inputHome .add{background: url(/res/images/special/course/addB.png) no-repeat; background-size:contain; }
/*功能条2016.03.09*/
.input_pos{ height:44px;}
.inputHome{height:44px;background: -webkit-linear-gradient(bottom,transparent 50%,#d9d9d9 50%) center top no-repeat #f9f9f9; background-size: 100% 1px; display: -webkit-box; -webkit-box-align:center; padding:0 0 0 10px;width:100%; z-index:5; }
.inputHome > *{ display: block;}
.inputHome .add{width:28px; height: 28px; background: url(/res/images/special/course/add.png) no-repeat; background-size:contain; position:relative; margin-right:8px;}
.inputHome .add span{position:absolute;width:20px;height:20px;background:#ff0000;border-radius:100%;top:-5px;right:-5px;line-height:20px;text-align:center;color:#fff; -webkit-transform:scale(0.9);}
.inputHome .textA{ -webkit-box-flex:1; height:31px; position: relative;z-index:0;}
.inputHome .textA::before{position: absolute; z-index: -1; background: #FFF; top: 0;left: 0;width: 200%;height: 200%;border: 1px #d9d9d9 solid;content: ""; border-radius:4px; box-sizing: border-box;-webkit-transform: scale(.5);transform: scale(.5); -webkit-transform-origin: left top;transform-origin: left top;}
.inputHome .textA input{width:100%; height: 100%;border:0; background: transparent; padding:0 8px;}
.inputHome > a{height:23px; position:relative; margin:0 14px;}
.inputHome > a .icons{background:url(/res/images/special/course/zan.png) no-repeat; background-size:23px auto; width:23px; height:23px; display:block;}
.inputHome > a em{ font-size:12px; line-height:1; color:#0099ff; -webkit-transform:scale(0.8); -webkit-transform-origin:left;}
.inputHome .pl .icons{ background-position:0 -46px !important;}
.inputHome .zanThis .icons{ background-position:0 0 !important;}
.inputHome .zf .icons{ background-position:0 -69px !important;}
.inputHome .zanCur .icons{ background-position:0 -23px !important;}
.inputfixed{position:fixed; left:0; bottom:0; right:0;}

/*成员小花 低版本*/
.petalNew{width:12px; height:12px; position:relative; display:inline-block; vertical-align:top; margin:-4px 0 0 -3px;}
.petalNew b{ position:absolute;width:12px; height:12px; left:0; top:0; -webkit-transform-origin:bottom right;}
.petalNew b:before{ content:""; display:block; width:100%; height:100%;background:url(/res/images/special/course/petal.png) no-repeat; background-size:36px auto;}
.petalNew .iconTL{-webkit-transform:rotate(0);}
.petalNew .iconTL::before{ background-position:0 0;-webkit-transform-origin:bottom right;}
.petalNew .iconTL0::before{ background-position:-24px -12px;}
.petalNew .iconTL1::before{-webkit-transform:scale(0.26);}
.petalNew .iconTL2::before{-webkit-transform:scale(0.33);}
.petalNew .iconTL3::before{-webkit-transform:scale(0.40);}
.petalNew .iconTL4::before{-webkit-transform:scale(0.47);}
.petalNew .iconTL5::before{-webkit-transform:scale(0.54);}
.petalNew .iconTL6::before{-webkit-transform:scale(0.60);}
.petalNew .iconTR{-webkit-transform:rotate(72deg);}
.petalNew .iconTR::before{background-position:-12px 0;-webkit-transform-origin:bottom right;}
.petalNew .iconTR0::before{background-position:-24px -12px;}
.petalNew .iconTR1::before{-webkit-transform:scale(0.26);}
.petalNew .iconTR2::before{-webkit-transform:scale(0.33);}
.petalNew .iconTR3::before{-webkit-transform:scale(0.40);}
.petalNew .iconTR4::before{-webkit-transform:scale(0.47);}
.petalNew .iconTR5::before{-webkit-transform:scale(0.54);}
.petalNew .iconTR6::before{-webkit-transform:scale(0.60);}
.petalNew .iconTM{-webkit-transform:rotate(144deg);}
.petalNew .iconTM::before{background-position:-24px 0;-webkit-transform-origin:bottom right;}
.petalNew .iconTM0::before{background-position:-24px -12px;}
.petalNew .iconTM1::before{-webkit-transform:scale(0.26);}
.petalNew .iconTM2::before{-webkit-transform:scale(0.33);}
.petalNew .iconTM3::before{-webkit-transform:scale(0.40);}
.petalNew .iconTM4::before{-webkit-transform:scale(0.47);}
.petalNew .iconTM5::before{-webkit-transform:scale(0.54);}
.petalNew .iconTM6::before{-webkit-transform:scale(0.60);}
.petalNew .iconBR{-webkit-transform:rotate(216deg);}
.petalNew .iconBR::before{background-position:0 -12px;-webkit-transform-origin:bottom right;}
.petalNew .iconBR0::before{background-position:-24px -12px;}
.petalNew .iconBR1::before{-webkit-transform:scale(0.26);}
.petalNew .iconBR2::before{-webkit-transform:scale(0.33);}
.petalNew .iconBR3::before{-webkit-transform:scale(0.40);}
.petalNew .iconBR4::before{-webkit-transform:scale(0.47);}
.petalNew .iconBR5::before{-webkit-transform:scale(0.54);}
.petalNew .iconBR6::before{-webkit-transform:scale(0.60);}
.petalNew .iconBL{-webkit-transform:rotate(288deg);}
.petalNew .iconBL::before{background-position:-12px -12px;-webkit-transform-origin:bottom right;}
.petalNew .iconBL0::before{background-position:-24px -12px;}
.petalNew .iconBL1::before{-webkit-transform:scale(0.26);}
.petalNew .iconBL2::before{-webkit-transform:scale(0.33);}
.petalNew .iconBL3::before{-webkit-transform:scale(0.40);}
.petalNew .iconBL4::before{-webkit-transform:scale(0.47);}
.petalNew .iconBL5::before{-webkit-transform:scale(0.54);}
.petalNew .iconBL6::before{-webkit-transform:scale(0.60);}
/*成员小花 最新版本*/
.petalNew b{ position:absolute;width:12px; height:12px; left:0; top:0; -webkit-transform-origin:bottom right; }
.petalNew b:before{ content:""; display:block; width:100%; height:100%;background:url(/res/images/special/course/petal.png) no-repeat; background-size:36px auto;}
.petalNew .iconNewTL{-webkit-transform:rotate(0);}
.petalNew .iconNewTL::before,.petalNew .iconNewTR::before,.petalNew .iconNewTM::before,.petalNew .iconNewBR::before,.petalNew .iconNewBL::before{ background-position:0 0;-webkit-transform-origin:bottom right;}
.petalNew .iconNewTL0::before,.petalNew .iconNewTR0::before,.petalNew .iconNewTM0::before,.petalNew .iconNewBR0::before,.petalNew .iconNewBL0::before{ background-position:-24px -12px;}
.petalNew .iconNewTL7::before,.petalNew .iconNewTR7::before,.petalNew .iconNewTM7::before,.petalNew .iconNewBR7::before,.petalNew .iconNewBL7::before{background-position:0 -12px;-webkit-transform-origin:bottom right;-webkit-transform:scale(0.60);}
.petalNew .iconNewTL8::before,.petalNew .iconNewTR8::before,.petalNew .iconNewTM8::before,.petalNew .iconNewBR8::before,.petalNew .iconNewBL8::before{background-position:-24px 0;-webkit-transform-origin:bottom right;-webkit-transform:scale(0.60);}
.petalNew .iconNewTL9::before,.petalNew .iconNewTR9::before,.petalNew .iconNewTM9::before,.petalNew .iconNewBR9::before,.petalNew .iconNewBL9::before{background-position:-12px -12px;-webkit-transform-origin:bottom right;-webkit-transform:scale(0.60);}
.petalNew .iconNewTL1::before{-webkit-transform:scale(0.26);}
.petalNew .iconNewTL2::before{-webkit-transform:scale(0.33);}
.petalNew .iconNewTL3::before{-webkit-transform:scale(0.40);}
.petalNew .iconNewTL4::before{-webkit-transform:scale(0.47);}
.petalNew .iconNewTL5::before{-webkit-transform:scale(0.54);}
.petalNew .iconNewTL6::before{-webkit-transform:scale(0.60);}
.petalNew .iconNewTR{-webkit-transform:rotate(72deg);}
.petalNew .iconNewTR1::before{-webkit-transform:scale(0.26);}
.petalNew .iconNewTR2::before{-webkit-transform:scale(0.33);}
.petalNew .iconNewTR3::before{-webkit-transform:scale(0.40);}
.petalNew .iconNewTR4::before{-webkit-transform:scale(0.47);}
.petalNew .iconNewTR5::before{-webkit-transform:scale(0.54);}
.petalNew .iconNewTR6::before{-webkit-transform:scale(0.60);}
.petalNew .iconNewTM{-webkit-transform:rotate(144deg);}
.petalNew .iconNewTM1::before{-webkit-transform:scale(0.26);}
.petalNew .iconNewTM2::before{-webkit-transform:scale(0.33);}
.petalNew .iconNewTM3::before{-webkit-transform:scale(0.40);}
.petalNew .iconNewTM4::before{-webkit-transform:scale(0.47);}
.petalNew .iconNewTM5::before{-webkit-transform:scale(0.54);}
.petalNew .iconNewTM6::before{-webkit-transform:scale(0.60);}
.petalNew .iconNewBR{-webkit-transform:rotate(216deg);}
.petalNew .iconNewBR1::before{-webkit-transform:scale(0.26);}
.petalNew .iconNewBR2::before{-webkit-transform:scale(0.33);}
.petalNew .iconNewBR3::before{-webkit-transform:scale(0.40);}
.petalNew .iconNewBR4::before{-webkit-transform:scale(0.47);}
.petalNew .iconNewBR5::before{-webkit-transform:scale(0.54);}
.petalNew .iconNewBR6::before{-webkit-transform:scale(0.60);}
.petalNew .iconNewBL{-webkit-transform:rotate(288deg);}
.petalNew .iconNewBL1::before{-webkit-transform:scale(0.26);}
.petalNew .iconNewBL2::before{-webkit-transform:scale(0.33);}
.petalNew .iconNewBL3::before{-webkit-transform:scale(0.40);}
.petalNew .iconNewBL4::before{-webkit-transform:scale(0.47);}
.petalNew .iconNewBL5::before{-webkit-transform:scale(0.54);}
.petalNew .iconNewBL6::before{-webkit-transform:scale(0.60);}
/*星星*/
.starBox{ display:inline-block; vertical-align:top; margin:2px 0 0 10px;}
.starLi{background:url(/res/images/special/course/star0.png) 0 0 no-repeat; background-size:auto 12px; width:12px; float:left; margin-left:3px;}
.starLi b{ height:12px; display:block; background:url(/res/images/special/course/star1.png) 0 0 no-repeat; background-size:auto 12px;}


.topicUlNew{font-size:14px;}
.topicUlNew > ul > li{background: -webkit-linear-gradient(top,transparent 50%,#CCC 50%) center bottom no-repeat; background-size: 100% 1px; padding: 15px 0 12px 0;}
.topicUlNew .top .img{width:40px; height: 40px;border-radius:5px;margin-right:10px; overflow:hidden;}
.topicUlNew .top .img img{width:100%; height: 100%;}
.topicUlNew .top dl{display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; height: 40px;margin-top:-2px;}
.topicUlNew .top .sTit{font-size:14px; color:#0099ff; display:inline-block; vertical-align:top;}
.topicUlNew .top .sTited{font-size:14px; color:#0099ff; display:inline-block; vertical-align:top; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topicUlNew .top .sName{ font-size:12px; color:#999; position:relative; padding-right:10px;}
.topicUlNew .top .sName:before{ content:""; width:8px; height:8px; border-right:1px solid #999; border-top:1px solid #999; position:absolute; top:50%; right:0; -webkit-transform:rotate(45deg); -webkit-transform-origin:right top;}
.topicUlNew .top dd{font-size: 12px; color: #CCC; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 2px;}
.topicUlNew .top dd label{ margin-right:7px;}
.topicUlNew .lib{padding: 0 0 0 50px;}
.topicUlNew .lib h3{font-size: 17px; line-height: 22px; word-wrap: break-word; word-break: normal; margin-top: 8px;}
.topicUlNew .lib .imgBig{max-width:100%; display: block; margin-top:6px;}
.topicUlNew .lib .imgBig .img{float:left; width:33%; height: 83px; overflow: hidden;padding-right:5px; margin-bottom: 5px;}
.topicUlNew .lib .imgBig .img img{width:100%; min-height:100%;}
.topicUlNew .lib .imgBig .img:nth-child(3n){padding-right:0;}
.topicUlNew .lib aside{margin-top: 6px; word-wrap: break-word; word-break: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 69px; text-align: -webkit-left; color: #666}
.topicUlNew .lib aside.comment{line-height: 20px; margin-top: 4px; max-height: 60px;}
.topicUlNew .update{margin-top: 5px; line-height: 14px; color: #abaeb2;}
.topicUlNew .update span.read{font-size:11px; color: #0066cc; margin-left: 7px;}
.topicUlNew .lib time{font-size: 12px; color: #a8a8a8;}
.topicUlNew .lib .yd{margin-left: 10px;font-size:12px;}
.topicUlNew .tit-ping{ margin-left:15px;}
.topicUlNew .tit-btn em{ display:inline-block; vertical-align:top; font-size:12px;-webkit-transform:scale(0.9);color:#999;}
.topicUlNew .tit-btn b{width:15px; height: 14px;display: inline-block; vertical-align:top; background: url(/res/images/special/course/icons.png) no-repeat; background-size:100px auto;margin-right:4px;margin-top:2px;}
.topicUlNew .tit-ping b{ background-position: -32px 0;}
.topicUlNew .tit-zan b{ background-position: 0 0;}
.topicUlNew .tit-zan-cur b{background-position: -16px 0;}
.ztArtWrap[data-skin=ntmd] .topicUlNew li{background: -webkit-linear-gradient(top,transparent 50%,#333 50%) center bottom no-repeat;background-size: 100% 1px;}
.ztArtWrap[data-skin=hyl] .topicUlNew .top h2 .sName,.ztArtWrap[data-skin=hyl] .topicUlNew .top dd,.ztArtWrap[data-skin=hyl] .topicUlNew .lib .update,.ztArtWrap[data-skin=hyl] .scrollMore,.ztArtWrap[data-skin=hyl] ::-webkit-input-placeholder{color:#60856b;}
.ztArtWrap[data-skin=hyl] .topicUlNew li{background: -webkit-linear-gradient(top,transparent 50%,#83af8a 50%) center bottom no-repeat;background-size: 100% 1px;}
.ztArtWrap[data-skin=ypz] .topicUlNew .top h2 .sName,.ztArtWrap[data-skin=ypz] .topicUlNew .top dd,.ztArtWrap[data-skin=ypz] .topicUlNew .lib .update,.ztArtWrap[data-skin=ypz] .scrollMore,.ztArtWrap[data-skin=ypz] ::-webkit-input-placeholder{color:#a9a085;}
.ztArtWrap[data-skin=ypz] .topicUlNew li{background: -webkit-linear-gradient(top,transparent 50%,#c3b898 50%) center bottom no-repeat;background-size: 100% 1px;}

/*内容加载失败2016.07.13*/
.conFail{padding:89px 20px 20px; text-align:center; font-size:12px; color:rgba(0,0,0,.5);}
.ztArtWrap[data-skin=ntmd] .conFail{color: #acacac !important;}
.conFail .logo{width:60px; height:60px; display:inline-block; vertical-align:top; margin-bottom:20px;}
.publicBox{padding:0 10px 5px;}
.publicNo{ padding:15px 10px 3px;}
.publicBtn{position: relative;z-index:0; height:39px; line-height:38px; display:block; color:#9d9d9d; font-size:16px; text-align:center; margin:10px 0;}
.publicBtn::before{position: absolute; z-index: -1; top: 0;left: 0;width: 200%;height: 200%;border: 1px #9d9d9d solid;content: ""; border-radius:9px; box-sizing: border-box;-webkit-transform: scale(.5);transform: scale(.5); -webkit-transform-origin: left top;transform-origin: left top;}
.publicBtn .icons{width:17px; height:15px; display:inline-block; vertical-align:top; background:url(/res/images/special/course/edit.png) no-repeat; background-size:17px auto; margin:12px 7px 0 0;}
.ztArtWrap[data-skin=ypz] .publicBtn{color:#a9a085;}
.ztArtWrap[data-skin=ypz] .publicBtn .icons{ background-position:0 -20px;}
.ztArtWrap[data-skin=ypz] .publicBtn::before{border: 1px #b6aa89 solid;}
.ztArtWrap[data-skin=hyl] .publicBtn{color:#60856b;}
.ztArtWrap[data-skin=hyl] .publicBtn .icons{ background-position:0 -40px;}
.ztArtWrap[data-skin=hyl] .publicBtn::before{border: 1px #76a27c solid;}
.publicHasParend{background: #fafafa;}
.publicHas{line-height:1.5;padding: 8px 0;position:relative;}
.publicHas:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	-webkit-transform:scaleY(.5);
	transform:scaleY(.5);
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	background-color:#ebebeb;
}
.publicHas h2{ font-size:17px;}
.publicHas .edit{width:47px; height:100%; position:relative;}
.publicHas .edit::before{width:17px; height:15px; content:""; position:absolute; top:50%; left:50%; margin:-7px 0 0 -8px;background:url(/res/images/special/course/edit.png) no-repeat; background-size:17px auto; }
.ztArtWrap[data-skin=ypz] .publicHas .edit::before{ background-position:0 -20px;}
.ztArtWrap[data-skin=hyl] .publicHas .edit::before{ background-position:0 -40px;}
.ztArtWrap[data-skin=ntmd] .publicHas{background: -webkit-linear-gradient(top,transparent 50%,#333 50%) center bottom no-repeat;background-size: 100% 1px;}
.ztArtWrap[data-skin=hyl] .publicHas{background: -webkit-linear-gradient(top,transparent 50%,#83af8a 50%) center bottom no-repeat;background-size: 100% 1px;}
.ztArtWrap[data-skin=ypz] .publicHas{background: -webkit-linear-gradient(top,transparent 50%,#c3b898 50%) center bottom no-repeat;background-size: 100% 1px;}

/**************************************2017-08-18-猜你喜欢************************************************************/
.noSelect{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.groupM{ background:#FFF;margin-top:10px; font-size: 14px; display: none;}
.groupM li{ position: relative;}
.groupM li a{display:-webkit-box; -webkit-box-align:center;width:100%; height:66px;padding:0 60px 0 10px;border-bottom: solid 1px #d9d9d9;}
.groupM li:last-child a{border:none}
.groupM li a > *{display: block;}
.groupM.imgGroup{width:45px; height: 45px; border-radius: 5px; overflow:hidden; margin-right:10px;}
.groupM.imgGroup img{width:100%; height:100%;}
.groupM li dl{-webkit-box-flex:1;display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; height: 45px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.groupM li dt{overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.groupM li dd{font-size:13px; color:#999; width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.groupM li dd label{ margin-right:15px;}
.groupM li .addGroup{width:50px; height:24px; position: absolute;right:10px; top:50%; margin-top:-15px; background:url(/res/images/special/menu/sub_dingyue_course_detail.png) no-repeat; background-size:contain;}
.groupM li .addGroupC{background:url(/res/images/special/menu/sub_yidingyue_course_detail.png) no-repeat; background-size:contain;}
.groupM .likeTitle{background: -webkit-linear-gradient(top,transparent 50%,#d9d9d9 50%) center bottom no-repeat;background-size: 100% 1px;height:45px;line-height:45px;font-size:17px;padding:0 10px;font-weight:400;}
.groupM .seeMore{text-align:center;color:#0099ff;padding:12px 0;}
.groupM .seeMore .icons{width:17px; height:17px; display:inline-block; vertical-align:middle; background:url(/res/images/special/menu/refresh_special.png) no-repeat;background-size:17px auto; margin-left: 3px;}
.groupM .seeMore span{display: inline-block;vertical-align: middle;}

@-webkit-keyframes rotation{from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}
.rotation{-webkit-transform: rotate(360deg);animation: rotation 1s linear infinite;-moz-animation: rotation 1s linear infinite;-webkit-animation: rotation 1s linear infinite;-o-animation: rotation 1s linear infinite;}

.write-ball{
	display:none;
	width:60px;
	height:60px;
	position:fixed;
	bottom:80px;
	right:16px;
	background:url(/res/images/special/course/writenote.png) no-repeat center center;
	background-size:100% 100%;
}
.write-ball_en{display:none; width:60px; height:60px; position:fixed; bottom:80px; right:16px; background:url(/res/images/special/course/writenote_en.png) no-repeat center center; background-size:100% 100%;}
body{
	position:relative;
}
    
/*** 阅读页面弹出红包2018.01.19 ****/
@-webkit-keyframes shake {
	0% {
		-webkit-transform: rotate(2deg) translate3d(0,0,0)
	}

	50% {
		-webkit-transform: rotate(-2deg) translate3d(0,0,0)
	}

	100% {
		-webkit-transform: rotate(2deg) translate3d(0,0,0)
	}
}

@-moz-keyframes shake {
	0% {
		transform: rotate(2deg) translate3d(0,0,0)
	}

	50% {
		transform: rotate(-2deg) translate3d(0,0,0)
	}

	100% {
		transform: rotate(2deg) translate3d(0,0,0)
	}
}

@-ms-keyframes shake {
	0% {
		transform: rotate(2deg) translate3d(0,0,0)
	}

	50% {
		transform: rotate(-2deg) translate3d(0,0,0)
	}

	100% {
		transform: rotate(2deg) translate3d(0,0,0)
	}
}
.md-red{width:4.97rem;height:6.09rem; background:url(/res/images/special/course/redEnvelope.png) no-repeat; background-size:contain;}
.md-red-txt{font-size:0.3rem;width:100%; text-align:center; position:absolute;left:0;bottom:1.4rem;padding:0.2rem;color:#d7ae7a;}
.md-red.shake{animation:shake .2s infinite linear;-webkit-animation:shake .2s infinite linear;}
.md-close{width:0.8rem;height:0.8rem; position:absolute;right:0.2rem; top:0.2rem; background:url(/res/images/special/course/redClose.png) center no-repeat; background-size:0.3rem;}
.md-modal {position: fixed;top: 50%;left: 50%;z-index: 9999999;visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.md-modal.md-show {visibility: visible;}
.md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 9999995;opacity: 0;background: rgba(1,1,1,0.6);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.md-overlay.md-show {opacity: 1;visibility: visible;}
.md-scaleBig{-webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.md-show .md-scaleBig {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);opacity: 1;}
.md-result{position: fixed;top: 50%;left: 50%;z-index: 9999999;visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);padding:50px; min-height:100px; background:#CCC; border-radius:5px;width:4.59rem;height:4.43rem; background:url(/res/images/special/course/redResult.png) no-repeat; background-size:contain;}
.md-result-close{width:0.8rem;height:0.8rem; position:absolute;right:0.2rem; bottom:0.23rem; background:url(/res/images/special/course/redClose.png) center no-repeat; background-size:0.3rem; z-index:9;}
.md-result-txt{font-size:0.3rem;width:100%; text-align:center; position:absolute;left:0;bottom:0.47rem;padding:0.2rem;color:#d7ae7a;}
.md-result.md-show{visibility: visible;}
.md-open{position: fixed;top: 50%;left: 50%;z-index: 9999999;visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); background:#CCC; border-radius:5px;width:4.56rem;height:7.07rem; background:url(/res/images/special/course/redOpen.png) no-repeat; background-size:contain;}
.md-open-close{width:0.8rem;height:0.8rem; position:absolute;right:0.2rem; top:2.3rem; background:url(/res/images/special/course/redClose.png) center no-repeat; background-size:0.3rem; z-index:9;}
.md-open-con{padding:3.2rem 0.3rem; text-align: center; line-height: 1;}
.md-open-con h2{font-size:0.32rem;color:#ddbc84;}
.md-open-con .money{font-size:0.26rem;color:#ddbc84;margin-top:0.8rem;}
.md-open-con .money em{font-size:0.78rem; font-style: normal;}
.md-open-con .link{font-size:0.22rem;color:#ddbc84; text-decoration: none;margin-top:0.3rem; display: block;}
.md-open.md-show{visibility: visible;}
@media screen and (min-width: 212px) {
    html {
        font-size:28.4px
    }
}

@media screen and (min-width: 319px) {
    html {
        font-size:42.67px
    }
}

@media screen and (min-width: 359px) {
    html {
        font-size:48px
    }
}

@media screen and (min-width: 374px) {
    html {
        font-size:50px
    }
}

@media screen and (min-width: 383px) {
    html {
        font-size:51.2px
    }
}

@media screen and (min-width: 399px) {
    html {
        font-size:53.2px
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size:55.2px
    }
}

@media screen and (min-width: 423px) {
    html {
        font-size:56.53px
    }
}

@media screen and (min-width: 479px) {
    html {
        font-size:64px
    }
}

@media screen and (min-width: 539px) {
    html {
        font-size:72px
    }
}

@media screen and (min-width: 639px) {
    html {
        font-size:85.33px
    }
}

pre {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap; word-wrap: break-word;}
.picture_character {
    mix-blend-mode: multiply;
}
.picture_img {
    height: auto !important;
}


/*2022.02.22*/
.topicReplyBox{
	padding:0 15px;
}
.topicReply_item{
	padding:0.3rem 0;
	position: relative;
}
.topicReply_item:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	-webkit-transform:scaleY(.5);
	transform:scaleY(.5);
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	background-color:#ebebeb;
}
.topicReply_item .img_logo{
	width: 0.72rem;
    height: 0.72rem;
    border-radius: 0.08rem;
    margin-right: 0.2rem;
    overflow: hidden;
    background: url(/res/images/special/course/img1.jpg) no-repeat;
    background-size: 0.6rem auto;
}
.topicReply_item .img_logo img{
	width:100%;
	height: 100%;
}
.topicReply_item .topicReply_item_r{
	padding-left: 0.92rem;
}
.topicReply_item .topicReply_item_name{
	font-size:0.3rem;
	line-height: 0.42rem;
}
.topicReply_item .topicReply_item_h,.topicReply_item .topicReply_item_lib{
	font-size:0.32rem;
	line-height: 0.45rem;
	margin-top:0.1rem;
	word-wrap: break-word;
}
.topicReply_item .imgBig{
	max-width: 100%;
	display: block;
	margin-top: 0.2rem;
}
.topicReply_item .imgBig .img {
	float: left;
	width: calc(33.33% - 0.1rem);
	height: 1.96rem;
	overflow: hidden;
	border-radius: 0.08rem;
	margin:0 0.1rem 0.1rem 0;
}
.topicReply_item .imgBig .img img {
	width: 100%;
	min-height: 100%;
	border-radius: 0.08rem;
}
.topicReply_item .imgBig .img:nth-child(3) {
	margin-right: 0;
}
.topicReply_item .update {
	margin-top: 0.2rem;
	line-height: 0.4rem;
	color: #999999;
}

.topicReply_item .update time {
	font-size: 0.28rem;
}
.topicReply_item .update .marginL15{
	margin-left: 0.3rem;
}
.topicReply_item .tit-btn em {
	display: inline-block;
	vertical-align: top;
	font-size: 0.24rem;
	color: #B3B3B3;
}

.topicReply_item .tit-btn b {
	width: 0.36rem;
	height: 0.36rem;
	display: inline-block;
	vertical-align: top;
	background: url(/res/images/special/course/icons_new.png) no-repeat;
	background-size: auto 0.36rem;
	margin:0.02rem 0.14rem 0 0;
}

.topicReply_item .tit-ping b {
	background-position: -0.72rem 0;
}

.topicReply_item .tit-zan b {
	background-position: 0 0;
}
.topicReply_item .tit-zan-cur em{
	color:#0099FF;
}
.topicReply_item .tit-zan-cur b {
	background-position: -0.36rem 0;
}
.topicReply_reply{
	margin-top:0.15rem;
}
.topicReply_reply p{
	margin:0.05rem auto;
	font-size:0.32rem;
	color:#333333;
	line-height: 0.45rem;
}
.topicReply_reply .blue{
	color: #0099FF;
}
.topicReply_reply .topicReply_reply_time{
	font-size:0.26rem;
	color: #999999;
	margin-left:0.14rem;
}
.topicReply_reply_more{
	height:0.64rem;
	line-height: 0.64rem;
	background: #F5F6F8;
	border-radius: 0.5rem;
	padding:0 0.66rem 0 0.32rem;
	font-size:0.3rem;
	color:#999999;
	margin-top:0.15rem;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.topicReply_reply_more:before{
	content: "";
	width: 0.16rem;
	height: 0.16rem;
	border-right: 0.02rem solid #979797;
	border-top: 0.02rem solid #979797;
	position: absolute;
	top: 50%;
	right: 0.28rem;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right top;
}

/*B 输入框 2022.07.26*/
.inputHome_top{
	height: 44px;
	display: -webkit-box;
	-webkit-box-align: center;
	padding: 0 0 0 15px;
	width: 100%;
}
.inputHome_top .add {
	width: 28px;
	height: 28px;
	background: url(/res/images/special/course/add.png) no-repeat;
	background-size: contain;
	position: relative;
	margin-right: 10px;
}

.inputHome_top .add span {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #ff0000;
	border-radius: 100%;
	top: -5px;
	right: -5px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	-webkit-transform: scale(0.9);
}

.inputHome_top .textA {
	-webkit-box-flex: 1;
	height: 32px;
	position: relative;
	z-index: 0;
}

.inputHome_top .textA::before {
	position: absolute;
	z-index: -1;
	background: #FFF;
	top: 0;
	left: 0;
	width: 200%;
	height: 200%;
	border: 1px #979797 solid;
	content: "";
	border-radius: 50px;
	box-sizing: border-box;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}

.inputHome_top .textA input {
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
	padding: 0 15px;
}
.inputHome_top>a {
	width: 23px;
	height: 23px;
	position: relative;
	margin: 0 22px 0 11px;
}
.inputHome_top .zanThis .icons {
	background: url(/res/images/special/course/zan_new.png) no-repeat;
	background-size: 24px auto;
	background-position: 0 0 !important;
	width: 100%;
	height: 100%;
	display: block;
}
.inputHome_top .zanCur .icons {
	background-position: 0 -23px !important;
}
.inputHome_top>a em {
	font-size: 12px;
	line-height: 1;
	color: #0099ff;
	position: absolute;
	top: 0;
	left: 23px;
	-webkit-transform: scale(0.8);
	-webkit-transform-origin: left;
}
.inputHome_top>* {
	display: block;
}
.inputHome_top input::-o-input-placeholder{
	color:#ccc;
}
.inputHome_top input::-ms-input-placeholder{
	color:#ccc;
}
.inputHome_top input::-moz-input-placeholder{
	color:#ccc;
}
.inputHome_top input::-webkit-input-placeholder{
	color:#ccc;
}
.inputHome_top input::input-placeholder{
	color:#ccc;
}
.topicTit:after{
	display: none;
}
/*E 输入框 2022.07.26*/
.iosHeight{
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}