.aside-l{ float: left; width: 240px;}
.aside-r{ float: right; width: 940px;}

.usertop{ width: 240px;border: solid 1px #e7e7e7; background: url(../images/ubg.jpg) no-repeat top #fff;}
.usertop .userp{ text-align: center; padding: 35px 20px 0 20px;}
.usertop .userp img{ width: 80px; height: 80px; border-radius: 50%; border: solid 1px #e7e7e7;}
.usertop .userp h3{ font-size: 18px; padding: 10px 0;}
.usertop .userp p{ color: #666; padding-bottom: 5px;}
.usertop .userabout{ padding:0 0 15px 0; text-align: center;}
.usertop .userabout a.btn-border-small:hover i.icon-jia{ background: url(../images/jia_hover.png) no-repeat;}
.usertop .userabout a.btn-border-small:hover i.icon-fenx{ background: url(../images/fenx_hover.png) no-repeat;}
.usertop .userabout a.active{background: #3c9dfe;  color: #fff; border-color: #33a6ff;}
.usertop .userabout a.btn-border-small.active i.icon-jia{ background: url(../images/ok.png) no-repeat;}

.usertop .userb{ text-align: center; padding: 20px 0; overflow: hidden;}
.usertop .userb li{display: inline-block; *display: inline; *zoom: 1; width:33.333%; float: left;}
.usertop .userb li a{ display: block;}
.usertop .userb li+li a{border-left: solid 1px #e7e7e7;}
.usertop .userb li a strong{ font-size: 20px; color: #33a6ff; }

.hotcol{ width: 240px;border: solid 1px #e7e7e7; background: #fff; margin-top: 16px; overflow: hidden;}

.hotbar{ height: 55px; position: relative; padding: 16px 0; border-bottom: solid 1px #e7e7e7; margin: 0 16px;}
.hotbar h2,.foucs .hotbar h2{ font-size: 20px;}

.hotbar .search{ width: 220px; height: 35px; border: solid 1px #33a6ff;  border-radius: 5px; position: absolute; right: 0; top: -12px;}
.hotbar .search input{ float: left; padding:4px 0; width: 158px; line-height: 24px; font-size: 16px; margin-left: 10px;}
.hotbar .search button{ float: right; background: #33a6ff; width: 50px; margin-right: -1px; height: 34px; text-align: center; border-radius: 5px; }

.hotcol .hotbar a.fr,.foucs .hotbar a.fr{ margin-top: 4px; color: #666;}
.hotcol .hotapp{ text-align: center;padding-right: 15px; padding-left: 15px; padding-bottom: 16px;}
.hotcol .hotapp li{ margin-top: 16px;}
.hotcol .hotapp li img{width: 72px; height: 72px; border-radius: 5px;}
.hotcol .hotapp li span{ display: block; height: 30px; line-height: 30px; -ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}

.hotcol .fangke{ padding-top: 16px;}
.hotcol .fangke li{ padding: 0px 22px 16px 22px;}
.hotcol .fangke li img{width: 48px; height: 48px; border-radius: 50%; border: solid 1px #e7e7e7;}
.hotcol .fangke li h3,.vidpl ul li h3{ font-size: 16px;padding: 5px 0 5px 62px;}
.hotcol .fangke li p,.vidpl ul li p{ color: #999; padding-left: 62px;}

.hotcol .tongji{ padding: 10px 0;}
.hotcol .tongji p{ padding: 4px 22px; }

.say{border: solid 1px #e7e7e7; background: #fff; padding: 16px 16px 0 16px;}
.say .sayarea{border: solid 1px #e7e7e7; padding: 10px;}
.say .sayarea textarea{ width: 100%; height: 100px;}
.say .saytool{ padding: 16px 0;}
.toolbtn{ padding-top: 5px;}
.toolbtn a{display: inline-block; *display: inline; *zoom: 1; margin-right: 20px; position: relative;}
.toolbtn a input{ filter:Alpha(opacity=0);-ms-opacity: 0; opacity: 0; width: 53px; height: 20px; position: absolute; top: 0; left: 0; font-size: 0; cursor: pointer;}

.saythums{border-top: solid 1px #e7e7e7; padding-bottom: 16px; overflow: hidden; display: none;}
.saythums li{ position: relative; float: left; width: 100px;margin: 10px 6px 0 7px; text-align: center; }
.easy_upload_preview{ position: relative; width: 100px; height: 65px;border: solid 1px #e7e7e7; display: table-cell; vertical-align: middle; cursor: pointer;}
.easy_upload_preview b,.easy_upload_preview s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; filter:Alpha(opacity=60);-ms-opacity: .6; opacity: .6; }
.easy_upload_preview b{background: url(../images/bofang.png) no-repeat center center #000; background-size: 24px 24px;}
.easy_upload_preview s{ background: #000;}

.easy_upload_file1{ width: 100px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; -ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.easy_upload_file2 .easy_upload_fiesize,.easy_upload_status .status4,.easy_upload_status .status5{ display: none;}
.easy_upload_file2 .easy_upload_percent{ position: absolute; top: 25px; left: 1px; right: 1px; height: 14px; line-height: 14px; color: #fff; background: #09ca98; font-size: 12px;}
.easy_upload_status{position: absolute; top: 45px; right: 5px;}
.easy_upload_status .status4{ color: #ff0000;}
.easy_upload_status .status5{ color: #09ca98;}
.easy_upload_btn,.delbtn{position: absolute; top: -5px; right: -5px;}
.easy_upload_btn .easy_upload_delbtn,.delbtn{color: #fff; width: 14px; height: 14px; line-height: 14px; text-align: center; background: #ff0000; border-radius: 50%;cursor: pointer;}
.saythums li img{ max-width: 100%; max-height: 65px; vertical-align: middle; }

.foucs{border: solid 1px #e7e7e7; background: #fff; padding: 0 16px 16px 16px; margin-top: 16px; position: relative;}
.foucs .hotbar{ height: 55px; padding: 16px 0; border-bottom: solid 1px #e7e7e7; margin: 0;}
/* 焦点图效果 */
.sidefoucs{ width:905px; height:430px;position:relative;  overflow:hidden;  zoom:1;   }
.sidefoucs .hd,.vidpl{ width:270px;  height:380px; position:absolute; right:0; top: 0; background: #f5f5f5; overflow:hidden; }
.sidefoucs .hd ul li{ width:270px; height: 86px; margin: 8px 0 0 10px; cursor: pointer; /*overflow: hidden;*/}
.sidefoucs .hd ul li .pimg{ float: left; width: 136px; height: 82px; text-align: center; position: relative;border: solid 3px transparent;}
.sidefoucs .hd ul li .pimg>b{ display: none; position: absolute; top: 40%; left: -10px; width: 10px; height: 19px;background: url(../images/icoleft.png) no-repeat;}
.sidefoucs .hd ul li .pimg s,.sidefoucs .hd ul li .pimg em{ position: absolute; left: 5px; bottom: 5px; display: block; font-size: 12px; width: 50px; height: 20px; line-height: 20px; color: #fff; text-align: center; }
.sidefoucs .hd ul li .pimg s{background: #000;filter:Alpha(opacity=60);-ms-opacity: .6; opacity: .6; }
.sidefoucs .hd ul li .ptext{ float: right; width: 110px; margin-right: 10px;}

.sidefoucs .hd ul li .ptext h3{ font-size: 14px; padding:6px 0 12px 0; -ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;}
.sidefoucs .hd ul li .ptext p{ font-size: 12px;  padding:6px 0 0 0;}

.sidefoucs .hd ul li .pimg img{ width: 100%; height: 100%;}
.sidefoucs .hd ul li.on .pimg{ border-color: #ff9833;}
.sidefoucs .hd ul li.on .pimg>b{ display: block;}
.sidefoucs .hd ul li.on h3{color: #ff9833;}

.sidefoucs .bd,.vidbox{ width:624px;  height:430px; position:relative;  }
.sidefoucs .bd li{ position:relative; zoom:1; vertical-align:middle;}
.sidefoucs .bd li .pic,.vidbox .pic{width:624px; height:380px;  position:relative; z-index:0;  }
.sidefoucs .bd li .pic video,.vidbox .pic #fvideo{width: 100%; height: 100%; object-fit:fill}
.sidefoucs .bd li .clname,.vidbox .clname{ padding-top:12px; overflow: hidden;}
.sidefoucs .bd li .clname h2,.vidbox .clname h2{ font-size: 24px;}
.sidefoucs .bd li .clname .fr,.vidbox .clname .fr{position: relative; top: 6px;}
.sidefoucs .bd li .clname .fr a,.vidbox .clname .fr a{display: inline-block; *display: inline; *zoom: 1; font-size: 18px; line-height: 18px; margin-left: 20px;}

.plbar{ border-bottom: solid 1px #e7e7e7; margin: 0 16px; padding: 10px 0; font-size: 16px;}
.vidpl ul{ padding:0 10px 0 16px; height: 285px; overflow-x: hidden; overflow-y: auto;}
.vidpl ul li{ border-bottom:dashed 1px #e7e7e7; padding: 16px 0;}
.vidpl ul li img{ width: 48px; height: 48px; border-radius: 50%;}
.vidpl ul li h3{ font-size: 14px; }
.vidpl ul li p{ font-size: 12px; padding-bottom: 3px;}
.vidpl ul li span{display: block; font-size: 12px; color: #999; padding-left:62px;}
.vidpl ul li span i{ position: relative; top: 5px;}

.plsend{ margin: 10px 16px; background: #fff; border: solid 1px #e7e7e7; position: relative; }
.plsend input{ height: 32px; line-height: 32px; margin: 0 5px;}
.plsend button{ width:70px; height: 32px; position:absolute; right: -1px; top:0;}

.baritem{display: inline-block; *display: inline; *zoom: 1; position: relative; top: -2px; margin-left: 30px;}
.baritem a{ margin-right: 15px;}

.zonelist{padding: 0 20px 16px 20px;}
.zonelist li{ padding: 20px 0;border-bottom: solid 1px #e7e7e7;}
.zonelist li .upic{ display: block; width: 48px; height: 48px; margin: 10px 0 0 10px;}
.zonelist li .upic img{ width: 48px; height: 48px;border-radius: 50%;border: solid 1px #e7e7e7; }
.zonelist li .minpic{ display: block; width: 40px; height: 40px; margin: 10px 0 0 10px;}
.zonelist li .minpic img{ width: 40px; height: 40px;border-radius: 50%;border: solid 1px #e7e7e7;}
.zonelist li .ucontent,.zonelist li .utit,.zonelist li .ubtm,.zonelist li .praise,.zonelist li .say-some{ padding-top: 10px;overflow: hidden;}
.zonelist li .doaction a{display: inline-block; *display: inline; *zoom: 1; margin-left: 10px;}
.zonelist li .doaction a.active,.vtool .tolicon a.active{ color: #33a6ff;}
.zonelist li .doaction a.active i.icon-xin1,.vidpl ul li span a.active i.icon-xin1{ background: url(../images/xin1_hover.png) no-repeat;}

.time{ color: #666;}
.zonelist li .uimg a,.notelist li .uimg a{ position: relative; display: inline-block; *display: inline; *zoom: 1; width: 120px; height: 90px; border: solid 1px #e7e7e7; vertical-align: middle; text-align: center; line-height: 85px; margin: 10px 10px 0 0;}
.zonelist li .uimg a img,.notelist li .uimg a img{ max-width: 100%; max-height: 100%;}
.zonelist li .uimg a s,.freeibox .vthum 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;z-index: 2;}
.zonelist li .uimg a b,.freeibox .vthum 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;z-index: 2;}
.reply{ display: none;}
.reply.active{ display: block;}

.visitant{border: solid 1px #e7e7e7; background: #fff; padding: 16px;}
.vislist{ padding-bottom: 14px;}
.vislist li{ margin:30px 0 0 0;}
.vislist li>a{ display: block; padding: 0 20px;}
.vislist li img{width: 64px; height: 64px; border-radius: 50%;}
.vislist li h3{ font-size: 16px; padding:5px 0 3px 80px;}
.vislist li p{ color: #666; padding-left:80px;}
.vislist li span{ display: block; font-size: 12px; color: #999; padding-left:80px;}

.teachcenter{height: 55px; position: relative; border-bottom: solid 1px #e7e7e7; margin: 0 16px;}
.teachcenter li{ margin-right: 20px;}
.teachcenter li a,.teachcenter li a:hover,.teachcenter li a:focus{ border: none; height: 54px; font-size: 20px; border-bottom: solid 2px #fff;background: none;}
.teachcenter li.active a,.teachcenter li.active a:hover,.teachcenter li.active a:focus{ border: none; font-size: 20px; border-bottom: solid 2px #33a6ff; }

.learn{ padding: 16px 30px;}
.learn li{ padding: 0; margin:-1px -1px 0 0;}
.learn li a{ display: block; padding:24px 20px; height: 180px; text-align: center; font-size: 18px;border: solid 1px #e7e7e7;}
.learn li a:hover{background: #f7f7f7;}
.learn li a p{ padding-top: 10px;}
.learn li a img,.learn li a p{transition: all .2s;}
.learn li a:hover img,.learn li a:hover p{transform: translateY(-5px);transition: all .2s;}

.freebar{ padding: 16px 0; border-bottom: solid 1px #e7e7e7;  margin: 0 16px;overflow: hidden;}
.freebar h3{ font-size: 16px; line-height: 32px;}
.free{ padding: 0 16px;}
.free li{margin-top: 20px; padding-left: 0; padding-right: 0;}
.free li .freeibox{ padding: 0 16px;}
.freeibox .vthum{ display: block; position: relative; overflow: hidden; height: 160px;}
.freeibox .vthum img{ width: 100%; height: 100%;}
.freeibox .vthum em{position: absolute; left: 0; right: 0;  bottom: 0px; height: 30px; line-height: 30px; background: #000; filter:Alpha(opacity=60);-ms-opacity: .6; opacity: .6; transition:bottom .2s; }
.freeibox .vthum p{position: absolute; left: 0; right: 0;  bottom: 0px; height: 30px; line-height: 30px; padding: 0 10px; text-align: right; font-size: 12px; color: #fff;transition:bottom .2s; }

.freeibox .vthum>s,.freeibox .vthum>b{height: 160px; top: -160px;}

.freeibox .vthum:hover>em,.freeibox .vthum:hover>p{ bottom: -30px;}
.freeibox .vthum:hover>s,.freeibox .vthum:hover>b{  top: 0px;}

.freeibox .vinfo h3{ font-size: 16px; padding: 10px 0;}
.freeibox .vinfo p{ color: #666;}
.freeibox .vinfo p span{ margin-right:5px;}

.uploadbar{ line-height: 34px; padding-bottom: 15px; overflow: hidden; }
.uploadvid{ padding-left: 90px; }
.uploadvid li{width: 120px; float: left; margin-bottom: 15px; margin-right: 16px; text-align: center; position: relative;}
.uploadvid li .easy_upload_preview,.uploadvid li .easy_upload_preview .easy_upload_img{ width: 120px; height: 72px; overflow: hidden;}
.uploadvid li .easy_upload_file1,.uploadvid li .easy_upload_file2{width: 120px;}
.uploadvid li .easy_upload_file1 p{-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.uploadvid li .easy_upload_file2 .easy_upload_percent{ top: 30px; right: -1px;}
#addvideo .form-group label.error{border-color: #ff0000;padding:6px 0; margin-left: 90px;}

.vleft{ width: 720px;background: #000;}
.vleft video{width: 720px; height: 420px;}
.vtool{ background: #181a20; height: 58px; color: #999; padding: 10px; position: relative;}
.vtool h2{ font-size: 16px; padding-bottom: 5px;}
.vtool span{ font-size: 12px;}
.vtool .tolicon{ position: absolute; right: 20px; top: 20px;}
.vtool .tolicon a{ margin-left: 10px; color: #999;}
.vright{ height: 478px;}
.vright ul{ height: 380px;}

/*筛选*/
.primary-sort{
    height: auto;
    margin: 0 auto;
    padding-top: 16px;
}
.primary-sort>h2{ font-size: 16px; margin: 0 16px;}
.primary-sort .ps-left .ps-left-class a{
    color: #666;display: inline-block; *display: inline; *zoom: 1;
    font-size:14px; float: left;
    padding:1px 12px;margin: 4px 2px;
    line-height: 24px; border-radius: 3px;
    vertical-align: text-bottom;
}
.primary-sort .ps-left .plc-select ul{
    position: absolute;
    background-color: #F0F0F0;
    left: 0;
    width: 100%;
    padding: 4px;
    display: none;
    margin-top:4px;
}
.primary-sort .ps-left .ps-left-wrap{
    padding: 14px;
    background-color: #fff;
    margin-bottom:0;
}
.primary-sort .ps-left-wrap dl{
    white-space: nowrap;
    /*margin-bottom: 8px;*/
}
.primary-sort .ps-left-wrap dl.bortm{border-bottom: solid 1px #e7e7e7; padding-bottom: 7px;}
.primary-sort .ps-left-wrap dl:last-child{
    margin-bottom:0;
}
.primary-sort .ps-left .ps-left-title{
    font-size: 14px;float: left;
    display: inline-block; *display: inline; *zoom: 1; padding-top: 5px;
    margin: 4px 0;
}
.primary-sort .ps-left .ps-left-title b{ margin-right: 5px;}
.primary-sort .ps-left-content{
    position: relative;
    display: inline-block; *display: inline; *zoom: 1;
    width: 94.5%;
}
.primary-sort .ps-left-content.short{width: 92.5%;}
.primary-sort .ps-left-content .treeibox{
    top: 34px; left: 0;
}
.primary-sort .ps-left-content.has-nav{
    margin-bottom: 22px;
    position: relative;
}
.primary-sort .ps-left ul.ps-left-class:after{
    content: '';
    display: table;
    clear: both;
}
.primary-sort .ps-left .ps-left-class li{
    float: left;
    margin: 4px 2px;
}
.primary-sort .ps-left-class .class-all{
    display: block;
    width: 54px;
    float: left;
    margin: 4px 0;
}
.primary-sort .ps-left a.subject-a.active,.primary-sort .ps-left a.subject-a:hover{
    color: #fff;
    background-color: #33a6ff;
    text-decoration: none;
}
.sortbtn{ display: inline-block; *display: inline; *zoom: 1; padding: 5px 5px 0 5px; cursor: pointer;}

.notelist{ margin: 0 16px; padding-bottom: 16px;}
.notelist li{ padding:30px 20px; border-bottom: solid 1px #e7e7e7;}
.notelist li h3{ font-size: 18px; padding-bottom: 12px;}
.notelist li p,.typeContent ul li .ucontent{ font-size: 14px; line-height: 24px;}

.notelist li h3 span{ font-size: 16px; margin-top: -10px;}
.notelist li h3 span em{ margin-right: 20px;}

.notelist li .ubtm,.article-content .ubtm,ul.artlist li .ubtm{ padding-top:16px; }
.notelist li .doaction a,.article-content .ubtm .doaction a,ul.artlist li .ubtm a{display: inline-block; *display: inline; *zoom: 1; margin-left: 10px;}
.notelist li .doaction a.active,.article-content .ubtm .doaction a.active{ color: #33a6ff;}

.doaction a.active i.icon-xin1{ background: url(../images/xin1_hover.png) no-repeat;}
.doaction a.active i.icon-shoucang{ background: url(../images/shoucang_hover.png) no-repeat;}


.article{
    padding: 0 20px;
    margin-bottom: 20px;
}
.article-tilte{
    color: #333; padding: 12px 0;
    font-size: 24px;
}
.article-title-warp{
    text-align: center; padding-bottom: 12px;
    border-bottom: 1px dashed #E8E8E8;
    margin-bottom: 20px;
}
.article-title-warp span{
    color: #999;
    font-size: 14px;
}
.article-title-warp span+span{ margin-left: 40px;}
.article-content{
    font-size:16px;word-break: break-all;
    clear:both; line-height: 30px;
}
.article-content img{ max-width: 100%;}
.formibox .ps-left-wrap dl{ margin-bottom: 20px;}
.formctrl{padding: 16px 0 0 55px;}
.primary-sort .toolbtn{padding: 0 0 16px 55px;}
.uploadtab{padding: 0 0 0 55px;border-top: solid 1px #e7e7e7;}
.uploadtab .upload-ul{ padding: 0; border: none;overflow: hidden;}

.uploadbnail{ float: right; width: 900px; position: relative; top: -4px;}
.uploadbnail li.easy_upload_queue_item{ width: 80px; height: 50px; position: relative; margin: 0 5px;  text-align: center;float: left; cursor: pointer;}
.uploadbnail li.easy_upload_queue_item .easy_upload_preview{ width: 80px; height: 50px;}
.uploadbnail li.easy_upload_queue_item .easy_upload_file2 .easy_upload_percent{top: 19px;}
.uploadbnail li.easy_upload_queue_item .easy_upload_file1{ display: none;}

.uploadbnail li img{ max-width: 100%; max-height: 100%; vertical-align: middle; }
.uploadbnail li i{ position: absolute; top: -5px; right: -5px; color: #33a6ff; width: 14px; height: 14px; line-height: 14px; text-align: center; background: #eee; border-radius: 50%;cursor: pointer;}

.treeibox{ width: 300px; height: 400px; background: #fff; position: absolute; top: 0; left: 40px; border: solid 1px #e7e7e7;box-shadow: 0px 0px 10px 1px rgba(194,194,194,.5); z-index: 1; display: none;}
.treebar{ position: relative; padding: 10px 5px 0 5px; background: #f2f2f2;border-bottom: solid 1px #e7e7e7;}
.treebar h2{display: inline-block; *display: inline; *zoom: 1; font-size: 14px; border-bottom:solid 2px #f2f2f2; padding:0 8px 8px 8px; margin-left: 16px; cursor: pointer; }
.treebar h2.active{ border-color:#33a6ff; color: #33a6ff; }
.treebar a,.pitbar a{ display: block; position: absolute; top: 3px; font-weight: normal; font-size: 24px; font-family:simsun; right: 10px; width: 32px; height: 32px; text-align: center; line-height: 30px; }

.treepanl{ padding: 10px 0 10px 10px;height: 360px; overflow-x: hidden; overflow-y: auto;}

.explist{ width: 1200px!important; min-height: 640px;}
.explist li{ margin-bottom: 30px;}
.explist li .expibox{background: #fff; border-radius: 5px;box-shadow: 0px 0px 10px 1px rgba(194,194,194,.5);transition: all .2s; }
.explist li:hover .expibox{ transform: translateY(-5px);transition: all .2s;}
.explist li .ibar{ height: 48px; color: #fff; padding: 0 16px; border-radius: 5px 5px 0 0;position: relative;}
.explist li .ibar h2{ font-size: 18px; font-weight: bold; line-height: 48px; width: 90%; -ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.explist li .ibar a{ position: absolute; top:15px; right:12px;}

.explist li .expcontent{ padding:12px 16px; line-height: 24px; word-break: break-all;}
.explist li .expimg img{ margin-top: 10px; width: 100%; max-height: 150px; border-radius: 5px;}
.explist li .expcontent .fenx{ padding-top: 12px;}

.explist li .ibar.yellowbg{ background: #fc9e00;}
.explist li .ibar.redbg{ background: #ff6f34;}
.explist li .ibar.greenbg{ background: #09ca98;}

.artbox{ padding: 16px 16px 0 16px;}
.tasklist a{ position: relative; display: inline-block; *display: inline; *zoom: 1; width: 250px; height: 150px; vertical-align: middle; line-height:150px; text-align: center; margin: 10px 10px 0 0;}
.tasklist a img{ max-width: 100%; max-height: 100%;}
.tasklist a 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;}
.tasklist a 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;}

/*音频*/
.hearing .aud audio{ display: none;}
.hearing .aud{ background: #f2f2f2; position: relative;vertical-align: middle; height: 38px; margin-top: 10px; border: solid 1px #e7e7e7; border-radius: 5px;display: inline-block; *display: inline; *zoom: 1;}
.hearing .audiobtn{ width: 40px;height: 36px; border-right: solid 1px #e7e7e7; text-align: center; float: left; cursor: pointer;}
.hearing .audiobtn i{ top: 10px;}
.hearing .audiobtn i.glyphicon-pause,.hearing .audiobtn.active i.glyphicon-play{ display: none;}
.hearing .audiobtn.active i.glyphicon-pause{display: inline-block; *display: inline; *zoom: 1;}
.hearing .aprogress{float: left; width: 200px; height: 14px; background: #09ca98; margin:11px 10px; border-radius: 7px;}
.hearing .adate{ float: right; font-size: 12px; padding: 10px 10px 10px 0;}

/*附件*/
.upatt{ position: relative;}
.upatt a{ padding: 0 12px!important; width: auto; line-height: 38px!important;}
.upatt input{ filter:Alpha(opacity=0);-ms-opacity: 0; opacity: 0; width: 110px; height: 40px; position: absolute; top: 0; left: 15px; font-size: 0; cursor: pointer;}
.upattlist .att_file{position: relative;background: #f7f7f7; width: 200px; float: left; margin-right: 20px; border: solid 1px #c1c1c1;}
.upattlist em{position: absolute; top: -5px; right: -5px;color: #fff; width: 14px; height: 14px; line-height: 14px; text-align: center; background: #ff0000; border-radius: 50%;cursor: pointer;}
.upattlist .status{position: absolute; bottom: 3px; right: 5px;font-size: 12px; }

/*附件列表*/
.upattlist .att_file .att_file_ico{ float: left; margin: 3px; background: #33a6ff; display: inline-block; *display: inline; *zoom: 1; width:36px; height:36px; text-align: center;}
.upattlist .att_file .att_file_ico i{ line-height:36px; color: #fff;}
.upattlist .att_file_info{ padding-left: 44px;font-size: 12px; }
.upattlist .att_file_info h4{ font-size: 14px; line-height: 15px; margin: 3px 0; -ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}


.makelist{ padding: 0 16px;}
.setibox{ border-radius: 5px;border: solid 1px #fff; margin-top: 16px;}
.setibox .make_head{padding: 10px 16px; height: 64px; color: #fff; position: relative;}
.setibox .make_head h2,.setibox .make_tit em{ font-size: 18px;font-weight: bold; }
.setibox .make_head h2{ padding-bottom: 5px;}
.setibox .make_head em{ font-weight: bold; position: absolute; top: 20px; right: 16px;}
.setibox .make_body{ padding: 16px; max-height: 60px;}
.setibox .make_foot{ padding: 16px; color: #999;}
.setibox .make_foot .btngo{ position: relative; top: -8px; width: 80px; height: 32px; line-height: 30px; text-align: center; color: #fff;background: #fff; border-radius: 20px;}


.setibox.yellowbg{ border-color: #ff9231;}
.setibox.yellowbg .make_head,.setibox.yellowbg .make_foot .btngo{ background: #ff9231;}
.setibox.yellowbg .make_body{color: #ff9231;}

.setibox.greenbg{ border-color: #09ca98;}
.setibox.greenbg .make_head,.setibox.greenbg .make_foot .btngo{ background: #09ca98;}
.setibox.greenbg .make_body{color: #09ca98;}

.setibox.bluebg{ border-color: #33a6ff;}
.setibox.bluebg .make_head,.setibox.bluebg .make_foot .btngo{ background: #33a6ff;}
.setibox.bluebg .make_body{color: #33a6ff;}

/*我的收藏*/
.typetab{display: inline-block; *display: inline; *zoom: 1; float: right; border: none;}
.typetab li{ border: none; margin: 0;}
.typetab>li>a{ padding: 0; margin-left: 10px; width: 56px; height: 28px; line-height: 26px; text-align: center;color: #666; border: solid 1px #c1c1c1; border-radius: 14px; transition: all .2s;}
.typetab>li>a:hover,.typetab>li.active>a,.typetab>li.active>a:hover,.typetab>li.active>a:focus{color: #fff; background:#33a6ff;border-color: #33a6ff!important; }
ul.artlist{ margin: 0 16px; padding-bottom: 16px;}
ul.artlist li{border-bottom: solid 1px #e7e7e7; padding: 16px 0; margin: 0; }
ul.artlist li .upic{ width: 56px; height:56px; margin: 0 auto; display: block;}
ul.artlist li .upic img{width: 56px; height: 56px; border-radius: 50%; border: solid 1px #e7e7e7;}
ul.artlist li h3{ font-size: 14px; padding-bottom: 10px;}
.resourceibox{margin: 0 16px; padding-top: 10px;}
.resourceibox table thead tr th{ font-size: 14px; padding: 12px 8px; background: #ededed; border: none!important; text-align: center;}
.resourceibox table tbody tr td{font-size: 14px; border-bottom: solid 1px #e7e7e7; border-top: 0; vertical-align: middle; text-align: center; padding: 16px 8px;}
.resourceibox table tbody tr td.text-left{ text-align: left!important;}
.plscore{display: inline-block; *display: inline; *zoom: 1; text-align: center;}
.plscore i{ margin-right: 0;}

/*老师空间*/
.restext input{display: inline-block; *display: inline; *zoom: 1; margin-right: 5px;}
.restext button{ margin-top: -5px;}

.wordibox{border: solid 1px #e7e7e7; background: #fff; position: relative;}
.wordbar{ position: absolute; top: 0; left: 0; right: 0; padding: 30px; background: #fff; border-bottom: solid 1px #e7e7e7;}
.letter-txt h2{ font-size: 24px;}
.letter-txt p{ font-size: 16px; padding: 12px 0; color: #666;}
.user-bout>span{ color: #666; margin: 0 20px;}
.user-bout .useropt>img{ width: 24px; height: 24px; border-radius: 50%; border: solid 1px #e7e7e7;}
.user-bout .useropt>span{display: inline-block; *display: inline; *zoom: 1;  padding: 3px 0 0 5px;}
.user-bout .price{color: #ff9231!important; font-size: 18px;}
.fenx-txt{ text-align: right;}
.fenx-txt a.qcodebtn{ display: inline-block; *display: inline; *zoom: 1; width: 120px; height: 38px; line-height: 38px; text-align: center; background: #ff9231; font-size: 16px; border-radius: 3px; color: #fff;}
.fenx-txt a.qcodebtn:hover{background: #faad40; }
.fenx-txt p.fenxdt{ padding-top: 32px;}
.fenx-txt p.fenxdt span{ margin-left: 20px; color: #666;}
.fenx-txt p.fenxdt span i{ margin-right: 5px;}
.fenx-txt p.fenxdt a.active i.icon-shoucang{background: url(../images/shoucang_hover.png) no-repeat;}
/*.fenx-txt .qcodepop{ right: -20px;}*/
.fenx-txt .qcodepop .qcode{ top: 52px; right: -28px;}
.fenx-txt .qcodepop .qcode>b{ top: -10px;border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-top: none;}

.wordopen{ margin-top: 157px; min-height: 500px; text-align: center; }
.wordopen .pop>canvas{box-shadow: 0px 0px 10px 5px rgba(136,136,136,.2);}
.wordopen .pop>canvas+canvas{ margin-top: 16px;}
.contentpic{ max-width: 100%; text-align: center;}
.contentpic img{ max-width: 100%;}

.fotbar{ position: fixed; left: 0; right: 0; bottom: 0; height: 64px; background: #f2f5f8; border-top: solid 1px #e7e7e7; z-index: 10;}
.assess{ padding: 20px 0; overflow: hidden; }
.assess>em{font-size: 18px;  float: left;}
.assrig{ text-align: right; }
.assrig span{display: inline-block; *display: inline; *zoom: 1; padding:12px 0;}
.assrig span input{border: solid 1px #e7e7e7; padding: 5px; width: 50px; text-align: center; margin-right: 5px;}
/*星星评分*/
/*.set_image_all{
    cursor: pointer; top: -2px;
    position: relative;
}
.set_image_all .set_image_item {
    position: relative;
    display: inline-block; *display: inline; *zoom: 1;
    z-index: 11;
    visibility: visible;
}
.set_image_all .set_image_top {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.set_image_all .set_image_top>div {
    display: inline-block; *display: inline; *zoom: 1;
    overflow: hidden;
}
.set_image_all .set_image_top>div>img {
    height: 100%;
}
.grade { font-size: 16px; margin-left: 10px; position: relative; top: 2px;}*/

.startScore {float: left;display: inline-block; *display: inline; *zoom: 1; overflow: hidden;}
.startScore .star_score {float: left;display: inline-block; *display: inline; *zoom: 1;}
.startScore .star_num{float: left;display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; font-size: 18px;}
.startScore .attitude{ display: none;}
.star_score{background: url(../images/score_star.png);width: 160px;height: 24px;position: relative;}
.star_score a{height: 24px;	display: block;	text-indent: -999em;position: absolute;	left: 0;}
.star_score a:hover{background: url(../images/score_star_hover.png);left: 0;}
.star_score a.clibg{background: url(../images/score_star_hover.png);left: 0;}

.atar_score{display: inline-block; *display: inline; *zoom: 1; }
.atar_score em{ font-style:normal;}
.atar_score .atar_Show {background: url(../images/score_star_sm.png);	width: 80px;height: 12px;position: relative;display: inline-block; *display: inline; *zoom: 1;}
.atar_score .atar_Show .atar_num{background: url(../images/score_star_hover_sm.png);left: 0;height: 12px;width: 134px;}

/*未登录星星*/
.atar_score_big{ font-size:18px;}
.atar_score_big p{ display: inline-block; *display: inline; *zoom: 1; position: relative; top: -4px; margin-left: 10px;}
.atar_score_big .atar_Show {background: url(../images/score_star.png);	width: 160px;height: 24px;position: relative;display: inline-block; *display: inline; *zoom: 1;}
.atar_score_big .atar_Show .atar_num{background: url(../images/score_star_hover.png);left: 0;height: 24px;width: 134px;}

.tagtab{ padding-bottom: 5px;position: relative;}
.tagbar li{display: inline-block; *display: inline; *zoom: 1; margin-right: 20px; }
.tagbar li>a{ display: block; border: solid 1px #e7e7e7; padding: 8px 16px;}
.tagbar li a:hover,.tagbar li.active a{border-color: #33a6ff; background: #33a6ff; color: #fff;}
.tagcontent{ border: solid 1px #e7e7e7; width: 553px; position: relative; margin-top: 15px; display: none;}
.tagcontent>b{ display: none; position: absolute; top: -17px; width: 34px; height: 17px;background: url(../images/role.png) no-repeat;}
.tagcontent b.b1{ left: 12px;}
.tagcontent b.b2{ left: 102px;}
.tagcontent b.b3{ left: 187px;}
.tagcontent b.b4{ left: 272px;}
.tagcontent b.b5{ left: 358px;}
.tagcontent b.b6{ left: 475px;}
.pitbar{ position: relative; height: 35px; line-height: 35px; padding: 0 10px; border-bottom: solid 1px #e7e7e7;}

.tagfile-img,.tagfile-video,.tagfile-doc{ padding: 0 10px 10px 0; overflow: hidden; display: none;}

.tagfile-img li,.tagfile-img li.getfile,.tagfile-video li.getfile,.tagfile-doc li.getfile{ float: left; width: 80px; height: 80px; margin: 10px 0 0 10px; position: relative;}
.tagfile-img li img,.tagfile-img li.getfile img,.tagfile-video li.getfile img{ width: 80px; height: 80px;}

.tagfile-video li{ float: left; width: 240px; height: 135px; margin: 10px 0 0 24px; position: relative;}
.tagfile-video li img{ width: 240px; height: 135px;}
.tagfile-video li.getfile{margin: 10px 0 0 24px;}

.tagfile-doc li{ float: left; width: 170px; height: 110px; margin: 10px 0 0 10px; position: relative;}

.tagfile-img li.getfile input,.tagfile-video li.getfile input,.tagfile-doc li.getfile input{filter:Alpha(opacity=0);-ms-opacity: 0; opacity: 0;width: 80px; height: 80px; position: absolute; top: 0; left: 0; font-size: 0; cursor: pointer;}
.tagfile-video li b{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background: url(../images/bofang.png) no-repeat center center #000; filter:Alpha(opacity=60);-ms-opacity: .6; opacity: .6; background-size: 36px 36px;}

.sucess{ text-align: center; padding: 60px 0;}
.sucess p{ font-size: 16px; padding: 10px 0;}


.getdrop .dropdown-submenu {
    position: relative;
}
.getdrop .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.getdrop .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.getdrop .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.getdrop .dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}
.getdrop .dropdown-submenu.pull-left {
    float: none;
}
.getdrop .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.article-content .ubtm .qcodepop>.qcode, .notelist li .ubtm .qcodepop>.qcode, .artlist li .ubtm .qcodepop>.qcode {
    top: -196px;
    right: -65px;
}

/*微课*/
.hotbroad li{ margin-top: 24px;}
.hotbroad li .item .img_p{ display: block; width: 100%; height: 145px; overflow: hidden;}
.hotbroad li .item .img_p>img{ width: 100%; height: 100%; transition: all .3s;}
.hotbroad li .item .img_p:hover>img{transform: scale(1.01);}
.hotbroad li .item h3,.freety li .freeibox h3{ margin-top: 5px; font-size: 14px; height: 24px; line-height: 24px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.hotbroad li .item p{ font-size: 12px; height: 17px; margin-top: 5px; overflow: hidden;}
.hotbroad li .item p span.fr{ text-align: right; display: inline-block; *display: inline; *zoom: 1; width: 40%;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.hotbroad li .item .hotbotm,.freety li .freeibox .hotbotm{ margin-top: 10px; font-size: 12px;}
.hotbroad li .item .hotbotm .atar_score,.freety li .freeibox .hotbotm .atar_score{display: inline-block; *display: inline; *zoom: 1;}
.hotbroad li .item .hotbotm>cite,.freety li .freeibox .hotbotm>cite{ color: #999; -ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.superkc{ padding: 0 28px 24px 28px; height: 504px;overflow: hidden;}
.superkc li .item .img_p{ display: block; width: 100%; max-height: 130px; overflow: hidden;}

.rankpr{padding: 0 28px; height: 504px; overflow: hidden;}
.rankpr table{ margin-top: 10px;}
.rankpr table tr th,.rankpr table tr td{border: none; vertical-align: middle;text-align: center; padding: 12px 8px;}
.rankpr table tr td em{display: inline-block; *display: inline; *zoom: 1; width: 20px; height: 20px; line-height: 20px; text-align: center; background: url(../images/hot_0.png) no-repeat; color: #fff; border-radius: 2px;}
.rankpr table tr td em.first{background: url(../images/hot_1.png) no-repeat;}
.rankpr table tr td em.second{background: url(../images/hot_2.png) no-repeat;}
.rankpr table tr td em.third{background: url(../images/hot_3.png) no-repeat;}
.rankpr table tr td em.fourth{background: url(../images/hot_0.png) no-repeat;}
.u-teach img{ width:48px; height: 48px; border: solid 1px #e7e7e7; border-radius: 50%; margin-right: 5px;}

.broadgrade {
    background: #fff;
    border: solid 1px #e7e7e7;
    padding: 0 28px;
    margin-top: 16px;
    overflow: hidden;
}
.broadgrade .hotbar{border-bottom: solid 1px #4ed87b; padding: 20px 0; margin: 0; height: auto; overflow: hidden;}
.broadgrade .hotbar h2{  float: left; font-size: 22px;display: inline-block; *display: inline; *zoom: 1; padding-top: 3px; }
.broadgrade .hotbar .barmore{ float: right;font-size: 15px; position: relative; top: 10px;}

.freelist{border: solid 1px #e7e7e7; background: #fff; padding: 0 16px;}
.freelist li .freeibox a.vthum img,.livelist li .freeibox a.vthum img{ width: 100%;}
.typefree{ padding: 0; }
.freelist .sift{border-bottom: solid 1px #e7e7e7; padding-top: 0;}
.freelist .sift .sift-bar{ background: #f3f3f3;border-bottom: solid 1px #e7e7e7; padding:0 10px;}
.freelist .sift .sift-bar>i{ margin-left: 5px;}
.freelist .sift .sift-bar>a{display: inline-block; *display: inline; *zoom: 1;background:#fff;border: solid 1px #e7e7e7; padding: 3px 10px; position: relative;}
.freelist .sift .sift-bar>a>em{ position: absolute; top: -5px; right: -5px; display: block; width: 14px; height: 14px; text-align: center; line-height: 14px; font-size: 12px; background:#33a6ff;font-family: simsun; color: #fff; border-radius: 50%;}
.freelist .sift .sift-bar>a>b{ width: 10px; height: 8px; margin-left: 5px; display: inline-block; *display: inline; *zoom: 1; }
.freelist .sift .sift-bar>a.down1>b{background: url(../images/down1.png) no-repeat;}
.freelist .sift .sift-bar>a.up1>b{background: url(../images/up1.png) no-repeat;}
.freelist .sift .sift-bar>a:hover,.freelist .sift .sift-bar>a.cur_down,.freelist .sift .sift-bar>a.cur_up{color: #33a6ff;}
.freelist .sift .sift-bar>a.cur_down>b,.freelist .sift .sift-bar>a.cur_down:hover>b{background: url(../images/cur_down1.png) no-repeat; }
.freelist .sift .sift-bar>a.cur_up>b,.freelist .sift .sift-bar>a.cur_up:hover>b{background: url(../images/cur_up1.png) no-repeat; }

.sifttit{ float: left;padding: 10px 0;}
.typep{display: inline-block; *display: inline; *zoom: 1; height: 35px;}
.typep li{display: inline-block; *display: inline; *zoom: 1; float: left;}
.typep li i,.sifttit i{margin:0 10px;}
.typep li>a{display: inline-block; *display: inline; *zoom: 1;height: 28px; margin-top: 6px; background:#fff;border: solid 1px #e7e7e7; padding: 3px 10px; position: relative;}
.typep li>a>b{ width: 10px; height: 8px; margin-left: 5px; display: inline-block; *display: inline; *zoom: 1;background: url(../images/down1.png) no-repeat;}
.typep li>a>s{ display: none; height: 10px; background: #fff; border-left: solid 1px #e7e7e7; border-right: solid 1px #e7e7e7;position: absolute; left: -1px; right: -1px; bottom: -8px;}
.typep li.active>a{ color:#33a6ff;}
.typep li.active>a s{ display: block;}
.typep li.active>a>b{background: url(../images/cur_up1.png) no-repeat;}
.sift .ps-left .ps-left-wrap dl{ display: none;-webkit-animation: .2s fadein 0s ease-in;-moz-animation: .2s fadein 0s ease-in;animation: .2s fadein 0s ease-in;}

.player{ padding:16px; background: #e7e7e7; position: relative;}
.player-l{ width: 840px; height: 555px; background: #181a20; position: relative;}
.player-l video,.player-l .novideo{width: 840px; height: 505px;}
/*.player-l video{ object-fit: fill;}*/
.player-l .phead{ height: 50px; padding: 0 16px;}
.player-l .phead a.pinfo{display: inline-block; *display: inline; *zoom: 1;  margin-top: 14px; margin-right: 24px; color: #fff;}
.player-l .phead>a.pinfo>i.glyphicon{ font-size: 16px; color: #969696; top: 3px; margin-right: 5px;}
.player-l .phead .qcodepop>.qcode{top: -180px; left: -36px;}

.bshare{ display: inline-block; *display: inline; *zoom: 1; color: #fff; margin-top: 14px;}
.bshare:hover,.bshare:focus{color: #fff;}
.bshare i{display: inline-block; *display: inline; *zoom: 1; margin-right: 5px; position: relative; top: 3px; width: 16px; height: 16px;background: url(../images/i-shoucang.png) no-repeat; background-size: 16px 16px;}
.bshare.active i{background: url(../images/i-shoucang-hover.png) no-repeat; background-size: 16px 16px;}

.player-r{ position: absolute; width:328px; top: 16px; right: 16px;}
.player-r .playtop{ background: #444; padding: 16px; color: #fff; font-size: 12px;}
.player-r .playtop h3{ font-size: 14px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.player-r .playtop .atar_score{ padding: 10px 0 5px;}
.player-r .playtop .cov_img,.player-r .playtop .cov_img>img{ width: 120px; height: 64px;}
.player-l .novideo{ background: #000; color: #fff; line-height: 505px; text-align: center;}

.talkover .nav-tabs{ height: 45px; background: #dfdfdf; text-align: center;}
.talkover .nav-tabs>li{ float: none; margin-bottom: 0; width: 72px; height: 28px;display: inline-block; *display: inline; *zoom: 1; margin-top: 9px;}
.talkover .nav-tabs>li>a{ background:#fff;width: 72px; height: 28px; line-height: 26px; border: solid 1px #919191; border-radius: 3px; padding: 0;}
.talkover .nav-tabs>li>a:hover,.talkover .nav-tabs>li>a:focus,.talkover .nav-tabs>li.active>a:hover,.talkover .nav-tabs>li.active>a{ border-color: #919191;color: #fff; background: #919191;}
.talkover .nav-tabs>li>a:hover>i.icon-talk,.talkover .nav-tabs>li>a:focus>i.icon-talk,.talkover .nav-tabs>li.active>a>i.icon-talk{background: url(../images/icon-talk-hover.png) no-repeat;}
.talkover .nav-tabs>li>a:hover>i.icon-mulv,.talkover .nav-tabs>li>a:focus>i.icon-mulv,.talkover .nav-tabs>li.active>a>i.icon-mulv{background: url(../images/icon-mulv-hover.png) no-repeat;}
.talkover .nav-tabs>li+li{ margin-left: 30px;}
.talkover .tab-content{background: #fff; }
.talkover .talktarea{ padding: 10px 16px;}
.talkover .talktarea textarea{ height: 54px;}
.talkover .talktarea a{ width: 88px;}
.talkover .talklist{ padding:0 10px 0 16px;  height: 298px; overflow-y: auto;}

.talkover .talklist li{ border-bottom:dashed 1px #e7e7e7; padding: 10px 0;}
.talkover .talklist li img{ width: 35px; height: 35px; border-radius: 50%;}
.talkover .talklist li h3{ font-size: 12px;  padding: 10px 0 0 45px;}
.talkover .talklist li h3>a{ display: inline-block; *display: inline; *zoom: 1; width: 50px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.talkover .talklist li h3>span{ margin-left: 20px; color: #999;}
.talkover .talklist li p{ font-size: 12px; line-height: 20px; padding-top: 5px;}

.talkover .catalist{ height: 414px; padding:10px;overflow-x: hidden; overflow-y: auto;}
.talkover .catalist li{ height: 35px; line-height:35px; font-size: 12px; padding: 0 5px; }
.talkover .catalist li .itol>span{ float: left; display: inline-block; *display: inline; *zoom: 1; min-width: 50px; text-align: center; position: relative; top: 6px;}
.talkover .catalist li .itol>a{float: left; display: inline-block; *display: inline; *zoom: 1; width: 90px; -ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden; }
.talkover .catalist li .itol>em{float: left;  display: inline-block; *display: inline; *zoom: 1; position: relative; top: 6px; margin: 0 10px; width: 20px; height: 20px;font-size: 0; line-height: 0;border: solid 2px #e7e7e7; background: #fff; border-radius: 50%;}
.talkover .catalist li .itol>em>b{display: inline-block; *display: inline; *zoom: 1; width: 16px; height: 16px; font-size: 0; line-height: 0;background: #fff; border: solid 2px #ffff;border-radius: 50%;}
.talkover .catalist li .itol>em>s{ display: block; width: 2px; height: 10px; font-size: 0; line-height: 0; background: #e7e7e7; position: absolute; top: 18px; left: 7px;}
.talkover .catalist li.active .itol>em>b{background: #33a6ff;}
.talkover .catalist li.cur .itol>em>b{ width: 11px; background: #33a6ff; border-radius: 11px 0 0 11px;}
.talkover .catalist li:hover{ background: #c9e2ff;}
.talkover .catalist li.active{ background: #c9e2ff;}

.player .togbar{ display: block; width: 20px; height: 40px; background: url(../images/icon-tog.png) no-repeat center center #f7f7f7; position: absolute; top: 50%; right: 0; margin-top: -20px; border-radius: 3px 0 0 3px; z-index: 9;}
.player .togbar.active{ background: url(../images/icon-tog-hover.png) no-repeat center center #f7f7f7; }

.openFlashTips{ background: #ffc1a8; position: absolute; top: 0; left: 16px; right: 16px; text-align: center; color: #f00; font-size: 12px; display: none;}
.openFlash{position: absolute; background: #f7f7f7; border: solid 1px #e7e7e7; left: 50%; top: 50%; margin-left: -150px; margin-top: -185px; width: 300px; height: 80px; z-index: 9; display: none;}

.morlbox{ padding: 10px;background: #fff; height: 460px; overflow-y: auto;}
.morlbox li{padding: 10px;}
.morlbox li a{ display: block; width: 75%; -ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.morlbox li a i{ color: #33a6ff; position: relative; top: 2px;}
.morlbox li span{ float: right; color: #888; font-size: 12px;}
.morlbox li+li{ border-top:solid 1px #e7e7e7;}
.morlbox li.active{ background: #c9e2ff; border-color: #c9e2ff;}

.datbar{border-bottom: solid 1px #e8e8e8; padding: 12px 15px;}
h2.ptit {font-size: 16px; height: 18px; font-weight: normal; line-height: 18px; border-left: solid 3px #239ce9; padding-left: 10px;}

.playpanl{ overflow: hidden; padding-top: 15px;}
.playpanl .nav-tabs{ height: 43px; }
.playpanl .nav-tabs li{ margin-left: 20px;}
.playpanl .nav-tabs li>a{ display: inline-block; *display: inline; *zoom: 1; font-size: 16px;border-radius: 0px; border: solid 2px transparent; border-width: 0px 0px 2px 0px;}
.playpanl .nav-tabs li>a:hover,.playpanl .nav-tabs li.active a{ border-color: #33a6ff;color: #33a6ff; background: none;}
.playpanl .nav-tabs li.active a:hover,.playpanl .nav-tabs li.active a:focus{ border-color: #33a6ff;border-width: 0px 0px 2px 0px;}
.playpanl .tab-content{ padding: 20px 30px; min-height: 60px; clear:both;}
.clum-tr{ margin-bottom: 30px;word-break: break-all;}
.clum-tr *{ max-width:100%;}
.clum-tr h2{ font-size: 18px;}
.clumfj{ padding: 10px 10px 0 10px; background: #f7f7f7; margin-top: 10px;}
a.down-a{
    display: inline-block; margin: 0 10px 10px 0;
    padding: 2px 10px; color: #33a6ff; background: #fff;
    border: solid 1px #33a6ff; font-size: 12px;
    border-radius: 3px;
}


.downdata{ padding-top: 36px;}
.downdata h2.downtxt{ font-size: 18px; border-left: solid 3px #33a6ff; padding-left: 10px;}
.downdata ul{ margin: 0;}
.downdata li{ margin-top: 16px;}

.commentbox .assess{ padding: 20px 14px;}
.commentbox .commenttarea{ padding-left: 14px;}
.commentbox .commenttarea textarea,.valuation .commenttarea textarea{ height: 120px; margin-bottom: 16px;}

.downdata dl{ padding: 16px 0;}
.downdata dl+dl{border-top: solid 1px #e7e7e7; }
.downdata dl dt{ width: 48px; height: 48px; float: left; margin-right: 10px;}
.downdata dl dt img{width: 48px; height: 48px; border-radius: 50%; border: solid 1px #e7e7e7;}
.downdata dl dd h3{ font-size: 16px; padding: 5px 0 10px 58px;}
.downdata dl dd h3 .time{ font-size: 12px;}
.downdata dl dd p{ padding-left: 58px;word-break: break-all;}
.more_r{ padding: 16px 0; text-align: center;}
.more_r a{ background: #f7f7f7;display: inline-block; *display: inline; *zoom: 1;  padding: 5px 20px;}
.more_r a.nodef{color: #333; cursor: default; pointer-events: none; }
.more_r a.nodef:hover{background: #f7f7f7; color: #333; border-color:#e7e7e7; }
.valuation .evalgrade{ padding-bottom: 16px; overflow: hidden;}
.valuation .evalgrade>h2{ float: left; display: inline-block; *display: inline; *zoom: 1; font-size: 18px; position: relative; top: 3px;}
.evaluate dl dt>h3{padding: 5px 0 5px 58px;}
.evaluate dl dd .atar_score{ padding-bottom: 5px;}

.uauthor{ background: #eaf6ff; border: solid 1px #33a6ff; padding: 20px; overflow: hidden;}
.uauthor img{border: solid 1px #e7e7e7; width: 64px; height: 64px; border-radius: 50%;}
.uauthor .autname{ margin-left: 80px;}
.uauthor .autname>h3{ font-size: 18px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}

/*音频视频播放*/
.videoplay{ width: 960px; height: 600px; margin: 0 auto;box-shadow: 0px 0px 10px 5px rgba(136,136,136,.2);}
.videoplay video{width: 960px; height: 600px; background: #000;}
/*音频*/
.voice{ width: 600px; margin:0 auto;}
.voicedrawing{ position: relative; width: 300px; height: 150px;background: url(../images/voicebg.png) no-repeat center center; margin: 0 auto;}
.voice.active .voicedrawing{background: url(../images/voicebg.gif) no-repeat center center;}
.hearing .voice{ margin: 16px 0 0 0;}