@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    text-size-adjust:none;
    background:#ffbe6a;
    padding-bottom:40px;
}
body,
button,
input,
select,
textarea {
    font-family: "Microsoft YaHei","pingfang", serif;
    font-size: 12px;
}

a {
    text-decoration: none;
    color: #000;
}

li {
    list-style: none;
}

i {
    font-style: normal;
}

img {
    border: 0;
    vertical-align: middle;
}

.clearbox:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearbox {
    zoom: 1;
}

.ellipsis1{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ellipsis2{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.none_data {
    clear: both;
    color: #3d3d3d;
    font-size: 14px;
    text-align: center;
    padding: 20px 0;
}

/*头部开始*/
.header_box{
    width:100%;
    height:596px;
    position: relative;
}
.header_bg{
    width:100%;
    height:596px;
    position: relative;
    overflow:hidden;
}
.header_bg img{
    width:1920px;
    height:596px;
    margin-left: -960px;
    position: absolute;
    left: 50%;
    top:0;
}
.header_top{
    width: 1200px;
    margin-left:-600px;
    display:flex;
    align-items: start;
    justify-content: space-between;
    position: absolute;
    left:50%;top:0;
    z-index:2;
}
.logo{
    width:175px;height:47px;
    margin-top:40px;
}
.login_status_n{
    width:64px;
    height:32px;
    line-height:32px;
    margin-top:40px;
    background: #DB0010;
    border-radius: 2px;
    text-align: center;
    font-size:14px;
    color:#fff;
    cursor: pointer;
}
.login_status_y{
    margin-top:50px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position:relative;
}
.login_status_y span{
    font-size: 16px;
    font-weight: 400;
    color: #DB0010;
}
.login_status_y img{
    width:13px;
    margin-left:10px;
}

.header_text{
    width: 1200px;
    margin-left:-600px;
    text-align: center;
    position: absolute;
    left:50%;top:336px;
    z-index:2;
}
.header_text_info{
    line-height:34px;
    font-size:18px;
    font-weight: 400;
}
.header_text_1{
    color:#DB0010;
}
.header_text_2{
    color:#4D4D4D;
}
.header_text_join{
    width:500px;
    height:80px;line-height: 80px;
    margin:18px auto 0 auto;
    text-align: center;
    color:#fff;
    font-size:24px;
    font-weight: bold;
    cursor: pointer;
}
.header_login_y_box{
    width:104px;
    height:74px;
    padding:5px 0;
    background:rgba(255,255,255,0.5);
    border-radius: 3px;
    position: absolute;
    left:0;
    top:26px;
}
.header_go_my{
    width:104px;
    height:32px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.header_go_my img{
    width:15px;
    margin-right:4px;
    margin-left:0;
}
.header_go_my span{
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.header_logout{
    width:104px;
    height:32px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.header_logout img{
    width:15px;
    margin-right:4px;
    margin-left:0;
}
.header_logout span{
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

/*头部结束*/
/*登录开始*/
.login_section{
    display: none;
}
.login_bg{
    width:100%;height:100%;
    position: fixed;left:0;top:0;
    background: rgba(0,0,0,0.5);
    z-index:100;
}
.login_box{
    width: 618px;
    height: 582px;
    position: fixed;left:50%;top:50%;
    margin-left:-309px;
    margin-top:-291px;
    z-index:101;
    background: #FFFFFF;
    border-radius: 10px;
}
.login_tab{
    margin:40px 0;
    height:40px;line-height:40px;
    display: flex;align-items: center;justify-content: center;
}
.login_tab span{
    font-size: 28px;
    font-weight: 400;
    color: #808080;
    line-height: 27px;
    cursor:pointer;
}
.login_tab .login_tab_none{
    color:#DCDCDC;
    font-size:22px;
    margin:0 24px;
}
.login_tab span.active{
    font-weight: bold;
    color: #DB0010;
}
.login_phone_box,.login_user_box{
    width:482px;
    margin: 0 auto;
}
.login_li,.login_li2,.login_li3{
    width: 482px;
    height: 77px;
    background: rgba(196,196,196,0.13);
    border-radius: 39px;
    margin-bottom:20px;
}
.login_li input{
    margin:0 50px;
    width:382px;
    height:77px;line-height:77px;
    border:none;
    background:none;
    color:#666;
    font-size:20px;
    outline: none;
}

.login_li2,.login_li3{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.login_li2 input,.login_li3 input{
    margin:0 50px;
    width:222px;
    height:77px;line-height:77px;
    border:none;
    background:none;
    color:#666;
    font-size:20px;
    outline: none;
}
.login_li2 img{
    width:130px;
    margin-right:30px;
    cursor: pointer;
}
.login_li3 span{
    margin-right:30px;
    cursor:pointer;
    font-size:20px;
    color:#DB0010;
}
.login_submit,.login_submit2{
    width: 482px;
    height: 70px;line-height:70px;
    margin-top:40px;
    background: #DB0010;
    border-radius: 35px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
}
.login_agreen{
    margin-top:20px;
    display: flex;
    justify-content: start;
    align-items: center;
}
.login_agreen i{
    width: 13px;
    height: 13px;
    /*background: #DB0010;*/
    background:#fff;
    border:1px solid #aaa;
    border-radius: 2px;
    cursor: pointer;
}
.login_agreen i.active{
    background:#DB0010 url(../images/checked.png) no-repeat center center;
    border:none;
}
.login_agreen span{
    margin-left:8px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}
.login_agreen a{
    margin-left:4px;
    font-size: 14px;
    font-weight: 400;
    color: #6096FF;
}

.login_user_box{display:none;}


.base_section{
    display: none;
}
.base_bg{
    width:100%;height:100%;
    position: fixed;left:0;top:0;
    background: rgba(0,0,0,0.5);
    z-index:200;
}
.base_box{
    width: 800px;
    height: 600px;
    position: fixed;left:50%;top:50%;
    margin-left:-400px;
    margin-top:-300px;
    background: #FFFFFF;
    border-radius: 10px;
    padding:10px;
    z-index:200;
}
.base_hide{
    position:absolute;right:4px;top:4px;
    width:50px;height:50px;
    background:url(../images/close.png) no-repeat center center;
    cursor:pointer;
}
.base_info{
    padding:30px 30px 40px 30px;
}
.base_title{
    text-align:center;
    font-size: 26px;
    font-weight: 400;
    color: #333333;
    margin-bottom:30px;
}
.base_content{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    height:444px;
    overflow-y:auto;
    text-align:justify;
    padding:0 10px;
}
.base_content p{
    margin-bottom:20px;
    text-align:justify;
}
.base_content p:last-child{
    margin:0;
}
/*登录结束*/
/*活动介绍开始*/
.title_box{
    width:323px;
    height:79px;
    line-height:68px;
    background: url(../images/title.png) no-repeat center center;
    margin:0 auto 50px auto;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    color: #DB0010;
}
.content_box{
    width:1200px;
    height:auto;
    margin:0 auto;
    background: #FFE8C9;
    border: 3px solid #DB0010;
    border-radius: 10px;
}
.content_text{
    padding:50px;
    color:#333;
    line-height: 34px;
}
.content_text h1{
    font-weight:bold;
    font-size:18px;
    margin-top:30px;
}
.content_text h1:first-child{
    margin-top:0;
}
.content_text p{
    font-size:18px;
}
/*活动结束*/
/*我的开始*/
.my_none{
    width:361px;
    margin:86px auto;
}
.my_none img{
    width:361px;
    display:block;
    margin:0 auto;
}
.my_none span{
    width:200px;
    display:block;
    margin:0 auto;
    text-align:center;
    font-size:16px;
    font-weight:400;
    color:#ff5500;
    position: relative;
    top:-10px;
}
.my_none a{
    width: 108px;
    height: 36px;line-height:36px;
    display:block;
    margin:50px auto 0 auto;
    background: #DB0010;
    border-radius: 18px;
    text-align:center;
    font-size:14px;
    font-weight:400;
    color:#fff;
}
.lesson_list_box{
    width:1200px;
    height:auto;
    margin:0 auto;
    background: #FFE8C9;
    border: 3px solid #DB0010;
    border-radius: 10px;
}
.lesson_list{
    padding:30px;
}
.lesson_li{
    width:270px;
    height:150px;
    background: #FFFFFF;
    border-radius: 8px;
    float:left;
    margin-right:18px;
    margin-bottom:20px;
}
.lesson_li:nth-child(4n){
    margin-right:0;
}
.lesson_li.lesson_li_add{
    background: #FFF0DB;
    border: 1px dashed #FFC87F;
    border-radius: 8px;
}
.lesson_li_add a{
    display:block;
    width:100%;
    height:100%;
    padding-top:45px;
}
.lesson_li_add img{
    display: block;
    width:39px;
    margin:0 auto;
}
.lesson_li_add span{
    display: block;
    width:200px;
    margin:12px auto 0 auto;
    text-align:center;
    font-size: 14px;
    font-weight: 400;
    color: #DB0010;
}
.lesson_img{
    width:270px;
    height:150px;
    background-color:#ccc;
    border-radius: 8px 8px 0px 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.lesson_status_0,.lesson_status_1{
    width: 67px;
    height: 23px;line-height:23px;
    position: absolute;
    left:10px;
    top:10px;
    border-radius: 12px;
    padding-left:22px;
    background-size: 11px 11px;
    color:#000;
    font-size:12px;
}
.lesson_status_0{
    background:rgba(255,255,255,0.9) url(../images/status_0.png) no-repeat 6px center;
}
.lesson_status_1{
    background:rgba(255,255,255,0.9) url(../images/status_1.png) no-repeat 6px center;
}

.lesson_type_1,.lesson_type_2{
    width: 50px;
    height: 23px;line-height:23px;
    position: absolute;
    right:10px;
    top:10px;
    border-radius: 12px;
    color:#fff;
    font-size:12px;
    text-align:center;
}
.lesson_type_1{
    background:#FC6F00;
}
.lesson_type_2{
    background:#DB0010;
}

.lesson_title{
    width:250px;
    margin:14px auto 10px auto;
    height:50px;line-height:25px;
    font-size:20px;
    font-weight: 400;
    color:#000;
}
.lesson_author{
    width:250px;
    margin:8px auto 0 auto;
    height:22px;line-height:22px;
    font-size:14px;
    font-weight: 400;
    color:#999;
}
.lesson_action{
    width:250px;
    margin:14px auto 0 auto;
    border-top:1px dashed #E6E6E6;
    height:44px;
    font-size:14px;
    font-weight:400;
    display:flex;
    align-items: center;
    justify-content: center;
}
.lesson_edit{
    color:#3399FF;
    padding:4px;
}
.lesson_sea{
    color:#000;
    padding:4px;
    margin:0 52px;
}
.lesson_del{
    color:#ff0000;
    padding:4px;
}
/*我的结束*/
/*编辑开始*/
.lesson_upload_box{
    width:1200px;
    height:auto;
    margin:0 auto;
    background: #FFE8C9;
    border: 3px solid #DB0010;
    border-radius: 10px;
    padding-top:60px;
}
.lesson_upload_li{
    width:630px;
    height:auto;
    margin:0 auto 20px auto;
}
.lesson_upload_left{
    width:170px;
    margin-right:20px;
    float:left;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
.lesson_upload_left i{
    color:#f00;
    padding-left:4px;
}
.lesson_upload_right{
    float:left;
    width:440px;
}
.oneflex{
    display:flex;
    align-items: end;
    justify-content: start;
}
.lesson_upload_img{
    width: 200px;
    height: 112px;
    background: #FFFFFF;
    border: 1px dashed #FF9500;
    border-radius: 2px;
    cursor:pointer;
    float:left;
}
.lesson_upload_img img{
    width:32px;height:25px;display:block;
    margin:30px auto 10px auto;
}
.lesson_upload_img span{
    display:block;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #74829D;
}
.lesson_upload_end{
    width: 200px;
    height: 112px;
    background: #FFFFFF;
    border: 1px dashed #FF9500;
    border-radius: 2px;
    display:none;
}
.lesson_upload_end img{
    width:29px;height:32px;display:block;
    margin:26px auto 10px auto;
}
.lesson_upload_end span{
    display:block;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    overflow: hidden;
}
.lesson_upload_img_end img{
    width:100%;height:100%;
    display:block;
    margin:0;
    border:none;
    border-radius: 2px;
}
.lesson_upload_img_end span{
    display:none;
}
.lesson_upload_del{
    width:17px;
    height:15px;
    margin-left:16px;
    cursor: pointer;
    background:url(../images/del_file.png) no-repeat center center;
    display:none;
}
.lesson_upload_section,.lesson_upload_subject{
    width: 198px;
    height: 36px;line-height:36px;
    margin-right:10px;
    background: #FFFFFF;
    border: 1px solid #FFBE6A;
    border-radius: 18px;
    font-size: 14px;
    color: #000000;
    padding:0 14px;
    outline: none;
}
.lesson_upload_input{
    width: 410px;
    height: 36px;line-height:36px;
    background: #FFFFFF;
    border: 1px solid #FFBE6A;
    border-radius: 18px;
    font-size: 14px;
    color: #000000;
    padding:0 14px;
    outline: none;
}
.lesson_upload_radio_box{
    width:440px;
    height:36px;
    display:flex;
    align-items: center;
    justify-content: start;
}
.lesson_upload_radio_li{
    cursor:pointer;
    display:flex;
    align-items: center;
    justify-content: start;
    margin-right:24px;
}
.lesson_upload_radio_i{
    width: 13px;
    height: 13px;
    /*background: #DB0010;*/
    background:#fff;
    border:1px solid #aaa;
    border-radius: 2px;
    cursor: pointer;
    border-radius:50%;
}
.lesson_upload_radio_i.active{
    background:#DB0010 url(../images/checked.png) no-repeat center center;
    border:none;
}
.lesson_upload_radio_t{
    font-size:14px;
    margin-left:5px;
}

.lesson_upload_file{
    width: 200px;
    height: 112px;
    background: #FFFFFF;
    border: 1px dashed #FF9500;
    border-radius: 2px;
    cursor:pointer;
}
.lesson_upload_file img{
    width:35px;height:24px;display:block;
    margin:30px auto 10px auto;
}
.lesson_upload_file span{
    display:block;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #74829D;
}
.appendix_text{
    font-size: 14px;
    font-weight: 400;
    color: #FF9500;
    line-height: 24px;
    margin-bottom:8px;
}
.appendix_list{
    margin-top:10px;
}
.appendix_li{
    width:410px;
    height:22px;
    line-height:22px;
    font-size: 14px;
    font-weight: 400;
    color: #666;

    padding-left:22px;
    background: url(../images/file.png) no-repeat left center;
    background-size:16px 14px;
    margin-bottom:4px;
    display:flex;
    justify-content: start;
    align-items: center;
}
.appendix_li span{
    max-width:300px;
    font-size: 14px;
    font-weight: 400;
    color: #666;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.appendix_li i{
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-left:30px;
}
.appendix_li img{
    width:17px;
    height:15px;
    margin-left:30px;
    cursor: pointer;
    display:none;
}
.lesson_upload_button{
    width:230px;
    height: 36px;
    margin:30px 0 50px 446px;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.lesson_upload_draft{
    width: 108px;
    height: 36px;line-height:34px;
    text-align: center;
    border: 1px solid #DB0010;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #DB0010;
    cursor: pointer;
}
.lesson_upload_submit{
    width: 108px;
    height: 36px;line-height:36px;
    text-align: center;
    background: #DB0010;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
}

.lesson_agreen{
    width:300px;
    margin:20px auto 0 auto;
    display: flex;
    justify-content: start;
    align-items: center;
}
.lesson_agreen i{
    width: 13px;
    height: 13px;
    /*background: #DB0010;*/
    background:#fff;
    border:1px solid #aaa;
    border-radius: 2px;
    cursor: pointer;
}
.lesson_agreen i.active{
    background:#DB0010 url(../images/checked.png) no-repeat center center;
    border:none;
}
.lesson_agreen span{
    margin-left:8px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}
.lesson_agreen a{
    margin-left:4px;
    font-size: 14px;
    font-weight: 400;
    color: #6096FF;
}

.base_section2{
    display: none;
}
.base_bg2{
    width:100%;height:100%;
    position: fixed;left:0;top:0;
    background: rgba(0,0,0,0.5);
    z-index:100;
}
.base_box2{
    width: 800px;
    height: 600px;
    position: fixed;left:50%;top:50%;
    margin-left:-400px;
    margin-top:-300px;
    z-index:102;
    background: #FFFFFF;
    border-radius: 10px;
    padding:10px;
}
.base_hide2{
    position:absolute;right:4px;top:4px;
    width:50px;height:50px;
    background:url(../images/close.png) no-repeat center center;
    cursor:pointer;
}
.base_info2{
    padding:30px 30px 40px 30px;
}
.base_title2{
    text-align:center;
    font-size: 26px;
    font-weight: 400;
    color: #333333;
    margin-bottom:30px;
}
.base_content2{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    height:444px;
    overflow-y:auto;
    text-align:justify;
    padding:0 10px;
}
.base_content2 p{
    margin-bottom:20px;
    text-align:justify;
}
.base_content2 p:last-child{
    margin:0;
}


.base_section4{
    display: none;
}
.base_bg4{
    width:100%;height:100%;
    position: fixed;left:0;top:0;
    background: rgba(0,0,0,0.5);
    z-index:100;
}
.base_box4{
    width: 800px;
    height: 600px;
    position: fixed;left:50%;top:50%;
    margin-left:-400px;
    margin-top:-300px;
    z-index:102;
    background: #FFFFFF;
    border-radius: 10px;
    padding:10px;
}
.base_hide4{
    position:absolute;right:4px;top:4px;
    width:50px;height:50px;
    background:url(../images/close.png) no-repeat center center;
    cursor:pointer;
}
.base_info4{
    padding:30px 30px 40px 30px;
}
.base_title4{
    text-align:center;
    font-size: 26px;
    font-weight: 400;
    color: #333333;
    margin-bottom:30px;
}
.base_content4{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    height:444px;
    overflow-y:auto;
    text-align:justify;
    padding:0 10px;
}
.base_content4 p{
    margin-bottom:20px;
    text-align:justify;
}
.base_content4 p:last-child{
    margin:0;
}
/*编辑结束*/
/*查看开始*/
.lesson_detail_box{
    width:1200px;
    height:auto;
    margin:0 auto;
    background: #FFE8C9;
    border: 3px solid #DB0010;
    border-radius: 10px;
    padding:40px;
}
.lesson_detail_top{
    width:1116px;
    height:145px;
    display:flex;
    align-items: start;
    justify-content: start;
}
.lesson_detail_img{
    width: 260px;
    height: 145px;
    border-radius: 10px;
    background-color:#ccc;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.lesson_detail_tr{
    margin-left:26px;
    width:830px;
}
.lesson_detail_title{
    width:830px;
    height:48px;
    line-height: 48px;
    font-size: 24px;
    font-weight: 400;
    color: #000000;
}
.lesson_detail_author{
    width:830px;
    height:48px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}
.lesson_detail_c{
    width: 1116px;
    border-top: 1px dashed #FFC87F;
    margin-top:40px;
    margin-bottom:14px;
    padding-top:40px;
}
.lesson_detail_li{
    width: 261px;
    margin-right:24px;
    height: auto;
    min-height:218px;
    float:left;
    background: #FFFFFF;
    border-radius: 10px;
    padding-bottom:30px;
}
.lesson_detail_li:nth-child(-n+4){
    margin-bottom:24px;
}
.lesson_detail_li:nth-child(4n){
    margin-right:0;
}
.lesson_detail_li_img{
    width:64px;height:74px;
    background:url(../images/list.png) no-repeat center center;
    margin:34px auto 0 auto;
}
.lesson_detail_li_title{
    margin:20px auto 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
.lesson_detail_li_file{
    margin:14px auto 0 auto;
}

.lesson_detail_li_file_i{
    width:240px;
    height:24px;
    line-height: 24px;
    margin:0 auto;
    text-align: center;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.lesson_detail_li_file_i img{
    width:16px;margin-right:7px;
}
.lesson_detail_li_file_i span{
    font-size: 14px;
    font-weight: 400;
    color: #B9B9B9;
}
.lesson_detail_li_file a:hover .lesson_detail_li_file_i span{
    color:#DB0010;
}
/*查看结束*/

.link_nav{
    position: absolute;
    left:50%;top:550px;
    margin-left:-600px;
    width:1200px;
    height:30px;
    line-height:30px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
.link_nav a{
    color:#DB0010;
    font-weight:bold;
}
.link_nav i{
    color: #666;
    margin:0 6px;
}
.link_nav span{
    color:#000000;
}


.index_box{
    padding:32px 32px 20px 32px;
}
.index_top_box{
    background: #fff;
    padding:28px 28px 20px 28px;
    border-radius: 8px;
}
.index_top_ul{
    margin-bottom:6px;
}
.index_top_li{
    display:inline-block;
    margin-right:8px;
    margin-bottom:8px;
    font-size:14px;
    border-radius: 13px;
    padding:4px 12px;
    background:#eee;
    color:#999;
    cursor: pointer;
}
.index_top_li.hover{
    color:#fff;
    background:#DB000F;
}
.index_top_text{
    color: #999;
    font-size:14px;
}
.index_top_text span{
    color:#DB000F;
}

.index_lesson_box{
    padding:18px 0 0 0;
}
.index_lesson_li{
    width:270px;
    height:232px;
    background: #FFFFFF;
    border-radius: 8px;
    float:left;
    margin-right:16.6px;
    margin-bottom:20px;
    cursor: pointer;
}
.index_lesson_li:nth-child(4n){
    margin-right:0;
}
.index_lesson_img{
    width:270px;
    height:150px;
    background-color:#ccc;
    border-radius: 8px 8px 0px 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.index_lesson_title{
    width:250px;
    margin:14px auto 0 auto;
    height:22px;line-height:22px;
    font-size:18px;
    font-weight: 400;
    color:#000;
}
.index_lesson_author{
    width:250px;
    margin:8px auto 0 auto;
    height:18px;line-height:18px;
    font-size:14px;
    font-weight: 400;
    color:#999;
}

.lesson_video_section{
    display: none;
}
.lesson_video_bg{
    width:100%;height:100%;
    position: fixed;left:0;top:0;
    background: rgba(0,0,0,0.5);
    z-index:100;
}
.lesson_video_box{
    width: 560px;
    height: 456px;
    position: fixed;left:50%;top:50%;
    margin-left:-280px;
    margin-top:-228px;
    z-index:102;
    background: #FFFFFF;
    border-radius: 10px;
}
.lesson_video_hide{
    position:absolute;right:0;top:0;
    width:50px;height:50px;
    background:url(../images/close.png) no-repeat center center;
    cursor:pointer;
}
.lesson_video_info{
    padding:30px;
}
.lesson_video_info video{
    margin-top:20px;
    width:500px;
    height:375px;
    background: #000;
}
.index_lesson_more{
    display:none;
    cursor: pointer;
    margin:10px auto;
    color:#000;
    font-size:16px;
    text-align: center;
}

.index_lesson_loading,.index_lesson_null,.index_lesson_none{
    display: none;
    padding: 20px 0;
    clear: both;
    color: #3d3d3d;
    font-size: 14px;
    text-align: center;
}


.img_box .upload_img_li{
    width:112px;height:112px;
    border-radius:2px;
    float:left;
    margin:0 10px 10px 0;
    position: relative;
    cursor: default;
    background:#fff;
    border:1px dashed #FF9500;
}
.img_box .upload_img_li_img{
    width:100%;height:100%;
    margin:0;
    border-radius:2px;
    display:none;
}
.img_box .upload_img_li_del{
    width:18px;height:auto;position:absolute;right:-8px;top:-8px;margin:0;
    cursor: pointer;
    display: none;
}