/* 富文本框 工具栏背景颜色*/
.ql-toolbar.ql-snow{
    /*color:#fdfcfb;*/
    color:#f00;
}

/* 课程主页*/
body{
    /*background-color: #f5f2ef;*/
    background-color: #fffbf6;
    overflow-x: hidden;
}
/*单页面公共样式*/
.up_video{
    width:1100px;
    margin-top:24px;
}
.up_video,.main_left>div,.main_right>div{
    padding:20px;
    margin-bottom: 10px;
    /* 盒模型*/
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.middle_nav{
    width:1100px;
    height:50px;
    line-height: 50px;
    padding-left:120px;
    padding-right:20px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.course_main{
    /*width:1104px;*/
    /*min-height:1050px;*/
    margin:0 auto;
    padding-top:20px;
    padding-bottom:60px;
}
.course_main>div{
    margin:0 auto;
}
.course_main>div.middle_nav{
    margin:10px auto;
}
/* 视频部分*/
.up_video{
    min-height:280px;
    height: auto;
}
.video, .video video, .video img{
    width:426px;
    height:240px;
}
.video_msg{
    position: relative;
    margin-left:20px;
    padding-top:5px;
}
.video_msg h2{
    width:480px;
    font-weight:normal;
    font-size:26px;
    color:#333;
    line-height:40px;
    margin-top:0;
}
.video_msg .bref_introduce{ width:78px; position: absolute; left:500px; top:28px; font-size:12px;  color:#f89b38; text-align: center; line-height:26px; border: 1px solid #f89b38; border-radius: 15px; cursor: pointer;}
.video_msg .bref_introduce:hover{color:#fff; background-color: #f89b38;}
.video_msg .category{
    width:570px;
    font-size:12px;
    color:#666;
    line-height:20px;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
    margin-bottom:19px;
}
.video_tips{
    width:600px;
    margin-bottom:20px;
}
.video_tips li{
    width:174px;
    line-height:20px;
    margin-right:20px;
    margin-bottom:10px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.video_tips li.left_width{
    width:160px;
}
.video_tips li i{
    width:16px;
    font-size:16px;
    margin-right:8px;
    color:#666;
    text-align: center;
    border:1px solid #ccc;
    border-radius:50%;
}
.video_tips li span{
    font-size:12px;
    color:#333;
}
.video_tips li em{
    font-style:normal;
    font-size:12px;
    color: #666;
}

.video_msg .term{ margin-bottom: 10px; }
.video_msg .rela-info{ margin-bottom: 10px; }
.video_msg .rela-info .info{ margin-right: 30px; }
.video_msg .rela-info .info .title{ color: #999; }
.video_msg .goods-prise{ font-size: 12px; line-height: 30px; margin-bottom: 10px; }
.video_msg .now-prise{ font-size: 24px; font-weight: bold; color: #f89b38; }
.video_msg .free-prise{ font-size: 18px; color: #f89b38; }
.video_msg .normal-prise{ color: #666; text-decoration: line-through; }
.video_msg .prise-tips{ color: #999; }

.sign_up_msg>a{
    text-decoration: none;
    margin-right:30px;
}
.sign_up_msg .sign_up{
    width:206px;
    height:38px;
    line-height:38px;
    color:#fff;
    letter-spacing:6px;
    text-indent: 6px;
    text-align:center;
    display:inline-block;
    font-size:14px;
    border-radius:20px;
    background-color: #f89b38;
    box-shadow:0 1px 2px rgba(0,0,0,.2);
    cursor: pointer;
    position: relative;
}
.position_border{
    width:204px;
    height:36px;
    box-sizing: border-box;
    display: inline-block;
    border:1px solid #ffcc96;
    border-radius:20px;
    position: absolute;
    left:1px;
    top:1px;
}
.sign_up_msg .sign_up.not-allow{ color:#999; background-color: #ccc; cursor: no-drop; }
.sign_up_msg .sign_up.not-allow .position_border{ border: none; }
.modal .category span:first-child{ vertical-align: top; }
.modal .category span:last-child{ max-width:500px; }
.course_main .category span:first-child{ vertical-align: top; }
.course_main .category span:last-child{ max-width:400px; }
.sign_up_msg>span{
    width:80px;
    height:26px;
    line-height:26px;
    display: inline-block;
    border:1px solid #ccc;
    border-radius:20px;
    color:#666;
    text-align: center;
    cursor: pointer;
}
.sign_up_msg .shareTo{
    margin-left:10px;
}
.sign_up_msg>span i{
    font-style:normal;
    font-size:14px;
}
.sign_up_msg>span em{
    font-style: normal;
    font-size:12px;
}
.sign_up_msg>span .default{
    display:inline-block;
}
.sign_up_msg>span .active{
    display:none;
    color:#f89b38;
}
.sign_up_msg>span a:hover em{ color:#666; }
.sign_up_msg>span .collected{ display: none;color:#666; }
.sign_up_msg>span.active{ border-color:#f89b38; }
.sign_up_msg>span.active .default{ display: none; }
.sign_up_msg>span.active .active{ display: inline-block; }
.sign_up_msg>span.active .notCollected{ display: none; }
.sign_up_msg>span.active .collected{ display: inline-block;color:#f89b38; }

/* 正文*/
/*闯关式课程中目录置灰*/
.notView{
    color:#999;
}
.middle_nav a{
    text-decoration: none;
    display:inline-block;
    width:100px;
    height:36px;
    line-height:36px;
    text-align: center;
    color:#333;
    font-size:14px;
    margin-right:80px;
    border-radius:4px;
}
/* 主内容区*/
.main_container{
    width:1104px;
    overflow: hidden;
}
/* 切换激活状态*/
.main_container>div{
    min-height:700px;
    margin:0 auto;
    width:1100px;
    display:none;
}
.main_container>div.active{
    display: block;
}
.main_content{
    width:1100px;
}
.main_left{
    width:770px;
}
.main_right{
    width:320px;
}
/* 激活状态*/
.middle_nav a:hover{
    color: #f89b38;
}
.middle_nav a.focus{
    color: #fff;
    background-color: #f89b38;
}
/*课程简介通用样式*/
/******************/
/********/
.main_left div.course_introduce{
    padding-bottom:40px;
}
.content_title{
    display: block;
    padding-bottom:13px;
    box-sizing: border-box;
    border-bottom:1px solid #eee;
    position: relative;
}
.content_title i{
    width:4px;
    height:16px;
    display: inline-block;
    border-radius:4px;
    background-color: #f89b38;
    position: absolute;
    left:0;
    top:3px;
}
.content_title>span{
    font-size:16px;
    color:#333;
    line-height:16px;
    margin-left:14px;
}
.content_title .scroll_btn{
    float:right;
}
.content_title .scroll_btn span{
    width:25px;
    height:21px;
    line-height:21px;
    text-align: center;
    font-size:12px;
    padding:3px 10px;
    color:#aaa;
    background-color: #eee;
    cursor: pointer;
    transition: all 250ms;
}
.content_title .scroll_btn span:first-child{
    margin-right:5px;
}
.content_title .scroll_btn span:hover{
    color:#fff;
    background-color: #f89b38;
}
/*********/
/******************/
.course_title_info .title_info_p{
    font-size:14px;
    line-height:21px;
    color:#333;
    margin:20px 0 10px 0;
}
.course_title_info .msg_info{
    font-size:14px;
    color:#666;
    line-height:21px;
    width:730px;
    text-align: justify;
    word-wrap: break-word;
}
.course_title_info .msg_info p{ text-align: justify;text-indent: 28px; }
/*重写*/
.course_title_info .text_indent{
    text-indent: 0;
    /*padding-left:28px;*/
    box-sizing: border-box;
}
/* 主讲人轮播*/
.speaker_scroll{
    /*width:320px;*/
    width:280px;
    height: 410px;
    overflow: hidden;
    /* 做定位，便于轮播方式*/
    position: relative;
}
.speaker_scroll>ul{
    width:9999px;
    height:318px;
    position: absolute;
    left:0;
    top:0;
}
/* 主讲人*/
li.speaker_scroll_box{
    width:280px;
    position: absolute;
    left:0;
    top:0;
    /* 初始状态透明度置0
    opacity: 0;*/
}
li.speaker_scroll_box:first-child{
    /*opacity:1;*/
}
/* 轮播按钮*/
.scroll_index_box{
    position: absolute;
    top: 390px;
    left:0;
    right:0;
    bottom:1px;
}
.scroll_index_box .scroll_index{
    margin:0 auto;
    height:11px;
    line-height:11px;
    text-align: center;
}
.scroll_index li{
    width:9px;
    height:9px;
    display: inline-block;
    border-radius:50%;
    border:1px solid #ccc;
    background-color: #fff;
    margin-right:10px;
    cursor: pointer;
}
.scroll_index li:last-child{
    margin-right:0;
}
.scroll_index li.on{
    border:1px solid #f89b38;
    background-color: #f89b38;
}

.speaker_info{
    overflow: hidden;
    margin-bottom:25px;
}
.speaker_info img{
    width:130px;
    height:130px;
    overflow: hidden;
    border-radius:50%;
    margin:10px 20px 10px 0;
}
.speaker_info p{
    max-width: 100px;
    font-weight:bold;
    font-size:16px;
    color:#333;
    width:130px;
    line-height:32px;
    margin-top:22px;
}
.speaker_info span{
    font-size:14px;
    color:#333;
    line-height:21px;
    width:126px;
    font-weight:normal;
    text-align: justify;
    -webkit-line-clamp:4;
}
.speaker_introduce{
    font-size:12px;
    color:#666;
    /* width: 100%; */
    /* height:145px; */
    line-height:21px;
    text-align: justify;
    padding:10px;
    background-color: #f8f4f1;
    border-radius:4px;
    /*overflow: hidden;*/
    position: relative;
}
.speaker_introduce p{
    margin: 0;
    height: 190px;
    text-indent:24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;
    text-overflow: ellipsis;
}

.speaker_introduce span{
    position: absolute;
    left:146px;
    top:-20px;
}
/* 其他*/
.btn_group{
    padding:10px 0;
    overflow: hidden;
}
.btn_group>div{
    width:134px;
    height:36px;
    line-height: 36px;
    box-sizing: border-box;
    padding:0 24px;
    border:1px solid #999;
    border-radius:4px;
    float: left;
}
.btn_group>div:first-child,.btn_group>div:nth-child(3){
    margin-right:12px;
}
.btn_group>div:first-child,.btn_group>div:nth-child(2){
    margin-bottom:12px;
}
.btn_group>div i{
    font-size:16px;
    margin-right:8px;
    color:#666;
    float: left;
    line-height:34px;
}
.btn_group>div span{
    font-size:14px;
    height:34px;
    line-height:34px;
    text-align: center;
    display: inline-block;
    color:#666;
    width:56px;
    position: relative;
    top:-1px;
}
/* 鼠标悬置效果*/
.btn_group>div:hover{
    border-color:#01ac87;
    cursor: pointer;
}
.btn_group>div i.activeGreen,.btn_group>div span.activeGreen{
    color:#01ac87;
}
/* 相关课程*/
.relative_scroll{
    width:280px;
    height:225px;
    overflow: hidden;
}
.relative_scroll>ul{
    width:9999px;
    height:205px;
    position: relative;
}
.relative_scroll>ul a{
    display: inline-block;
    width:280px;
    height:205px;
    opacity:0;
}
.relative_scroll>ul a:first-child{
    opacity:1;
}
.relative_scroll>ul li{
    width:280px;
    height:195px;
    position: absolute;
    left:0;
    top:0;
}
.relative_index_box{
    text-align: center;
}


.course_images{
    margin-top:10px;
}
.relative_scroll ul a:hover{
    cursor: pointer;
}
.relative_scroll ul a:hover span{
    color: #f89b38;
}
.course_images img{
    width:280px;
    height:162px;
    overflow: hidden;
    margin-bottom:4px;
    border-radius:4px;
}
.course_images span{
    font-size:14px;
    color:#666;
    line-height:21px;
    margin-bottom:10px;
}
/* 见面课*/
.face_to_face .face_down{
    width:280px;
    height:116px;
    overflow: hidden;
    position: relative;
}
.face_to_face .face_down>ul{
    width:280px;
    height:132px;
    position: absolute;
    left:0px;
    top:0px;
}

.face_to_face .face_down{
    padding-top:16px;
}
.face_info_first{
    margin-bottom:10px;
}
.face_info{
    width:280px;
    box-sizing: border-box;
    font-size:14px;
    padding:14px;
    color:#333;
    line-height:26px;
    background-color:#f8f4f1;
}
/* 已选页面进度条*/
.class_process{
    width:732px;
    height:40px;
    line-height:60px;
    box-sizing: border-box;
    padding:20px 8px 0 8px;
}
.class_process .process_box{
    width:716px;
    height:5px;
    line-height:24px;
    background-color: #eee;
    border-radius:20px;
    box-sizing: border-box;
/*    padding-top:8.5px;*/
    position: relative;
    border-radius: 20px;
}
/* 进度条底纹*/
.class_process .process_box .process_bar_gray {
    width: 716px;
    height: 5px;
    background-color: #ccc;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}
/* 进度条亮纹*/
.process_bar_gray .process_bar_orange{
    /* 进度条亮纹宽度动态变化*/
    height:5px;
    background-color:#f89b38;
    -webkit-transition: width 2000ms;
    -moz-transition: width 2000ms;
    -ms-transition: width 2000ms;
    -o-transition: width 2000ms;
    transition: width 2000ms;
    border-radius: 20px;
}
/* 圆点*/
.class_process .process_box .process_circle{
    width:700px;
    margin-left:12px;
    overflow: hidden;
    position: absolute;
    left:0;
    top:1.5px;
    z-index: 2;
}
.process_circle i{
    width:13px;
    height:13px;
    display: inline-block;
    border-radius:50%;
    background-color: #ccc;
}
.process_circle i.active{
    background-color: #f89b38;;
}
.process_circle i[class^=bc]{
    /*margin-right:79.5px;*/
}
.process_circle span{
    width:7px;
    height:7px;
    display: inline-block;
    border-radius:50%;
    background-color: #fff;
    position: relative; left: 3px;
}
.process_circle span.active{
    background-color: #f89b38;
}
.sc1{
    /*margin-left:3px;*/
}
.process_circle span[class^=sc]{
    /*margin-right:85.5px;*/
}
/* 圆点定位*/
.big_circle{
    display: table; width: 100%;
}
.big_circle .cell{ display: table-cell; width: 100px; }
.small_circle{
    position: absolute;
    left:0;
    top:-3px;
    z-index:4; display: table; width: 100%;
}
.small_circle .cell{ display: table-cell; width: 100px; }
.class_text{
    width:732px;
    box-sizing: border-box;
    padding:0 8px;
    font-size:14px;
    color:#333;
    line-height:21px;
}
.class_text .next_class{
    color:#999;
}
.class_text em{
    font-style: normal;
}
/* 目录*/
.h_modal_1 .modal-content{
    padding:0;
}
.content_box{
    width:730px;
    box-sizing: border-box;
    position: relative;
}
.left_content .content_box{
    margin-left: 25px;
    margin-top: 10px;
}
.content_box_last{
    width:730px;
    margin-top:20px;
    box-sizing: border-box;
    position: relative;
}
.content_box .cover_line{
    width:10px;
    height:20px;
    background-color:#fff;
    position: absolute;
    left:-2px;
    top:0;
}
.content_item_title{
    height:60px;
    line-height:60px;
    position: relative;
}
/* 大圆*/
.item_left_circle{
    width:50px;
    height:60px;
    line-height:60px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left:-25.5px;
    top:0;
}
.item_left_circle i{
    width:21px;
    height:21px;
    box-sizing: border-box;
    display: inline-block;
    border:1px solid #999;
    border-radius:50%;
    background-color: #fff;
    position: absolute;
    left:14px;
    top:19px;
    z-index: 2;
}
.item_left_circle i b{
    width:11px;
    height:11px;
    display: inline-block;
    background-color: #ccc;
    border-radius:50%;;
    position: absolute;
    left:4px;
    top:4px;
    z-index: 3;
}
.content_item_title h3{
    height:60px;
    line-height: 60px;
    margin:0;
    font-weight: bold;;
    font-size:14px;
    color:#666;
    display: inline-block;
    position: absolute;
    top:0;
}
.content_item_title h3.number2{
    /*width:60px;*/
    width:0;
    overflow: hidden;
    text-align: justify;
    left:25px;
}
.content_item_title h3.number_content2{
    /*left:75px;*/
    left: 20px;
}
/* 每一章中的每一节*/
.content_item .item_details{
    width:705px;
    height:40px;
    display: inline-block;
    line-height:40px;
    box-sizing: border-box;
    position: relative;
}
.content_item .item_details:hover{
    background-color: rgba(248,155,56,0.2);
    /*cursor: pointer;*/
}
/* 不可点击的课程列表*/
.content_item .setGray:hover{
    background-color: #fff;
    cursor: text;
}
/*.item_details>b{
    width:11px;
    height:11px;
    border:1px solid #ccc;
    border-radius:50%;
    background-color: #fff;
    position: absolute;
    left:-7px;
    top:14px;
    z-index: 3;
}*/
.item_details>p{
    display: inline-block;
    float: left;
    font-size:14px;
    color:#666;
}
.item_details>p.number{
    /*width:40px;*/
    text-align: right;
    /*padding-right:10px;*/
    margin-left:25px;
    width: 0;padding-right: 0;overflow: hidden;
}
.item_details>p.chapter_test{
    margin-left:75px;
    font-weight:bold;
    font-size:14px;
    color:#666;
}
.item_details>p.number_content{
    /* 长度限制*/
    width:380px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
/* 鼠标未悬置时图标*/
.item_details .icongroup{
    display: inline-block;
    float: right;
}
.item_details em{
    height:40px;
    line-height: 40px;
    font-size:12px;
    color:#999;
    margin-right:10px;
}
.hidden{
    display: none;
}
.show{
    display: inline-block;
}
.item_details .hover_function{
    float: right;
}
/* 鼠标悬置时课时预览*/
.item_details .hover_function span{
    width:84px;
    height:28px;
    line-height:28px;
    display: inline-block;
    color:#fff;
    font-size:14px;
    margin-top:6px;
    margin-right:10px;
    border-radius:4px;
    background-color: #f89b38;
    text-align: center;
}
.item_details .hover_function span.course_material{
    background-color: #fff;
    margin-right:8px;
    color:#01ac87;
}
.item_details>div.hover_function{
    display: none;
}
.item_details>div.hover_function.show{
    display: inline-block;
}
/* 悬置时*/
.item_details>b.hover{
    border-color:#f89b38;
}
.item_details>p.hover{
    color:#01ac87;
}
/* 直播课*/
.content_box_item{
    width:730px;
    height:90px;
    background-color: rgba(204,204,204,.08);
    margin-bottom: 10px;
}
.content_box_item:hover{
    cursor: pointer;
}
.content_box_item .left_background{
    width:50px;
    height:90px;
    float: left;
}
/* 背景色*/
.content_box_last>a>div .left_background{
    background: url(../images/course_index_online_bg.png) no-repeat 0 0;
}
.content_box_last>a:nth-child(2)>div .left_background{
    background-position: -50px 0;
}
.content_box_last>a:nth-child(3)>div .left_background{
    background-position: -100px 0;
}
.right_content{
    width:680px;
    height:90px;
    line-height:90px;
    padding:0 30px;
    box-sizing: border-box;
    float: left;
}
/*主题*/
.up_title{
    line-height:20px;
    margin-top:23px;
}
.right_content .up_title h3{
    font-size:16px;
    color:#999;
    line-height:20px;
    margin-right:10px;
}
.right_content .up_title span{
    font-size:12px;
    color:#ccc;
    line-height:20px;
}
.right_content .down_info{
    font-size:12px;
    color:#999;
    line-height:16px;
    overflow: hidden;
    margin-top:10px;
}
.right_content.right_content2 .down_info{
    width:474px;
}
.right_content .down_info>div{
    font-size:12px;
    color:#999;
    line-height:16px;
    float: left;
}
.right_content .down_info>div:last-child{
    float: right;
}
.right_content .down_info>div:nth-child(2){
    margin:0 60px;
}
.down_info em{
    font-style: normal;
}
/* 目录第二种样式*/
.content_another .right_content .inline_block,.content_second .down_info .right{
    color:#333;
}
.content_another .down_info>div{
    color:#666;
}
.content_another .up_title span{
    color:#999;
}
.content_another .right_content{
    background: rgba(248,155,56,.08);
}
.content_third .right_content{
    background: rgba(1,173,133,.08);
}
/* 直播课-已选*/
.right_content_left{
    width:474px;
    float: left;
}
[class^=right_content_right_btn]{
    width:116px;
    height:40px;
    line-height:40px;
    text-align: center;
    border-radius:4px;
    background-color: #ccc;
    float: left;
    margin-left:30px;
    margin-top:25px;
    position: relative;
}
[class^=right_content_right_btn] i{
    font-size:14px;
    color:#fff;
    font-style: normal;
    position: absolute;
    left:19px;
    top:10px;
}
[class^=right_content_right_btn] span{
    font-size:14px;
    color:#fff;
    margin-left:4px;
    position: absolute;
    left:36px;
    top:0;
}
.right_content_right_btn_second{
    background-color: #f89b38;
}
.right_content_right_btn_third{
    background-color: rgba(1,173,133,.5);
}

/* 直播课背景banner图*/
.living_position_img{
    width:1920px;
    height:510px;
    position:absolute;
    left:50%;
    top:34%;
    transform: translate(-50%,-50%);
    z-index: -1;
}

/**************12.12 update*****************/
/* 笔记区弹框*/
.note .form-table{
    width: 760px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.note .form-table>div{
    font-size: 14px;
    line-height: 48px;
    color: #000;
    padding-left: 10px;
}
.note .theme_right{
    height: 80px;
    display: block;
    padding: 20px auto;
    border-bottom: 1px dashed #eee;
}
.note .tit-1{
    font-size: 14px;
    line-height: 30px;
    color: #666;
    padding-left: 12px;
    display: inline-block;
    float: left;
}
.note .tit-2{
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    color: #999;
    padding-left: 14px;
}
.note .course-tit{
    color: #666;
}
.note .point{
    display: inline-block;
}
.note .theme_right{
    clear: both;
    display: inline-block;
}
.note .sb{
    display: inline-block;
    margin: 4px 0 auto 14px;
}
.note .theme>span{
    margin-top: 20px;
    margin-left: 12px;
}
.note-area{
    width: 728px;
    height: 200px;
    margin: 16px auto 16px 12px;
}
.note .dis_bottom{
    margin: auto 14px 20px 14px;
    height: 32px;
    line-height: 32px;
}
.note .dis_bottom>span{
    width: 120px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    background-color: #f89b38;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}
.note-check{
    margin-right: 12px;
    position: relative;
    top: 2px;
    line-height: 32px;
}
/****************12.12 update******************/
/* 第二列 笔记区*/
.main_container>div.note_content{
    padding:15px 40px 60px 40px;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom:3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.main_container>div.note_content{
    min-height:365px;
}
.main_container .dis_btn_box{
    margin-top: 20px;
}
.share-box{
    width: 100px;
    height: 28px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    right: 2px;
    top: 125px;
    display: none;
}
.share-box>a{
    float: left;
    margin: 4.5px auto auto 6px;
}
.share-box .weibo{
    width: 19px;
    height: 16px;
    background: no-repeat url('../images/1-img-share.png') 0 0;
}
.share-box .qqzone{
    width: 16px;
    height: 16px;
    background: no-repeat url('../images/1-img-share.png') -19px 0;
}
.share-box .qq{
    width: 16px;
    height: 16px;
    background: no-repeat url('../images/1-img-share.png') -35px 0;
}
.share-box .wechat{
    width: 19px;
    height: 16px;
    background: no-repeat url('../images/1-img-share.png') -51px 0;
}
.share-box .share-arrow{
    display: inline-block;
    border: 7px solid transparent;
    border-bottom-color: #ccc;
    position: absolute;
    top: -15px;
    right: 8px;
}
.share-box .share-arrow>div{
    display: inline-block;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    bottom: 0;
    top: -4px;
    left: -6px;
}
.text_container>textarea{
    width: 900px;
    height: 50px;
}
/**** 笔记区讨论区公共样式****/
/*笔记区标题*/
.content_title{
    position: relative;
}
.content_title b{
    font-weight: normal;
    font-size: 12px;
    color:#f89b38;
    position: absolute;
    top:7px;
    right:10px;
    cursor: pointer;
}
textarea{
    outline: none;
}
.note_content .dis_btn span{
    margin-right: 20px;
}
/****************12.12 update end ******************/


/************************/
/* 第三列 讨论区*/
.main_container>div.discuss_content{
    padding:15px 40px 60px 40px;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom:3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.main_container>div.discuss_content{
    min-height:365px;
}
.discuss_content .content_title{
    position: relative;
}
.discuss_content .content_title b{
    font-weight: normal;
    font-size: 12px;
    color:#f89b38;
    position: absolute;
    top:7px;
    right:10px;
    cursor: pointer;
}
/* 导航*/
.discuss_nav{
    height:35px;
    margin:15px 0;
    line-height: 35px;
    position: relative;
}
.discuss_nav a{
    display: inline-block;
    font-size:14px;
    line-height: 34px;
    padding:0 16px;
    color:#666;
    box-sizing: border-box;
    text-decoration: none;
}
.discuss_nav a.active{
    color:#f89b38;
    border-bottom:1px solid #f89b38;
}
.discuss_nav .discuss_search{
    float: right;
    position: relative;
}
.discuss_search input{
    width:84px;
    height:20px;
    line-height: 20px;
    padding:0 25px 0 10px;
    border-radius:20px;
    border:1px solid #ccc;
    outline: none;
}
.discuss_search span{
    position: absolute;
    right:10px;
    top:0;
    font-size: 12px;
    color:#ccc;
    cursor: pointer;
}

/* 切换栏*/
.discuss_box>div{

}
.dis_btn_box>div{
    width:1020px;
    height:45px;
    line-height: 45px;
    margin-bottom:30px;
    display: none;
}
.dis_btn_box>div.active{
    display: inline-block;
}
.dis_btn_box p{
    display: inline-block;width:824px;
    font-size:12px;
    color:#666;
    line-height: 22px;
}
.dis_btn_box span{
    width:140px;
    height:36px;
    display: inline-block;
    line-height: 36px;
    color:#fff;
    font-size: 14px;
    text-align: center;
    background-color: #f89b38;
    border-radius: 5px;
    float: right;
    cursor: pointer;
}
.dis_btn_box span i{
    font-size: 12px;
    margin-right:10px;
    position: relative;
    top:-1px;
}
/* 正文内容*/
.dis_box{
    border:0;
}
.dis_box>div{
    border-top:1px solid #eee;
    display: none;
    position: relative;
}
.dis_box>div.active{
    display: block;
}
/* 课时、排序*/
.sort{
    height:22px;
    line-height: 22px;
    margin-right:16px;
    background-color: #fff;
    padding:0 10px;
    position: absolute;
    top:-11px;
    left:510px;
    z-index: 100;
}
.sort span{
    font-size:12px;
    color:#333;
    margin-right:12px;
    float: left;
}
.sort .sb{
    margin:0;
}
.sort.sort2{
    left:666px;
}

/* items*/
.dis_items_box{
    padding-top:15px;
    margin-bottom: 60px;
}
.dis_items_box li{
    width:1020px;
    border-bottom: 1px solid #eee;
}
.dis_items_box li .edit{
    display: none;
}
.dis_items_box li .delete{
    display: none;
}
.dis_items_box li:hover .edit{
    display: inline-block;
    cursor: pointer;
}
.dis_items_box li:hover span.delete{
    display: inline-block;
    cursor: pointer;
}
.dis_items_box li .img{
    width:45px;
    height:120px;
    display: inline-block;
    position: relative;
    top: 30px;
    vertical-align: top;
}
.dis_items_box li .img img{
    width: 40px;
    height:40px;
    border-radius:50%;
    box-shadow:1px 2px rgba(0,0,0,.2);
}
/* 展开评论*/
.dis_items .dis_down{
    width:970px;
    /*background-color: #f8f4f1;*/
    margin-left:45px;
    margin-bottom:15px;
    padding:12px 24px;
    padding-bottom:0;
    background-color: #fdfcfb;
    box-sizing: border-box;
    border-radius:4px;
    display: none;
}
.text_container{
    overflow: hidden;
    border-bottom:1px solid #eee;
}
.dis_btn span{
    width:68px;
    height:24px;
    line-height: 24px;
    text-align: center;
    background-color: #f89b38;
    color: #fff;
    display: inline-block;
    border-radius:5px;
    float: right;
    margin:10px 0 20px 0;
    cursor: pointer;
}
.comment_item{
    margin-top:16px;
    padding-bottom:16px;
    overflow: hidden;
    border-bottom:1px solid #eee;
}
.comment_item .right_reply .delete{
    display: none;
    padding-right:0;
}
.comment_item:hover .right_reply .delete{
    display: inline-block;
}
.comment_item .block{
    height:30px;
    line-height: 30px;
}
.comment_item .block [class^='user_name']{
    color: #f89b38;
    margin-right:7px;
}
.comment_item .block .comment{
    color:#999;
    margin-right:7px;
}
.comment_item .block p{
    color:#666;
}
.date_info{
    line-height: 22px;
    /*margin-bottom:16px;*/
}
.date_info>span{
    color:#999;
}
.date_info .right_reply{
    float: right;
    color:#666;
}
.right_reply em{
    display: inline-block;
    line-height: 16px;
    padding:0 10px 0 0;
    margin-right:7px;
    border-right:1px solid #666;
    cursor: pointer;
}
.right_reply em.delete{
    border:0;
}
a.right_reply em{
    border:0;
    padding:0;
}
div.right_reply span em{
    border:0;
    padding:0;
}
.right_reply span{
    cursor: pointer;
}
.right_reply span i{
    font-size:14px;
    margin-right:4px;
}
.right_reply span i.active{
    color:#f89b38;
    display: inline-block;
}
/* 点赞后 +1 悬浮文字*/
.right_reply span{
    position: relative;
}
a.right_reply{
    position: relative;
}
.right_reply span b,a.right_reply b{
    color: #f89b38;
    line-height: 16px;
    text-align: center;
    /*display: inline-block;*/
    position: absolute;
    top:-15px;
    left:20%;
    display: none;
    opacity: 1;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}



.comment_item .reply_toggle{
    margin-top:16px;
    overflow: hidden;
    display: none;
}
.reply_toggle input{
    width: 920px;
    height:30px;
    padding:0 10px;
    box-sizing: border-box;
    color: #666;
    border:1px solid #ccc;
    /*position: relative;*/
    /*left:-12px;*/
    outline: none;
}
.reply_toggle span{
    margin-bottom:8px;
}
.dis_down>p{
    line-height: 32px;
    text-align: center;
}
.dis_down>p span{
    color: #f89b38;
    cursor: pointer;
}
.dis_down>p span i{
    margin-left:6px;
    font-size:12px;
}
.dis_down>p span i.up{
    display: none;
}
.dis_down>p span i.down{
    display: inline-block;
}



.items_right{
    width:970px;
    display: inline-block;
    padding-top:16px;
}
.items_right .items_title{
    height:34px;
    line-height: 34px;
}
.items_right .name{
    font-size: 14px;
    color:#f89b38;
    line-height: 34px;
}
.items_right .tag{
    font-size: 12px;
    color:#333;
    float: right;
}

/* 展开收起切换*/
.items_right .dis_text>em{
    display: none;
}
.items_right .dis_text>em.active{
    display: inline-block;
}

/* 展开收起*/
.items_right .spread{
    opacity: .6;
    display: none;
}
.items_right .spread:hover{
    color: #f89b38;
}
.items_right .pack:hover{
    color: #f89b38;
}
.items_right .pack{
    /*display: none;*/
    cursor: pointer;
    /*margin-left:5px;*/
    opacity: .7;
    position: relative;
    top: -12px;
}

/* 展开带格式文本消除样式*/
.detail_text .ql-editor{
    width:auto;
    padding:0;
    line-height: inherit;
    overflow-x: hidden;
}
.detail_text .ql-editor p{
    margin:0;
}
.detail_text .ql-editor ol li{
    width:100%;
    border:0;
}
.detail_text .ql-tooltip{
    display: none;
}

/* 单行文本溢出隐藏*/
.items_right p{
    font-size: 12px;
    line-height: 22px;
    color:#666;
    /*text-align: justify;*/
    margin-bottom:10px;
    display: inline-block;
    max-width:860px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.items_right>span{
    position: relative;
    top:-17px;
    cursor: pointer;
}
.items_right .time_box span{
    line-height: 22px;
    color:#999;
    margin-right:18px;
}
.time_box .tags_box{
    color:#666;
    float: right;
    height: 22px;
    line-height: 22px;
}
.time_box .tags_box a{
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    margin-right:9px;
}
.time_box .tags_box i{
    font-size: 14px;
    color:#666;
    padding-right:5px;
}
.time_box .tags_box i.active{
    color:#f89b38;
    display: inline-block;
}
.time_box .tags_box em{
    font-size: 10px;
    margin-right:3px;
}
.time_box .tags_box a:hover{
    color:#333;
}

/* 直播课-讨论区-发起讨论*/
.modal.discuss{
    display: none;
}
.discuss .modal-container{
    width:1076px;
    height:640px;
    padding:0;
    background-color: transparent;
}
.discuss .modal-left{
    width:800px;
    height:620px;
    float: left;
    box-sizing: border-box;
    background-color: #fff;
    border-radius:5px;
    padding:18px 20px;
    position: relative;
    top:10px;
}
.rbt-list{
    width:728px;
    margin: 0 auto;
    border-bottom:1px solid #ccc;
}
.rbt-list li.rb{
    line-height:50px;
    font-size:14px;
    color:#000;
    padding-left:22px;
    margin-right:20px;
}
.rbt-list li.rb_active{
    line-height: 48px;
    position: relative;
    bottom:-1px;
    border-bottom:2px solid #f89b38;
}

.icon.iconfont.del{
    width:15px;
    top:37px;
    left:750px;
    color:#bbb;
}
.icon.iconfont.del:hover{
    color:#f89b38;
}
.toggle_box{
    height:auto;
}
[class^='toggle_box_']{
    width:762px;
    height:525px;
    box-sizing: border-box;
    padding:5px 20px;
    margin:-10px auto 0;
    display: none;
}
.toggle_box>div.active{
    display: inline-block;
}
[class^='toggle_box_']>p{
    line-height: 25px;
    font-size:12px;
    margin-bottom: 20px;
    color:#666;
}
[class^='toggle_box_'] .theme{
    height:26px;
    line-height: 26px;
    margin-bottom: 15px;
}
.theme>span{
    width:68px;
    height:26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size:14px;
    background-color: #f89b38;
}
.theme .theme_right{
    float: right;
}
.theme .theme_right span{
    float: left;
    font-size: 14px;
    color: #f89b38;
    margin-right:15px;
}
.theme .theme_right .sb{
    margin-top:2px;
    margin-right:0;
}
.toggle_box textarea{
    width:722px;
    height:84px;
    outline: none;
    padding:6px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-size:12px;
    color:#666;
    line-height: 20px;
    margin-bottom: 15px;
}
[class^='toggle_box_'] .dis_bottom{
    height:32px;
    line-height: 32px;
    margin-top:15px;
}
[class^='toggle_box_'] label{
    font-size:12px;
    width:90px;
    height:20px;
    line-height: 20px;
}
[class^='toggle_box_'] input[type="checkbox"]{
    outline: none;
    margin-right:10px;
    position: relative;
    top:2px;
}
[class^='toggle_box_'] .dis_bottom span{
    width:80px;
    height:32px;
    line-height: 32px;
    font-size:16px;
    background-color: #f89b38;
    text-align: center;
    color:#fff;
    display: inline-block;
    border-radius: 5px;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

/******************************/
/*索引*/
.index_box{
    text-align: center;
}
.pagination {
    /*width: 512px;*/
    height: 42px;
    margin: 0 auto;
    display: inline-block;
}
.pagination > li {
    display: inline;
    width: auto;
    height: 30px;
}
.pagination > li > a,
.pagination > li > span {
    padding: 6px 12px;
    margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 3;
    color: #f89b38;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #f89b38;
    border-color: #f89b38;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pagination li a{
    border: 0;
    color: #333;
    font-size: 12px;
    line-height: 30px;
    background-color: transparent;
}
.pagination .current a{
    color: #fff;
    background-color: #f89b38;
}
.pagination .active a{
    color: #fff;
    background-color: #f89b38;
}

/******************************/

.discuss .modal-right{
    width:270px;
    height:640px;
    float: right;
    position: relative;
}
.modal-right .bg{
    width:100%;
    height:8px;
    background: url(../images/1_img_axis.png) no-repeat center center;
}
.modal-right .bg.bottom{
    position: absolute;
    bottom:0;
}
.modal-right .right_text {
    width: 242px;
    height: 630px;
    margin: 0 auto;
    background-color: #ccc;
}
.right_text .text_info{
    width:224px;
    height:625px;
    margin: 0 auto;
    padding:16px 8px;
    box-sizing: border-box;
    background-color: #fff;
}
.text_info h2{
    font-size:14px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    margin-bottom: 6px;
    margin-top:0;
}
.text_info p{
    font-size: 12px;
    color:#666;
    line-height: 20px;
    text-indent:24px;
    margin-bottom:0;
}
.text_info p em{
    font-style: normal;
    font-weight: bold;
}
/* 弹窗*/
.modal .modal-content{ margin: 0;top:50px; }
.modal .content_box{ margin:0;padding:0; }
/*课程简介*/
.modal{ position: fixed; left: 0; right: -20px; top: 0; bottom: 0; z-index: 1050; background: rgba(0,0,0, .5); display: none;  overflow: scroll;  }
.modal .video_msg { margin-left: 0; padding-top: 0;  }
.modal .video_msg h2 { font-size: 16px;  color: #f89b38; line-height: 1; margin-bottom: 10px; }
.modal .video_msg .category{ line-height: 1; margin-bottom: 10px;}
.modal .video_tips{ margin-bottom: 0;}
.modal .video_tips li{ line-height: 1;}
.modal .course_title_info{ margin-bottom: 30px;}
.modal .course_title_info .title_info_p{ margin-top: 10px;}
.modal .course_title_info .msg_info{ width:100%; }
.title_info_p i{width: 4px; height: 16px; display: inline-block; background-color: #f89b38; margin-right: 10px; position: relative;left: 0; top: 3px; }
/*课程表*/
.schedule_content{ border-bottom: 1px solid #f89b38; padding:0 20px; }
.schedule_content.end{ border-bottom:0; }
.schedule_content .h_sub_title{ height: 49px; line-height: 49px; }
.schedule_content .p_box{ padding: 10px 20px 40px; }
.schedule_content .p_box p{ width:530px;height: 30px; line-height: 30px; font-size: 14px; color:#666; margin-bottom: 0; }
.schedule_content .p_box p.p3{ height: 30px; line-height: 30px; font-size: 14px; color:#333; border-top: 1px solid #eee; margin-top:10px;margin-bottom: 0; }
.schedule_content .h_sub_title .meet_content{ border-left: 0; margin-left: -26px;}
.schedule_content .h_sub_title .span1{ border-left: 0; padding-left: 14px; font-weight: bold; }
.schedule_content .h_sub_title .span2{ border-left: 0; padding-left: 0; font-size: 14px; color:#333; }
/*课程资料*/
.modal .h_form table {  width: 100%;border-spacing:0; }
.ziliao_table tr td:nth-child(2){ width: 200px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; text-align: left; line-height: 45px; }
/*考核标准*/
.modal .h_sub_title{ margin-bottom: 0;}
.h_sub_title .title_tips{ padding-left: 0; border-left: 0; color:#999; font-size: 12px; }
.modal .form-table .txt_css1,.modal .form-table .txt_css2{ line-height: 28px; }
.zhengshu_tips{ font-size: 14px; line-height: 24px; border-bottom: 1px solid #eee; margin-bottom: 20px;  }
.zhengshu_tips + img{ display: inherit;margin:0 auto; }
.modal .online_score .percent{ margin-left: 0;}
/*表格里的下拉菜单*/
label{ margin-bottom: 13px; }
.h_form{ position: relative; }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width: auto; max-width: 100%; box-sizing: border-box;}
.h_form .select_box{ position: absolute; top:0 ; left: 0; }
.h_form .btn-group .btn{ padding: 1px 12px; }
.dataTables_info,.dataTables_length{ display: none; }
.dataTables_wrapper .dataTables_paginate{ float: right; }

/*在线讨论*/
.main_container div.discuss_content{ padding: 20px; }
.welcome_text{ font-size: 14px; margin-bottom: 22px; margin-top: 20px; }
.rule_btn:hover{ color: #f89b38; }
.rule_btn{ cursor: pointer; }
.search-box{ text-align: center; }
.search-box .theme_btn{ width: 100px; display: inline-block; height: 30px; line-height: 30px; }
.search-box .search{ position: relative; display: inline-block; margin-right: 10px; }
.search-box .theme-search{ width: 400px; display: inline-block; height: 30px; padding: 0 10px; border: 1px solid #ccc; border-radius: 4px; }
.search-box .s-result-box{ display: none; position: absolute; top: 30px; left: 0; width: 100%; padding: 10px 0 0; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; border: solid 1px #eee; }
.search-box .s-result-box .s-result{ display: block; font-size: 12px; line-height: 20px; padding: 0 10px; }
.search-box .s-result-box .s-result:hover{ background-color: #eee; }
.search-box .s-result-box .s-result .s-title{ width: 78%; text-align: left; }
.search-box .s-result-box .s-result .s-reply{ color: #999; }
.search-box .s-result-box .s-foot-box{ font-size: 12px; line-height: 30px; color: #999; padding: 0 10px; background-color: #eee; margin-top: 10px; }
.theme-box .empty-data{ color: #999; text-align: center; }
.theme{ padding: 20px 0; border-bottom: 1px solid #eee; }
.theme .theme_top{ margin-bottom: 10px; font-size: 14px; }
.theme .theme_top .area_name{ color: #666; margin-right: 10px; }
.theme .theme_top .beTop{ height: 20px; line-height: 20px; padding: 0 10px; background-color: #f89b38; color: #fff; border-radius: 2px; margin-right: 10px; }
.theme .theme_top a:hover{ color: #f89b38; }
.theme .rela_info{ font-size: 12px; color: #999; }
.theme .rela_info .user_img{ margin-right: 5px; }
.theme .rela_info .user_img img{ width:20px;height:20px;border-radius:50%;vertical-align: bottom; }
.theme .rela_info .user_name{ float: left; max-width: 100px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #f89b38; margin-right: 14px; }
.theme .rela_info .delete{ float: left; cursor: pointer; margin-right: 14px; }
.theme .rela_info .delete:hover{ color: #f89b38; }
.theme .rela_info .time{ margin-right: 14px; }

.content_theme .modal_main_info{ padding: 20px 40px; }
.content_theme .modal_main_info .h_sub_title{ margin-bottom: 16px; }
.content_theme .modal_main_info .form-group{ margin-bottom: 12px; }
.content_theme .modal_main_info .info_title{ margin-right: 20px;  float: left; line-height: 24px; color: #4a3d2f; }
.content_theme .modal_main_info input{ width: 586px; height: 24px; font-size: 14px; padding:0 12px; border: 1px solid #ccc; color: #4a3d2f;  }
.content_theme .modal_main_info .h_bd{ float: left; width: 740px; }
.content_theme .modal_main_info .h_bd .ql-container{ height: 240px; }
.content_theme .modal_main_info .btn_box{ text-align: center; margin-top: 30px; margin-bottom: 10px; }
.content_theme .modal_main_info .btn_box .h-btn1,.content_theme .modal_main_info .btn_box .h-btn2{ display: inline-block; width: 100px; margin-left: 16px; }

.content_rule .modal_main_info{ padding: 30px; }
.content_rule .modal_main_info .p{ margin-bottom: 20px; font-size: 14px; line-height: 22px; }

/*评价*/
.assess-box{ background-color: #fff; padding:20px 40px 80px; margin-bottom: 80px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);  }
.assess-box .h_sub_title{ margin-bottom: 20px; }
.assess-box .content_title{ margin-bottom: 30px; }
.total-score-box .title{ font-size: 18px; font-weight: bold; line-height: 20px; margin-right: 10px; }
.total-score-box .assess-score{ margin-right: 10px; margin-bottom: 0; }
.total-score-box .assess-score li{ float: left; width: 20px; height: 20px; background: url("../images/assess.png") no-repeat; }
.total-score-box .assess-score li{ background-position: 0 -33px; }
.total-score-box .assess-score li.active{ background-position: 0 -57px; }
.total-score-box .assess-score li.star1{ background-position:-26px -33px; }
.total-score-box .assess-score li.star2{ background-position:-48px -33px; }
.total-score-box .assess-score li.star3{ background-position:-70px -33px; }
.total-score-box .number1,.total-score-box .number2{ font-size:18px; line-height: 20px; color: #f89b38; }
.total-score-box .number3{ margin-left: 10px; }

.myAssessBox{ padding: 30px 0; border-bottom: 1px solid #ccc; }
.myAssessBox .assess-score-box{ margin-bottom: 20px; }
.myAssessBox .assess-score-box .title{ font-size: 18px; line-height: 18px; }

.myAssessBox .assess-score li{ float: left; width: 20px; height: 20px; background: url("../images/assess.png") no-repeat; }
.myAssessBox .assess-score li{ background-position: 0 -33px; }
.myAssessBox .assess-score li.active{ background-position: 0 -57px; }
.myAssessBox .number1{ font-size: 14px; color: #f89b38; margin-left: 6px; }
.myAssessBox .number2{ font-size: 12px; color: #f89b38; }
.myAssessBox textarea{ width: 100%; height: 100px; background-color: #f5f5f5; border: 1px solid #ccc; padding: 10px; font-size: 16px; line-height: 26px; border-radius: 4px; resize: none; margin-bottom: 20px; }
.myAssessBox .btn-box{ text-align: right; }
.myAssessBox .btn-box .h-btn1{ display: inline-block; margin-left: 20px; height: 30px; line-height: 30px; }

.myAssessedBox{ /*display: none;*/ padding: 30px 0; border-bottom: 1px solid #ccc; }
.myAssessedBox .assess-score-box{ margin-bottom: 20px; }
.myAssessedBox .assess-score-box .title{ font-size: 18px; line-height: 18px; }
.myAssessedBox .assess-score li{ float: left; width: 20px; height: 20px; background: url("../images/assess.png") no-repeat; }
.myAssessedBox .assess-score li{ background-position: 0 -33px; }
.myAssessedBox .assess-score li.active{ background-position: 0 -57px; }
.myAssessedBox .number1{ font-size: 14px; color: #f89b38; }
.myAssessedBox .number2{ font-size: 12px; color: #f89b38; }
.myAssessedBox .text-box{ position: relative; padding-left: 10px; padding-right: 70px; }
.myAssessedBox .text{ width: 100%; line-height: 26px; font-size: 16px; }
.myAssessedBox .edit{ position: absolute; top: 0; right: 0; cursor: pointer; color: #999; font-size: 14px; }
.myAssessedBox .edit:hover{ color: #f89b38; }

.assess-box ul{ margin-bottom: 10px; }
.assess{ position: relative; border-bottom: 1px solid #ccc; padding: 30px 0; padding-left: 76px; }
.assess .user_img{ position: absolute; top: 30px; left: 10px; width: 50px; height: 50px; border-radius: 50%; }
.assess-top{ margin-top: 16px;margin-bottom: 6px; line-height: 20px; }
.assess-top .user_name{ font-size: 14px; color: #999; margin-right: 10px; }
.assess-top .assess-score li{ float: left; width: 14px; height: 16px; margin: 2px 1px; background: url("../images/assess.png") no-repeat; }
.assess-top .assess-score li{ background-position: 0 0; }
.assess-top .assess-score li.r{ background-position:-7px 0; }
.assess-top .assess-score li.active{ background-position: 0 -16px; }
.assess-top .assess-score li.star1{ background-position:-26px -62px; }
.assess-top .assess-score li.star2{ background-position:-46px -62px; }
.assess-top .assess-score li.star3{ background-position:-66px -62px; }
.assess-top .number1{ font-size: 14px; color: #f89b38; }
.assess-top .number2{ font-size: 12px; color: #f89b38; }
.assess-title{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.assess-title .beTop{height: 22px;font-size: 14px;line-height: 22px;padding: 0 10px;background-color: #f89b38;color: #fff;border-radius: 2px;margin-right: 10px;}
.assess .rela_info{ font-size: 12px; color: #999; }
.assess .rela_info .learn-time{ margin-right: 20px; }
.assess .rela_info .icon{ display: inline-block; width: 15px; height: 18px; vertical-align: text-bottom; background: url("../images/assess.png") no-repeat; margin-right: 6px; }
.assess .rela_info .praise{ cursor: pointer; user-select: none; }
.assess .rela_info .praise .icon{ background-position: -38px 1px; }
.assess .rela_info .praise.active .icon{ background-position: -38px -16px; }
.assess .rela_info .accusation{ margin-right: 20px; cursor: pointer; user-select: none; }
.assess .rela_info .accusation .icon{ background-position: -19px 1px; }
.assess .rela_info .accusation.active .icon{ background-position: -19px -16px; }

.rela_info .praise.active,
.rela_info .accusation.active,
.rela_info .delete.active,
.rela_info .reply.active,
.rela_info .totop.active{
    color: #f89b38;
}

.assess .reply_area{ margin-top: 20px; border: 1px solid #ccc; border-radius: 4px; background-color: #f5f5f5; padding: 10px; }
.assess .reply_area .reply-top{ font-size: 14px; line-height: 14px; margin-bottom: 20px; }
.assess .reply_area .author-name{ font-size: 14px; line-height: 14px; }
.assess .reply_area .reply-text{ font-size: 14px; color: #666; }
.assess .reply_area .reply-time{ color: #999; font-size: 12px; }

.content_accusation .modal_main_info{ padding: 20px 30px; }
.content_accusation .h_radio_group_inline{ margin-bottom: 10px; }
.content_accusation .h_radio_group_inline label{ margin-right: 10px; }
.content_accusation .h_radio_group_inline label.active{ display: inline-block; }
.content_accusation .h_radio_group_inline label input{ margin: 0; margin-right: 5px; vertical-align: middle; }
.content_accusation .h_radio_group_inline label span{ vertical-align: middle; }
.content_accusation textarea{ width: 100%; height: 140px;line-height: 20px; font-size: 14px; margin-bottom: 20px; border-radius: 4px; resize: none; padding: 10px; border: 1px solid #ccc; }
.content_accusation .btn-box{ text-align: center; }
.content_accusation .btn-box .h_btn_toggle1,
.content_accusation .btn-box .h_btn_toggle2{
    margin-left: 20px; height: 30px; line-height: 30px; border: 1px solid rgba(248,155,56,.3);
}