@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; font:14px 微软雅黑; color:#333; 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;}
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;}
.fr{float:right;}
.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 #f5f6f8;background-size: 100% 1px;}
.banner img{ display:block; width:100%;}
.topicList{ background:#FFF;}
.topicList:first-child h2{background-color: #f5f6f8;background-image: -webkit-linear-gradient(top,transparent 50%,#e5e5e5 50%); background-position:center bottom; background-repeat: no-repeat;  background-size: 100% 1px;}
.topicList h2{background-color: #f5f6f8;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;line-height:20px; padding:10px 10px; color:#999;font-size:17px;}
.topicList .con{padding:0 15px;}
.topicList .con li{padding:12px 0;background: -webkit-linear-gradient(top,transparent 50%,#e5e5e5 50%) center bottom no-repeat;background-size: 100% 1px; min-height: 45px;display:-webkit-box;display:-moz-box;display:flex;}
.topicList .con li a{line-height:20px;max-height:40px;-webkit-box-flex:1;-moz-box-flex:1;flex:1;font-size:16px;width:100%; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}/*2015.12.16*/
.topicList .con li p{color:#BBBBBB;font-size:12px;width: 100%;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;}
.topicList .con li.hui a{color:#ccc;}
.topicList .con li:last-child{ background:none;}
.topicList .con li i{width:30px;position:relative;display: block;}
.topicList .con li i:before{content:"";width:16px;height:16px;position:absolute;right:0;top: 50%;margin-top: -8px;background:url(../../../images/special/course/course_audio.png) center center no-repeat; background-size:16px auto;}
.topicList .con .li2{padding-left:10px;}
.topicList .con .li2 a{font-size:16px; color:#666565; }
.topicList .con .li3{padding-left:20px;}
.topicList .con .li3 a{font-size:16px; color:#666565;}
.topicTit{background-color: #f5f6f8;background-image: -webkit-linear-gradient(bottom,transparent 50%,#e5e5e5 50%),-webkit-linear-gradient(top,transparent 50%,#e5e5e5 50%); background-position:center top,center bottom; background-repeat: no-repeat;  background-size: 100% 1px; height:30px; padding:0 0 0 15px; }
.topicTit h2{color:#999;font-size:14px;}
.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 b{width:37px; height: 37px; position: relative;}
.topicPl_ul .top b::before{ content: ""; position: absolute;right:0; top:50%; margin-top:-8px; width:16px; height: 16px; background: url(../../../images/special/course/del.png) 0 0 no-repeat;background-size:16px auto; }
.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%; 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 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 img{width:100%; min-height:100%;}
.topicPl_ul .lib p{line-height: 17px; margin-top:6px;word-wrap:word-wrap:break-word;word-break:normal; font-size:13px;}
.topicPl_ul .lib time{color:#999; font-size:12px; margin-left:8px;}
.scrollMore{height:40px; line-height: 40px; text-align: center; font-size:12px; color:#b3b3b3;}
.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%;}
/*小组信息*/
.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;}
.addPep{display: inline-block; margin-top: 2px; width: 30px; height: 16px; margin-left: 3px; background: url(../../../images/special/course/addFriend.png) center center no-repeat; background-size: contain;}
/*赞*/
.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;}
/*功能条2016.02.26*/
.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;position:fixed; left:0; bottom:0; right:0;width:100%; z-index:99; }
.inputHome > *{ display: block;}
.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{width:23px; height:23px; position:relative; margin:0 14px 0 18px;}
.inputHome > a .icons{background:url(../../../images/special/course/zan.png) no-repeat; background-size:23px auto; width:100%; height:100%; display:block;}
.inputHome > 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 .pl .icons{ background-position:0 -46px;}
.inputHome .zanThis .icons{ background-position:0 0;}
.inputHome .zf .icons{ background-position:0 -69px;}
.inputHome .zanCur .icons{ background-position:0 -23px;}
.inputHome .add{width:28px; height: 28px; background: url(../../../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);}
/*功能条2015.12.28*/
.foot_pos{ height:45px;}
.foot{background-color:#f9f9f9;background-image: -webkit-linear-gradient(bottom,transparent 50%,#b2b2b2 50%),-webkit-linear-gradient(top,transparent 50%,#b2b2b2 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%,#b2b2b2 50%) right top no-repeat;background-size:1px 100%; display:-webkit-box; height:45px; line-height:45px; -webkit-box-align:center; -webkit-box-pack:center; font-size:16px; color:#0099ff;}
.foot a .icons{width:23px; height:23px; background:url(../../../images/special/course/zan.png) no-repeat; background-size:23px auto; margin-right:5px;}
.foot a > *{ display:block;}
.foot a:nth-child(1) .icons{ background-position:0 0;}
.foot a:nth-child(2) .icons{ background-position:0 -46px;}
.foot a:nth-child(3) .icons{ background-position:0 -69px;}
.foot a.zanCur .icons{ background-position:0 -23px;}
/*专题内容阅读详情*/
.ztArtWrap{height:100%; display:-webkit-box; -webkit-box-orient:vertical;}
.ztArtBox{ -webkit-box-flex:1; height:100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.discus{height:44px;background: -webkit-linear-gradient(bottom,transparent 50%,#d9d9d9 50%) center top no-repeat #f7f7f7; background-size: 100% 1px; display: -webkit-box; -webkit-box-align:center; padding:0 10px;}
.discus > *{ display: block;}
.discus .add{width:30px; height: 30px; background: url(../../../images/special/course/add.png) no-repeat; background-size:contain; position:relative;}
.discus .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}
.discus .textA{ -webkit-box-flex:1; height:31px; position: relative;margin-left:10px; z-index:0;}
.discus .textA::before{position: absolute; z-index: -1; background: #FFF; 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;}
.discus .textA textarea{width:100%; height: 100%; line-height:30px; border:0; background: transparent; padding:0 10px; resize:none;}
.Graysend{width:60px;height:31px;text-align:center;color:#fff;background:#0099ff;border-radius:3px;border:none; margin-left:5px; display:none;}
.fontSize{width:35px; height:31px; background:url(../../../images/special/course/size.png) 10px center no-repeat; background-size:21px 14px;}
.ztArtCon{padding:10px 10px 16px;}
.ztArtCon .img{ display:block; max-width:100%; margin:0 auto 10px;}
.ztArtCon h2{ font-size:16px; margin-bottom:10px;}
.ztArtCon p{ font-size:14px; line-height:22px; margin-bottom:7px; text-indent:2em;}
.ztArtCon .link{ font-size:14px; color:#0099ff; display:block; text-align:right; margin-top:10px;}
/*设置字体大小弹框*/
.feedback{ z-index:9; background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;height: 100%; width: 100%; opacity:0; visibility:hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.feedback.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;}
.fontSizeBox{height:44px; line-height:44px; position:absolute; bottom:0; left:0; right:0; background:#f7f7f7; padding-left:10px; display:-webkit-box; width:100%;}
.fontSizeBox h2{ -webkit-box-flex:1;}
.fontSizeBox h2 b{width:21px; height:14px; background:url(../../../images/special/course/size.png) no-repeat; background-size:contain; margin:15px 5px 0 0; display:inline-block;}
.fontSizeBox a{ display:block;width:42px; height:44px; line-height:44px;}
.fontSizeBox .cur{color:#0099ff;}

/*2016.04.21*/
.topicUlNew{ background:#FFF;}
.topicUlNew > ul > li{background: -webkit-linear-gradient(top,transparent 50%,#e5e5e5 50%) center bottom no-repeat; background-size: 100% 1px; padding: 12px 12px 12px 15px;}
.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;}
.topicUlNew .top .sTit{font-size:14px; color:#0099ff; display:inline-block; vertical-align:top;}
.topicUlNew .top .sTited{font-size:14px; color:#0066cc; 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;margin-top: 1px;}
.topicUlNew .top dd{font-size: 12px; color: #999; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: -1px;}
.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: 5px;}
.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{line-height: 22px; margin-top: 5px; word-wrap: break-word; word-break: normal; font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 69px; text-align: -webkit-left;}
.topicUlNew .lib aside.comment{line-height: 19px; 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 .tit-ping{ margin-left:15px;}
.topicUlNew .tit-btn em{ display:inline-block; vertical-align:top; font-size:12px;-webkit-transform:scale(0.9);}
.topicUlNew .tit-btn b{width:15px; height: 14px;display: inline-block; vertical-align:top; background: url(../../../images/special/course/icons.png) no-repeat; background-size:100px auto;margin-right:4px;}
.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;}
.forward{ position:relative; padding:12px; display:block; margin-top:8px; z-index:0;}
.forward::before{position: absolute; z-index: -1;top: 0;left: 0;width: 200%;height: 200%;border: 1px #0099ff solid;content: ""; border-radius:10px; box-sizing: border-box;-webkit-transform: scale(.5);transform: scale(.5); -webkit-transform-origin: left top;transform-origin: left top;}
.forward .img{width:60px; height: 60px;margin-right:10px; overflow:hidden;}
.forward .img img{width:100%; min-height:100%;}
.forward .dl{ display:-webkit-box; -webkit-box-orient:vertical;}
.forward h2{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000; line-height:16px;}
.forward p{ font-size:12px; line-height:15px;  color:#999;}
.forward .aside{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; max-height:30px;word-break: break-all;}
.forward .blue{ color:#0066cc;}

/*成员小花 低版本*/
.petalNew{width:12px; height:12px; position:relative; display:inline-block; vertical-align:top;}
.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:5px 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;}
/*弹框*/
.feedback2{z-index:99;background: rgba(0,0,0,0.6) !important;position: fixed;left: 0;top: 0;height: 100%;width: 100%;/* opacity:0; *//* visibility:hidden; */}
.feedback2.is-visible {opacity: 1; visibility: visible;}
.newUnit{top:40%;left: 50%;margin-left: -135px;background: #eeeeee;position:absolute;width: 270px;border-radius: 13px;margin-top:-55px;}
.newUnit .top{padding: 16px 30px;min-height: 80px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center;-webkit-box-pack: center;color: #000;}
.newUnit .top h2{font-size: 17px;margin-bottom: 1px;}
.newUnit .top p{font-size: 16px;line-height: 18px;color: #333;text-align:center;}
.unit_btn{width:100%;display:-webkit-box;background: -webkit-linear-gradient(bottom,transparent 50%,#CCC 50%) center top no-repeat;background-size: 100% 1px;}
.unit_btn a{display:block;-webkit-box-flex:1;text-align:center;height: 44px;line-height: 44px;color: #0099ff;font-size: 16px;}
.unit_btn a:last-child{ background: -webkit-linear-gradient(left,transparent 50%,#CCC 50%) left top no-repeat;background-size:1px 100%;}

/*2017.3.8夜间模式*/
.nightmode{
	background: #383838;
}
.nightmode .create-art{
	background: -webkit-linear-gradient(top,transparent 50%,#383838 50%) center bottom no-repeat #383838;
	background-size: 100% 1px;
}
.nightmode #createName{
	color: #707070;
}
.nightmode .subInfo{
	color: #6699cc;
}
.nightmode .topicList{
	background: #3f3f3f;
}
.nightmode .topicList li a{
	color: #acacac;
}
.nightmode .topicList h2{
	background: #383838;
	color: #666666;
}
.nightmode .rewardBtn{
	background-color: #3F3F3F;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 1px;
	background-image: -webkit-linear-gradient(bottom,transparent 50%,#2e2e2e 50%);
}
.nightmode .rewardBtn .payBox p{
	color: #ababab;

}
.nightmode .rewardBtn .payBox .blue{
	color: #6699cc !important;
}
.nightmode .pj-star .blue{
	color: #6699cc !important;
}
.nightmode .pj-star .addTag{
	color: #6699cc;
	border: 1px solid #6699cc;
}
.nightmode .topicTit{
	background-color: #383838;
	background-image: -webkit-linear-gradient(bottom,transparent 50%,#2e2e2e 50%),-webkit-linear-gradient(top,transparent 50%,#2e2e2e 50%);
	background-position: center top,center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.nightmode #pub h2{
	color: #707070;
}
.nightmode .topicList .con li {
    background: -webkit-linear-gradient(top,transparent 50%,#2e2e2e 50%) center bottom no-repeat;
    background-size: 100% 1px;
}
.nightmode .topicUlNew > ul > li{
	background: -webkit-linear-gradient(top,transparent 50%,#2e2e2e  50%) center bottom no-repeat;
	background-size: 100% 1px;
}
.nightmode .topicUlNew{
	background: #3F3F3F;
}
.nightmode .topicUlNew .top .sTit{
	color: #6699cc;
}
.nightmode .topicUlNew .top dd label{
	color: #707070;
}
.nightmode .topicUlNew .lib aside{
	color: #ababab;
}
.nightmode .topicUlNew .top .sName{
	color: #595959;
}
.nightmode .topicUlNew .lib h3{
	color: #ababab;
}
.nightmode .yuedu {
	color: #6699cc !important;
}
.nightmode .scrollMore{
	color: #595959;
}
.nightmode .inputHome{
	background: -webkit-linear-gradient(bottom,transparent 50%,#2e2e2e 50%) center top no-repeat #3f3f3f;
	background-size: 100% 1px;
}
.nightmode .inputHome .textA input{
	background: #3d3d3d;
	color: #707070;
	border: 1px #2e2e2e solid ;
	border-radius: 4px;
}
.nightmode .inputHome .textA::before{
	position: absolute;
	z-index: -1;
	background:  #3d3d3d;
	top: 0;
	left: 0;
	width: 200%;
	height: 200%;
	border: 1px #2e2e2e 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;
}
.nightmode .namesecond{
	color: #6699cc !important;
}
.nightmode .inputHome > a em{
	color:  #6699cc;
}
/*2017.3.8夜间模式结束*/

/*2017.11.10iphonex适配开始*/
.footer_inputBox_iphonex{display: block;width: 100%;height: 78px;background: rgba(249, 249, 249,1.0);position: fixed;left: 0;bottom: 0px;z-index: 999;}
/*2017.11.10iphonex适配结束*/