body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6{
 margin:0;padding:0;}
img{border: 0; vertical-align: bottom; font-size:0;}
a,button{text-decoration: none; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clearfix:after,.clearfix:before{content: ""; display: block; clear: both; height: 0; line-height: 0;}
.vspace{width:99%; height:10px; line-height:0px; font-size:0px; clear:both;}
.line{height: 16px; border-bottom: 1px dashed #CCCCCC;}
.pull-left{float: left;}
.pull-right{float: right;}

/*课堂二级导航*/
.cla-nav-bar{/* height: 60px; *//* background: #f9f9f9; */padding: 10px;border-top: 1px solid #f2f2f2;}
.cla-nav-bar a{display: inline-block; color: #999;}
.cla-nav-bar .l-bar a:hover,.cla-nav-bar .r-bar a:hover,.cla-nav-bar .active,.cla-nav-bar .on{color: #31c27c;}
.cla-nav-bar .wraper{width: 1190px;margin: 20px auto;/* padding: 5px 10px 5px 0; */background: #fff;/* border-radius: 5px; */border-bottom: 3px solid #31c27c;}
.cla-nav-bar .r-bar{margin-left: 64px;}
.cla-nav-bar .l-bar a{padding: 10px;margin-right: 10px;font-size: 16px;}
.cla-nav-bar .active{/* border-bottom: 2px solid #31c27c; */color: #fff;background: #31c27c;border-radius: 5px;}
.cla-nav-bar .r-bar a{padding: 8px 20px; font-size: 14px;}
.cla-nav-bar .btn-publish{
 float: right;
 width: 120px;
 height: 44px;
 background-color: #31c27c;
 /* border-radius: 18px; */
 text-align: center;
 line-height: 49px;
 color: #fff;
 font-size: 15px;
}
/*社区帖子列表*/
.wraper-community ul{width: 1200px;margin: 0 auto;}
.wraper-community li{position: relative;padding: 10px;/* border-bottom: 1px solid #eee; */background: #fff;border-radius: 5px;margin-bottom: 20px;}
.wraper-community .box-a{display: inline-block;}
.wraper-community .box-a-block{display: block;}
.wraper-community .main-left{padding-left: 200px;}
.wraper-community .header-pic{height: 36px; line-height: 36px;}
.wraper-community .header-pic img{width: 34px; height: 34px; border-radius: 50%; border: 1px solid #ccc;}
.wraper-community .header-pic .name{padding-left:20px; color: #555; font-size: 16px;}
.wraper-community .header-pic .time{padding-left:20px; color: #999; font-size: 14px;}
.wraper-community .center-text{padding-top: 15px;}
.wraper-community .center-text h3{font-weight: normal;font-size: 18px;color: #000;line-height: 1.5;font-weight: bold;}
.wraper-community .center-text p{overflow: hidden;padding-top:12px;line-height:24px;font-size: 13px;color: #666;height: 22px;}
.wraper-community .bottom-like{padding-top: 7px; color: #999; font-size: 12px;}
.wraper-community .bottom-like span{display:inline-block; margin-right: 10px; }
.wraper-community .bottom-like i{ background-image: url(../img/pic_zan_box.png); background-repeat: no-repeat; padding-left: 20px;}
.wraper-community .eye{background-position: -4px -3px;}
.wraper-community .zan{background-position: -28px -4px;}
.wraper-community .msg{background-position: -52px -4px;}

.wraper-community .main-right{position: absolute;top: 50%;left: 16px;width: 172px;height: 120px;margin-top: -68px;border-radius: 4px;overflow: hidden;}
.wraper-community .main-right img{display:none; height: 140px;}
.wraper-community .main-right .btn-play{display:none; background: url(../img/play_1110.png) no-repeat; width: 33px; height: 33px; position: absolute;
 top: 50%; left: 50%; margin-left: -16px; margin-top: -15px;}
.wraper-community .main-right img {width:100%;}

.cla-nav-bar .active:hover {color: #fff!important;}