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{width: 100%; height: 60px; background: #f9f9f9; border-bottom: 1px solid #e7e3e3; text-align: center;}
.cla-nav-bar .l-bar{height: 60px; line-height: 60px;}
.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: #D43724;}
.cla-nav-bar .wraper{width: 1200px; margin: 0 auto;}
.cla-nav-bar .r-bar{margin-left: 64px; height: 60px; line-height: 60px;}
.cla-nav-bar .l-bar a{margin: 0 8px; line-height: 30px; font-size: 16px; }
.cla-nav-bar .active{border-bottom: 2px solid #D43E33;}
.cla-nav-bar .r-bar a{padding: 0 10px; font-size: 14px;}
.cla-nav-bar .btn-publish{float: right; width: 120px; height: 36px; margin-top: 12px; background-color: #c93e2f;
border-radius: 18px; text-align: center; line-height: 36px; color: #fff; font-size: 15px;} 
/*社区帖子列表*/
.wraper-community ul{width: 1200px; margin: 0 auto;}
.wraper-community li{position: relative; padding: 20px 0; border-bottom: 1px solid #eee;}
.wraper-community .box-a{display: inline-block;}
.wraper-community .box-a-block{display: block;}
.wraper-community .main-left{padding-right: 220px;}
.wraper-community .header-pic{position: relative; 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: 17px; color: #000;}
.wraper-community .center-text p{overflow: hidden; padding-top:12px; line-height:24px; font-size: 14px; color: #555;}
.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%; right: 0; width: 150px; height: 120px; margin-top: -60px;  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 .header-pic .v {
    position: absolute;
    left: 22px;
    bottom: -8px;
}