.li80{ width:82% !important;}
.li20{ width:18% !important; color:gray;}
.reading-content figure a{ display:block;}
.reading-content figure a img{display:block; overflow:hidden;}
.divlist{ margin-top:10px;}
input.date{background: #fff url('/Shared/images/company/input_date.png') no-repeat right 6px;font-size: 12px;}
.nodata{ text-align:center}
.top-bg{ overflow:hidden;}
.top-bg .cstudyinfo{height: 24px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.faceimg{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; width:40px;}
.comment-pane .comment-list .comment-item .avatar{float:left;max-width:50px;max-height:50px;width:50px;height:50px; padding-left:5px;}
.comment-pane .comment-list .comment-item ul.comment-content .time{float:left}
.comment-pane .comment-list .comment-item ul.comment-content .commdel{float:left;font-style:normal;font-size:1em;color:#999;margin-left:5px;cursor:pointer}
.voicerecord{background-color:#eee !important;}
.main-course {margin-top: 4px;}
.righttxt a{ font-size:14px;}
.sectioninfo{font-size:14px !important;line-height:30px !important}
.regloginheader {margin:60px auto 30px auto; font-size:18px; color:#333;}
.regloginbox{width: 80%;margin: 20px auto; }
.regshow .button,.loginshow .button{width:80%}
#id_video_container{margin:0 auto;}
.topbox .backpre { display: block;overflow:hidden}
.topbox .backpre i {margin: 0px 0px 0px 0px;padding: 0px 0px;width: 30px;height: 24px;background-position: 0px -477px;float:left}
.topbox .title{text-indent: 0;margin-left: 5px;font-size: 24px;margin: 0px 60px 0px 10px;font-weight: 700;text-align:center}	
.topbox{margin:0;border-bottom: 1px solid #efefef;overflow: hidden;background-color: #fff;height: 30px;line-height: 30px;padding: 8px 0px;}	
.leftarrow{float: left;width: 60px;height: auto;text-align: center;margin-top: 3px;}
.tags-span{font-size:16px !important;}
.tags-span1{color:#75acff !important;}
.tags-span2{color:#ffc467 !important;}
.tags-span3{color:#fd8667 !important;}
.tags-span4{color:#6bd2a1 !important;}
.tags-span5{color:#72d0e5 !important;}
.portrait-canvas{background: url('/Shared/template/images/portraitbg.png');background-size:100% 100%;}
.bg-color1{background:#75acff !important;}
.bg-color2{background:#ffc467 !important;}
.bg-color3{background:#fd8667 !important;}
.bg-color4{background:#6bd2a1 !important;}
.bg-color5{background:#72d0e5 !important;}
.weixinAudiomore{ margin-top:5px;}
.buttonboxother {padding: 0px 10px;margin-bottom: 10px;}
/* 底部导航footer */
.flexbetween {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer{
    position: fixed;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    max-width: 750px;
    width:100%;
    justify-content: space-around;
    height:45px;
    background:#f9f9f8;
    align-items: inherit;
    border-top:1px solid #e5e5e5;
    z-index: 9;
}
.footer li{
    text-align:center;
    height:45px;
    flex:1;
}
.footer li a{
    display:block;
    height:100%;
    box-sizing: border-box;
    padding-top:0px;
}
.footer li img{
    width:22px;
    display:block;
    margin:4px auto 2px;
}
.footer li span{
    font-size:12px;
    color:#333;
    display: block;
}