/*----------reset------------*/
html {
    color: #000;
    /*background: #FFF;*/
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    list-style: none;
}


fieldset, img {
    border: 0;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}




input, button, textarea, select {
    *font-size: 100%;
}

input {
    padding: 4px 6px; /**/
}

ol, ul {
    list-style: none;
}

table {
    /*border-collapse: collapse;*/
    border-spacing: 0;
}

caption, th {
    text-align: left;
}

sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

:link, :visited {
    text-decoration: none;
}


a:hover {
    text-decoration: none;
}

body {
    /*text-align: center;*/
    font-size: 12px;
}

table {
    font-size: 12px;
    width: 100%; /**/
}

table th {
    font-weight: normal;
}

td.c, td div.c {
    text-align: center;
}

em {
    font-style: normal;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

a.del1 {
    background: url(../image/global_image.png) no-repeat -60px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
}





a.del2 {
    background: url(../image/global_image.png) no-repeat -92px -1px;
    width: 12px;
    height: 11px;
    display: inline-block;

}

a.del3 {
    background: url(../image/global_image.png) no-repeat -60px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.del4 {
    background: url(../image/global_image.png) no-repeat -1px -1px;
    width: 56px;
    height: 22px;
    display: inline-block;
}

/*批阅*/
a.con1 {
    background: url(../image/global_image.png) no-repeat -322px -18px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

/*修改*/
a.con2 {
    background: url(../image/global_image.png) no-repeat -17px -24px;
    width: 16px;
    height: 16px;
    display: inline-block;

}
.tip_text{
    position: absolute;
    top: 24px;
    width: 200px;
    left: -100px;
    background: linear-gradient(#FFFFFF,#F1F8FE);
    color: #fff;font-size: 14px;
    line-height: 30px;
    color: #000;
    border-radius: 8px;
    border: 1px solid #cddff3;
    padding: 10px;
    display: none;
}
a.conA {
    background: url(../image/modify_courser_bg.png) no-repeat !important;
    width: 24px;
    line-height: 24px;
    height: 24px;
    display: inline-block;
}
a.conA:hover{
    background: url(../image/modify_courser.png) no-repeat !important;
}
.bg_class_img{
    background: url(../image/courser_text.png) no-repeat;
    width: 20px;
    height: 20px;
    margin-top: -5px;
    display: inline-block;
    /*display: flex;*/

}
a.conB {
    background: url(../image/delete_courser_bg.png) no-repeat !important;
    width: 24px;
    height: 24px;
    display: inline-block;
}
a.conB:hover{
    background: url(../image/delete_courser.png) no-repeat !important;
}
a.conC:hover{
    background: url(../image/see_courser.png) no-repeat !important;
}
a.conC {
    background: url(../image/courser_seach.png) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
}
a.con3 {
    background: url(../image/global_image.png) no-repeat -35px -24px;
    width: 17px;
    height: 16px;
    display: inline-block;
}

a.con8 {
    background: url(../image/global_image.png) no-repeat -109px -111px;
    width: 19px;
    height: 16px;
    display: inline-block;
}

a.con9 {
    background: url(../image/global_image.png) no-repeat -321px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.con4 {
    background: url(../image/global_image.png) no-repeat -54px -24px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.con5 {
    background: url(../image/global_image.png) no-repeat -91px -24px;
    width: 14px;
    height: 14px;
    display: inline-block;
}

a.con6 {
    background: url(../image/global_image.png) no-repeat -109px -23px;
    width: 14px;
    height: 15px;
    display: inline-block;
}
/*发布*/
a.con10{
    background: url(../image/global_image.png) no-repeat -302px 0px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
/*栏目权限*/
a.con11{
    background: url(../image/global_image.png) no-repeat -356px -19px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
a.con7 {
    background: url(../image/global_image.png) no-repeat -72px -22px;
    width: 16px;
    height: 15px;
    display: inline-block;
}
/*查看*/
a.search {
    background: url(../image/global_image.png) no-repeat -1px -24px;   /**/
    width: 16px;
    height: 16px;
    display: inline-block;
}
/*下载*/
a.download {
    background: url(../image/global_image.png) no-repeat -18px -41px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.exportboard{
    text-align: right;
    font-size: 14px;
    padding: 5px;
}

a.add1 {
    background: url(../image/global_image.png) no-repeat -35px -42px;
    width: 16px;
    height: 15px;
    display: inline-block;
}

a.add2 {
    background: url(../image/global_image.png) no-repeat -51px -40px;
    width: 18px;
    height: 18px;
    display: inline-block;
}

a.move1 {
    background: url(../image/global_image.png) no-repeat -71px -40px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
a.archive {
    background: url(../image/global_image.png) no-repeat -250px -40px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
/*重置*/
a.reflash {
    background: url(../image/global_image.gif) no-repeat -91px -40px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
/*小组管理*/
a.control1 {
    background: url(../image/global_image.png) no-repeat -110px -42px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.discuss {
    background: url(../image/global_image.png) no-repeat -321px 0px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.moveup {
    background: url(../image/global_image.png) no-repeat -18px -59px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.movedown {
    background: url(../image/global_image.png) no-repeat -34px -59px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.control2 {
    background: url(../image/global_image.png) no-repeat -50px -60px;
    width: 15px;
    height: 14px;
    display: inline-block;
}

a.stop_on {
    background: url(../image/global_image.png) no-repeat -66px -60px;
    width: 15px;
    height: 14px;
    display: inline-block;
}

a.stop_off {
    background: url(../image/global_image.png) no-repeat -80px -60px;
    width: 15px;
    height: 14px;
    display: inline-block;
}

a.pause_on {
    background: url(../image/global_image.png) no-repeat -96px -60px;
    width: 15px;
    height: 14px;
    display: inline-block;
}

a.pause_off {
    background: url(../image/global_image.png) no-repeat -111px -60px;
    width: 15px;
    height: 14px;
    display: inline-block;
}

a.start_on {
    background: url(../image/global_image.png) no-repeat -67px -78px;
    width: 15px;
    height: 14px;
    display: inline-block;
}

a.start_off {
    background: url(../image/global_image.png) no-repeat -83px -78px;
    width: 15px;
    height: 14px;
    display: inline-block;
}

a.control3 {
    background: url(../image/global_image.png) no-repeat -99px -77px;
    width: 15px;
    height: 15px;
    display: inline-block;
}

a.quote {
    background: url(../image/global_image.png) no-repeat -1px -76px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.abort {
    background: url(../image/global_image.png) no-repeat -17px -78px;
    width: 15px;
    height: 14px;
    display: inline-block;
}

a.att {
    background: url(../image/global_image.png) no-repeat -35px -79px;
    width: 15px;
    height: 12px;
    display: inline-block;
}

a.no_att {
    background: url(../image/global_image.png) no-repeat -52px -79px;
    width: 15px;
    height: 12px;
    display: inline-block;
}

a.edit {
    background: url(../image/global_image.png) no-repeat -113px -78px;
    width: 14px;
    height: 14px;
    display: inline-block;
}
/*提交*/
a.enter {
    background: url(../image/global_image.png) no-repeat -1px -93px;
    width: 15px;
    height: 16px;
    display: inline-block;
}
/*预览*/
a.view {
    background: url(../image/global_image.png) no-repeat -17px -93px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.add_fold {
    background: url(../image/global_image.png) no-repeat -35px -93px;
    width: 17px;
    height: 14px;
    display: inline-block;
}

a.add_fold2 {
    background: url(../image/global_image.png) no-repeat -94px -95px;
    width: 12px;
    height: 10px;
    display: inline-block;
}
/*申请加入*/
a.control4 {
    background: url(../image/global_image.png) no-repeat -53px -94px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.add3 {
    background: url(../image/global_image.png) no-repeat -83px -95px;
    width: 10px;
    height: 10px;
    display: inline-block;
}

a.define {
    background: url(../image/global_image.png) no-repeat -70px -96px;
    width: 12px;
    height: 9px;
    display: inline-block;
}

a.reply {
    background: url(../image/global_image.png) no-repeat -1px -23px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.mark_on {
    background: url(../image/global_image.png) no-repeat -28px -112px;
    width: 12px;
    height: 14px;
    display: inline-block;
}

a.mark_off {
    background: url(../image/global_image.png) no-repeat -42px -112px;
    width: 12px;
    height: 14px;
    display: inline-block;
}

a.edit_art {
    background: url(../image/global_image.png) no-repeat -18px -23px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.edit_user {
    background: url(../image/global_image.png) no-repeat -73px -111px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.related {
    background: url(../image/global_image.png) no-repeat -91px -111px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.reply2 {
    background: url(../image/global_image.png) no-repeat -1px -131px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
/*统计*/
a.statistics {
    background: url(../image/global_image.png) no-repeat -19px -131px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.setup {
    background: url(../image/global_image.png) no-repeat -251px -19px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
a.peopleImg {
    background: url(../image/memberImg.png) no-repeat;
    vertical-align: -10px;
    width:32px;
    height:32px;
}

a.modify_pasword {
    background: url(../image/qx.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
}

a.replaced {
    background: url(../image/global_image.png) no-repeat -73px -129px;
    width: 17px;
    height: 18px;
    display: inline-block;
}

a.control5 {
    background: url(../image/global_image.png) no-repeat -91px -129px;
    width: 20px;
    height: 18px;
    display: inline-block;
}
a.convert{
    background: url(../image/global_image.png) no-repeat -49px -59px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
a.copy{
    background: url(../image/global_image.png) no-repeat -286px -1px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.needstar{
    color: red;
    margin-left: 10px;
}


a.a-link {
    color: #960 !important;
    text-decoration: underline;
}
.a-link:hover,
.a_link:hover{
    color: #0085B2 !important;
}
span.table-span-waring {
    color: #F26C13;
}

body, html {
    margin: 0;
    padding: 0;
}

div.wrap {
    margin: 0px auto;
    /*min-width: 716px;*//*为解决精品课程?注?*/
    padding: 10px 40px;
    text-align: left;
}
div.neck {
    font-size: 12px;   /**/
    height: 0;
    margin-bottom: 10px;
}

div.navigation a {
     color: #333;
 }

a:hover {
    text-decoration: none;             /**/
    /*color: #DA3A18 !important;  */      /**/
}

.subright {
    color: #333;
    float: right;
    line-height: 33px !important;
    font-weight: normal !important;
    font-size: 12px !important;
    padding-right: 15px;

}

.subright a {
    color: #333;
}

.subright:hover {
    text-decoration: underline;
}

.center{
    text-align: center;
}

/*----------------------------------Title1-----------------------------*/
div.title {
    background: url("../image/module_title.png") no-repeat scroll 0 15px;     /**/
    border-bottom: 1px solid #CCC;
    margin-bottom: 25px;
    text-align: left;
}
div.title-listAnswer {
    background:none;
}
/*WEB-INF\jsp\buildlesson\build_unit_guideline_view.jsp页面使用，为了去掉div.title中的左右边距*/
div.title_ext{margin-left: 0 !important;margin-right: 0 !important;}
div.title h1{
    padding: 5px 20px;
}
div.title_{
    margin-top: 18px;
    margin-bottom: 10px !important;
    border: none !important;
    background: none !important;
}
div.title_line{
    margin-top: 18px;
    margin-bottom: 10px;
    border-bottom: 2px solid #dddddd !important;
}

div.title_ h1{
    padding: 5px 0px !important;
}
div.title_line h1{
    padding: 5px 0px 15px 0 !important;
}
div.title h1 span {
    color: #333;      /**/
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 26px;    /**/
}
div.title_ h1 span {
    color: #333;      /**/
    font-size: 20px;
    font-weight: bolder;
    letter-spacing: 2px;
    padding-left: 10px;
    border-left: 6px solid #46A6FF;
    line-height: 26px;    /**/
}
.firstRateCourse-table {
    width: 100%;
    border-collapse: collapse;
    border-left:none!important;
    text-align: center;
    font-size: 14px;
}

.firstRateCourse-table tbody th {
    height: 29px;
    padding: 0 10px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    font-size: 14px;
    font-weight: bold;
    color: #424d6d;
    background-color: #EAF5FD !important;
    text-align: center;
}
.firstRateCourse-table tbody th a {
    color: #424d6d;
}
.firstRateCourse-table tbody td {
    height: 49px;
    padding: 0 10px;
    color: #535353;
}
.firstRateCourse-table tbody tr {
    border-bottom: 1px solid #DDD;
}
.firstRateCourse-table tbody tr.odd {
    background: #FFF !important;
}
.firstRateCourse-table tbody tr.even {
    background: #FCFCFC !important;
}
.firstRateCourse-table tbody tr:hover {
    background: #F1F8FE !important;
}

.modifyBtn{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    cursor: pointer;
    background: url(../image/global_image.png) no-repeat -17px -24px;
}
#modifyBtnShow{
    position: absolute;
    display: none;
    list-style: none;
    border: 1px solid #e4e4e4;
    border-top: none;
    padding: 0;
    margin: 0;
    width: 100px;
    box-sizing: border-box;
    z-index: 99;
    background-color: #fff;
}
#modifyBtnShow li{
    height: 26px;
    line-height: 26px;
    color: #333;
    font-size: 12px;
    margin: 0;
    border-bottom: #ccc solid 1px;
    cursor: pointer;
    text-indent: 5px;
}
/*学生端课程列表搜?*/
.v9black_inquire{
    display: inline-flex;
}
.v9black_inquire span{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #000000;
}
.v9black_inquire span:nth-child(3){
    margin-left: 20px;
}
.v9black_inquire span,.v9black_inquire input{
    display: inline-block;
}
.v9black_inquire input[type="text"]{
    height: 28px;
    width: 195px;
    background-color: #FFFFFF;
    outline: none;
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    color: #000000;
    text-indent:10px;
}
.v9black_inquire input[type="text"]:nth-child(4){
    width: 120px;
}
.v9black_inquire input[type="submit"]{
    width: 72px;
    height: 28px;
    /*border-radius: 3px;*/
    background: #FFFFFF url("../image/search_bg1.jpg") no-repeat;
    /*text-align: center;*/
    border: none;
    /*text-indent: 20px;*/
    margin-left: 20px;
    cursor: pointer;
    color: #777777;
    /*border:1px solid #dddddd;*/
}
.v9black_inquire input[type="submit"]:hover{
    background: #FFFFFF url("../image/search_bg2.jpg") no-repeat;
}

/*----------------------------------Title2-----------------------------*/

div.subtitle {
    /*background:  url("../image/module_head.png") no-repeat scroll 16px 17px #F5F5F5;    *//**/
    background: #f5f5f5;
    border-left: 3px solid #ccc;    /**/
    margin-bottom: 26px;
    text-align: left;
    padding: 6px 5px 6px 15px;
}
div.subtitleIndex {
    background:transparent;
    border:none;
    margin-bottom:0;
    padding:0;
}

div.subtitle span {
    color: #333;
    font-weight:bold;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 26px;
}
div.subtitleIndex span {
    font-size: 24px;
    font-weight:normal;
}

/*----------------------------------Explanation2-----------------------------*/

div.infoExp2 {
    border: 1px solid #CCC;
    background: url(../image/infoExp_title2.jpg) no-repeat 10px center;
}

div.infoExp2 .text {
    background: url(../image/line.jpg) repeat-y left top;
    padding: 10px;
    margin-left: 95px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    letter-spacing: 1px;
}

/*----------------------------------valuelist-----------------------------*/
table.valuelist {
    width: 100%;
    clear: both;
    border: none;    /**/
    border-left:1px solid #e3e3e3;
}

table.valuelist .checkinput {
    width: 32px;           /**/
    padding-left: 20px !important;
    /*text-align: inherit;*/  /**/
}
table.valuelist .check-input {
    width: 32px;           /**/
    padding-left: 15px;
    /*text-align: inherit;*/  /**/
}
table.valuelist .select {
    width: 40px;           /**/
    padding-left: 15px;
    /*text-align: inherit;*/  /**/
}

table.valuelist th {
    background: #F3F3F3;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    color: #555555;
    vertical-align: middle;/**/
    word-break: keep-all;  /**/
}

table.valuelist th.list {
    background: none repeat scroll 0 0 #F3F3F3;   /**/
    border-bottom: 1px solid #ddd;   /**/
    border-left: 1px solid #ddd;    /**/
    border-top: 1px solid #ddd;       /**/
    font-size: 12px;
    font-weight: normal;
    /*height: 35px; */
    /*padding: 2px;   */    /**/
    color: #575757;    /**/
    vertical-align: middle;/**/
    text-align: left;       /**/
    padding-left: 20px;     /**/
}
table.valuelist th.align_l{
    text-align: left;
    padding: 0 0 0 20px;
}
table.valuelist td {
    line-height: 20px;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ddd;
    text-align: left;       /**/
    padding-left: 20px;     /**/
    color: #555555;
}

table.valuelist td.align_c , .infotable td.center , .infotable th.center {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
}

table.valuelist td.c{
    text-align: center;
    padding-left: 0;
}

table.valuelist td.align_r {
    text-align: right;
    padding-right: 10px;
}
table.valuelist td.align_l{text-align: left;padding: 0 0 0 20px;}
table.valuelist tr.even {
    background: #FCFCFC;    /**/
}

table.valuelist tr.over {
    background: #FCFCFC;
}

table.valuelist tr.click {
    background: #EFEFEF;  /**/
}

table.valuelist tr.current {
    background: #AEB5BF !important;
}

table.valuelist .statusnatural {
    color: #009933;
}

table.valuelist .statushalt {
    color: #E15A00;
    text-align: center;
}
.top_img{
    background: url(../image/img_top.png) no-repeat !important;
    width: 24px;
    line-height: 24px;
    height: 24px;
    display: inline-block;
}
table.valuelist td b {
    color: #0066cc;  /**/
    font-weight: inherit;/**/
}
 /*table.valuelist td */
 .border_r {
     background: #4D7AFF;  /**/
     height: 10px;
     width: 10px;
     margin: 0 5px;
     display: inline-block;
     border-radius: 10px;
 }
table.valuelist td.align_l .unread {
    color: #DB715A;
}
table.valuelist td.align_l .unread_ {
    color: #293FA3;
}
table.valuelist a {
    color: #555555;       /**/
    text-decoration: none;
    cursor: pointer;    /**/
    /*margin-right: 10px;*/
}
.copyBtn{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("../image/copy.png") no-repeat;
    margin-right: 5px;
}
.courseMoveTo {
    display:inline-block;
    width:18px;
    height:18px;
    background: url(../image/global_image.png) no-repeat -71px -40px;
}

table.valuelist a:hover {
    text-decoration: underline;
    color:#0066cc;    /**/
}

table.valuelist input.button, table.complexTable input.button , a.button{
    background: url("../image/module_button_bg.jpg") repeat-x scroll left top;
    height: 25px;       /**/
    border: 1px solid #CCC;
    line-height: 18px;
    color: #333;
    padding: 0 5px;
    _padding-top: 3px;
    _line-height: 100%;
}

table.archive {
    margin-bottom: 20px;
}
table.archive th{
    text-align: left;
    padding-left: 20px;
}
/*----------------------------------navigation page-----------------------------*/
div.page {
     clear: both;
     float: right; /*width: 50%;*/           /**/
     /*color: #c0c0c0;   *//**/
     letter-spacing: 1px;      /**/
 }

div div b{   /**/
    color: #da1a18;  /**/
}

div.page_ {
    float: left;
    color: #c0c0c0;
    letter-spacing: 2px;
    text-align: left;
}
#course_type{
    width: 250px;
    height:31px;
    border: 1px solid #CCC;
    /*background: url(../image/select.gif) no-repeat 140px center ;*/
    overflow: hidden;
    margin: 10px 0;
    /*padding: 0 0 0 5px;*/
    /*position: relative;*/
}
#course_type select{
    width: 100%;
    height:31px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;

}
#course_type option{
}
/*end*/
div.page table {
    width: auto;
}

div.page table.PagingTag tr td.Summary, div.page table.PagingTag td.ItemsPerPage {
    padding-right: 5px;
}

div.page table.PagingTag td.ItemsPerPage {
    *padding-right: 0;
}

div.page table.PagingTag tr td.Summary b {
    color: #cc0000;
}

div.page table.ItemsPerPage td.ItemsPerPageInputBox {
    padding-right: 5px;
}

div.page table.Paging td {
    padding-right: 4px;
}

div.page table.Paging td a {
    color: #000;
}

div.page table.Paging th {
    padding-right: 4px;
    color: #CC0000;
    font-weight: bold;
}

#pagingNumberPer {
    width: 40px;
    height:20px;
}

div.navigation input {
    /*line-height: 22px;  */   /**/
    margin: 0 2px;
}
div.navigation .button_wrap{float: left;}
/*----------------------------------valuelist button-----------------------------*/
div.navigation {
    margin: 0px 0px 7px 0px;                    /**/
    overflow: hidden;
    _display: inline-block;
    text-align: left;        /**/
    letter-spacing: 1px;      /**/
    padding-top: 20px;        /**/
}

/*---------------------------button--------------------------*/


input.button , a.button{
    width:auto;
    background: url("../image/module_button_bg.jpg") repeat-x scroll 100%;  /**/
    height: 26px;           /**/
    overflow: visible;
    padding: 0 10px;
    border: 1px solid #CCC;
    line-height: 20px !important;
    color: #333;
    letter-spacing: 2px;
    font-size: 12px;
    cursor: pointer;
    *line-height: 18px !important;
    display:-moz-inline-stack;
    display:inline-block;
    *display:inline;
    *zoom:1;
}
select{
    border: 1px solid #E3E9EF;
}
input.button:hover , a.button:hover, select:hover,textarea:hover{
    border: 1px solid #78AADB;
    transition:all 0.1s ease 0.1s;
    -webkit-transition: all 0.1s ease 0.1s;
    -moz-transition: all 0.1s ease 0.1s;
    -o-transition: all 0.1s ease 0.1s;
}

input.button:focus , a.button:focus, select:focus,textarea:focus{
    border: 1px solid #78AADB;
    transition:all 0.1s ease 0.1s;
    -webkit-transition: all 0.1s ease 0.1s;
    -moz-transition: all 0.1s ease 0.1s;
    -o-transition: all 0.1s ease 0.1s;
}
input.button2 , a.button2{
    background: url("../image/module_button_bg.jpg") repeat-x scroll 100%;  /**/
    height: 26px;           /**/
    overflow: visible;
    padding: 0 10px;
    border: 1px solid #CCC;
    color: #333333;
    letter-spacing: 2px;
    font-size: 12px;
    cursor: pointer;
    display:-moz-inline-stack;
    display:inline-block;
    *display:inline;
    *zoom:1;
}

div.button input.Cancel{
    background: url("../image/reset.gif") no-repeat scroll 0 0;
    width: 32px;
    height: 31px;
    overflow: visible;
    padding: 0;
    border: none;
    line-height: 31px !important;
    color: #333;
    letter-spacing: 2px;
    font-size: 12px;
    cursor: pointer;
    *line-height: 31px !important;
    display:-moz-inline-stack;
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin: 42px 0 0;

}
a.button{
    height: 25px !important;         /**/
    line-height: 24px !important;   /**/
}

input.addButton {
    background: url("../image/module_button_bg.jpg") repeat-x scroll left top;
    height: 20px;
    overflow: visible;
    padding: 0 10px;
    border: 1px solid #CCC;
    line-height: 20px !important;
    color: #333;
    letter-spacing: 2px;
    font-size: 12px;
    cursor: pointer;
    *line-height: 18px !important;
}

a.selecteButton {
    background: url("../image/module_button_bg.jpg") repeat-x scroll left top;
    height: 20px;
    overflow: visible;
    padding: 0 10px;
    border: 1px solid #CCC;
    line-height: 20px !important;
    color: #333;
    letter-spacing: 2px;
    font-size: 12px;
    cursor: pointer;
    *line-height: 18px !important;
    display: inline-block;
}

a.selecteButton:hover {
    text-decoration: none !important;
}

input.searchButton {
    background: url("../image/module_button_bg.jpg") repeat-x scroll left top;
    height: 20px;
    overflow: visible;
    padding: 0 10px;
    border: 1px solid #CCC;
    line-height: 20px !important;
    color: #333;
    letter-spacing: 2px;
    font-size: 12px;
    cursor: pointer;
    *line-height: 18px !important;
}
div.button {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 15px;
}
div.buttonc {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
}
div.buttonc_ {
    border-top: 1px solid #dddddd;
}
div.button_left {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 15px;
}

div.button_right {
    text-align: right;
    padding-top: 10px;     /**/
    padding-bottom: 15px;
}

/*------------------------table.infotable---------------------------*/

table.infotable {
    width: 100%;
    margin: 15px auto;       /**/
    text-align: center;     /**/
    background: #fcfcfc;     /**/
    border-left: 1px solid #e3e3e3;   /**/
    border-top: 1px solid #e3e3e3;    /**/
    /*border-right: 1px solid #e4e4e4;    *//**/
}
table.infotable_{
    border: none !important;
}
table.infotable_ th{
    border: none !important;
}
table.infotable_ td{
    border: none !important;
}
table.infotable th {
    text-align: left;       /**/
    font-weight: normal;
    line-height: 24px;
    border-bottom: 1px solid #e3e3e3;   /**/
    border-right: 1px solid #e3e3e3;    /**/
    padding: 6px 10px;   /**/
    /*min-width: 100px !important;*/
    word-break: keep-all; /**/
}

table.infotable th.top {
    /*vertical-align: top;  */     /**/
   /* padding-top: 5px;    */      /**/
}

table.infotable td {
    line-height: 24px;
    padding: 6px 10px;    /**/
    border-bottom: 1px solid #e3e3e3;     /**/
    border-right: 1px solid #e3e3e3;      /**/
    background: #FFF;
    text-align: left;    /**/
}
table .top-line{
    border-top: 1px solid #e3e3e3 !important;
}
table.infotable td.list {
    line-height: 24px;
    padding: 10px;    /**/
    border-bottom: 1px solid #e3e3e3;     /**/
    border-right: 1px solid #e3e3e3;      /**/
    background: #FFF;
    text-align: left;    /**/
    word-break: keep-all;  /**/
}

table.infotable td.align_r {
    text-align: right;
    padding-right: 15px;
}

table.infotable td.text {
    padding: 10px;
    font-size: 1.2em;
}

table.infotable td.text p {
    margin: 15px 0;
}

table.infotable th.align_c {
    text-align: center;
}

table.infotable td.align_c {
    text-align: center;
}

table.infotable a:hover {
    text-decoration: underline;
}

table.infotable td.noborder {
    background-color: #EEE;
    border-right: 1px solid #EEE;
}
table.infotable td.noborder_ {
    background-color: #EEE;
    /*border-right: 1px solid #EEE;*/
}
table.infotable input.input {
    background-color: #FFF;
    border-bottom: 1px solid #CCC;   /**/
    height: 23px;          /**/
    margin: 0px 0px;      /**/
    border-top: none;    /**/
    border-left: none;   /**/
    border-right: none;  /**/
}
table.infotable_ input.input {
    border: 1px solid #CCC;   /**/
    border-radius: 3px;
}
table.infotable label {
    padding: 0 4px 0 0;
}

table.infotable label input {
    height: 14px;
}

table.infotable input.none {
    background-color: transparent;
    margin-right: 10px;
    /*margin-top: 10px;*/
}

table.infotable a {
    color: #333;
}

table.infotable a.infolist:link {
    text-decoration: underline;
}

table.infotable a.infolist:visited {
    text-decoration: underline;
}

table.infotable a.infolist:hover {
    text-decoration: none;
}
table.infotable a.location-link {
    font-weight: bold;
}

table.infotable a.a-link:hover{
    color: #F26C13;
}

th .th-list{
    margin: 0;
}
th .th-list li{
    margin: 0;
    padding: 11px 10px;
    line-height: 24px;
    border-bottom: 1px solid #e4e4e4;
}
th .th-list li a{
    color: #00688C !important;
    text-decoration: underline;
}

/*.needstar {
    color: #E15A00 !important;
    font-size: 12px !important;
}*/
.F,
.Fimg{
    line-height: 26px !important;
}

/*--------------form------------------*/
div.form {
    border-bottom: 1px dotted #D3D3D3;
    padding: 10px 0;
}

table.form {
    width: 100%;
    color: #333;
}

table.form th, table.form td {
    height: 32px;
    text-align: left;
    border: none;    /**/
}

table.form th {
    padding-left: 20px;
}

/*table.form .input, textarea, select {*/
    /*border: 1px solid #e4e4e4;  *//**/
    /*padding: 0px 0px 0px 5px;  *//**/
    /*height: 25px;  *//**/
    /*margin: 10px 5px;   *//**/
/*}*/

/*textarea{*/
    /*height: auto !important;*/         /*修改课程作业批阅评语textarea无法拉伸问题*/
/*}*/

table.form a {
    color: #333;
}

table.form a.infolist:link {
    text-decoration: underline;
}

table.form a.infolist:visited {
    text-decoration: underline;
}

table.form a.infolist:hover {
    text-decoration: none;
}
table.form a.location-link {
    font-weight: bold;
}
/*-----------------tab-----------------------*/
div.lable {
    border-bottom: 2px solid #efefef;
    width: 100%;
    height: 35px;
    margin-bottom: 26px;
}

div.lable ul {
    list-style: none;
    padding: 0;
    margin-left: 10px;
}
div.lable ul_ {
    list-style: none;
    padding: 0;
    margin-left: 0px !important;
}
div.lable ul li {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #d7d7d7;   /**/
    /*background: url(../image/com.jpg) repeat-x left top;      */
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    height: 35px;
    text-align: center;
    line-height: 35px; /*width: 121px;*/
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #7B7B7B;
    letter-spacing: 1px;
    margin: 0 2px;
    float: left;
    opacity: 0.8;      /**/
}
div.lable ul .lableli {
    border: none !important;
    background: none !important;
    padding: 0 0px !important;
    font-size: 16px !important;
    font-weight: bolder !important;
    letter-spacing: 2px !important;
    margin: 0 10px !important; /**/
}
.lablecur_{
    margin: 0 !important;
    padding: 0 !important;
    margin-right: 20px !important;
}
div.lable ul li.lablecurA{
    color: #46A6FF !important;
    font-size: 16px !important;
    padding:0 !important;
    opacity: 1 !important;      /**/
    border-bottom: 2px solid #0066cc !important;
}
div.lable ul li.lablecur {
    background: url(../image/cur.jpg) repeat-x left top;
    color: #555555;
    opacity: 1;      /**/
    border-bottom: 1px solid #ffffff;
}
div.lable ul li.lablecur a{
    color: #333333;
}
div.lable ul li.lablecurA a{
    color: #1975d1 !important;
}
div.lable a {
    text-decoration: none;
    /*color: #7B7B7B;*/
    line-height: 35px;
    color: #333333;
    font-weight: normal;    /**/
}div.lable_ a {
     line-height: 30px !important;
 }

div.lable ul li .numBox {
    display: inline-block;
    background: #f00;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 20px;
    padding: 0 5px;
    vertical-align: super;
    line-height: normal;
}

input.ItemsPerPageSubmitButton, input.goButton {
    background: url(../image/valuelist_button.jpg) repeat-x;
    height: 18px;
    padding: 0 5px;
    border: 1px solid #CCC;
    overflow: visible;
    line-height: 18px;
    _line-height: 120%;
    cursor: pointer
}

/*----------------------------------valuelist text-----------------------------*/
input.ItemsPerPageInputBox, input.goInput {
    border: 1px solid #CCC;
    height: 16px;
    width: 30px;
    padding-left: 2px;
    float: left;
}

input.goButton {
    float: left;
    margin-left: 4px;
}

.statusnatural{
    color: #009933;
    text-align:left;
}
.statushalt{
    color: #CC0000;
    text-align:left;
}

/*----------------------------------Explanation1-----------------------------*/
div.infoExp h1 {
    background: url(../image/infoExp_title.jpg) no-repeat left top;
    border-bottom: 1px solid #CCC;
    font-size: 1px;
    height: 38px;
}

div.infoExp .text {
    padding: 20px 15px;
}

div.infoExp .text .info {
    color: #333;
    font-size: 14px;
    line-height: 200%;
}

div.infoExp .text ul {
    width: 100%;
}

div.infoExp .text ul li {
    line-height: 180%;
    letter-spacing: 1px;
}

/*----------------------------------Title3-----------------------------*/
div.articleTitle {
    /*background: url("../image/articleTitle.gif") no-repeat scroll 5px 12px;*/
    color: #333;
    font: bold 14px / 32px "宋体";
    /*padding-left: 20px;*/
    border-bottom: 1px solid #E3E3E3;
}

div.articleTitle span {
    color: #FF6600;
}

input.ItemsPerPageSubmitButton, input.goButton {
    background: url(../image/valuelist_button.jpg) repeat-x 100% 100%;    /**/
    height: 22px;              /**/
    padding: 0 5px;
    border: 1px solid #CCC;
    overflow: visible;
    line-height: 18px;
    _line-height: 120%;
}

/*----------------------------------valuelist text-----------------------------*/
input.ItemsPerPageInputBox, input.goInput {
    border: 1px solid #CCC;
    height: 16px;
    width: 30px;
    padding-left: 2px;
    float: left;
}

input.goButton {
    float: left;
    margin-left: 4px;
}

/*----------------table complexTable---------------*/
table.complexTable {
    width: 100%;
    border-top: 1px solid #BACBDA;
    border-left: 1px solid #BACBDA;
}

table.complexTable th {
    background: #EAF0F6;
    border-right: 1px solid #BACBDA;
    border-bottom: 1px solid #BACBDA;
    height: 28px;
    text-align: left;
    padding-left: 10px;
}

table.complexTable td {
    border-right: 1px solid #BACBDA;
    border-bottom: 1px solid #BACBDA;
    height: 28px;
    padding: 0 10px;
}

table.complexTable a {
    color: #000;
}

table.complexTable a:hover {
    text-decoration: none;
}

/*----------------table headTable-------------*/
table.headTable {
    width: 100%; /*border-top:1px solid #BACBDA;*/
}

table.headTable th, table.headTable td {
    height: 40px;
    padding: 0 10px;
}

table.headTable a {
    color: #000;
}

table.headTable a:hover {
    text-decoration: none;
    color: #990000;
}

/*----------------table textTable------------------*/
table.textTable {
    width: 100%;
    border: 1px solid #CCC;
    border-bottom: none;
}

table.textTable th {
    padding-left: 16px;
    height: 28px;
}

table.textTable td {
    height: 28px;
}

table.textTable td div {
    padding: 12px;
    font: 12px / 180% ;
    color: #000; border-top: 1px dotted #D3D3D3;
}

table.textTable p {
}

table.textTable a {
    color: #000;
}

table.textTable a:hover {
    text-decoration: none;
    color: #990000;
}

div.problem_title {
    overflow: hidden;

}

div.problem_num {
    background: #EBEBEB;
    line-height: 25px;
    text-align: left;
    margin: 10px auto;
    text-indent: 15px;
}

div.problem_subject {
    margin-left: 10px;
}

div.review_title {
    background: #EBEBEB;
    line-height: 25px;
    text-align: left;
    margin: 10px auto;
    text-indent: 15px;
}

div.review_body {
    background: #F1F1F1;
    line-height: 25px;
    text-align: left;
    margin: 10px auto;
    text-indent: 15px;
}

div.text .content {
    border: 1px solid #CCC;
    padding: 0 10px 10px;
}

/*--------------function----------------------*/
div.function {
    background: #FAFAFA;
    border-bottom: 2px solid #D9D9D9;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    margin: 0 auto 1px;
    width: 100%;
}

div.function ul {
    height: 29px;
    float: left;
}

div.function ul li {
    border-style: solid;
    border-width: 1px 0 1px 1px;
    float: left;
    height: 29px;
    border-color: #D9D9D9
}

div.function ul li img {
    float: left;
    margin-top: 4px;
    margin-left: 15px;
}

div.function ul li a {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #FAFAFA;
    color: #808080;
    display: inline-block;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    text-align: left;
    text-decoration: none;
    width: 65px;
    margin-left: 5px;
}

div.function ul li.last {
    border-width: 1px !important;
}

.explain {
    color: #E15A00;
    letter-spacing: 1px;
}

.style1 {
    color: #E15A00;
}


div.infoExp3 {
    border: 1px solid #CCC;
    background: url(../image/infoExp3.jpg) no-repeat 10px center;
}

div.infoExp3 .text {
    background: url(../image/line.jpg) repeat-y left top;
    padding: 10px;
    margin-left: 95px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    letter-spacing: 1px;
}

table.infotable_bw {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;

}

table.infotable_bw tr th {
    background: #EBEBEB;
}

table.viewinvestigate {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;

}

table.viewimg {
    border: none;
}

table.viewimg tr td {
    border: none;
    padding: 0;
}

table.viewinvestigate tr th {
    background: #EBEBEB;
}

table.viewimg td.lengthways {
    background: url("../image/border.gif") repeat-y scroll 5px top;
    height: 7px;
    border-bottom: none;
}

table.viewimg .lengthways img {
    margin-left: 1px;
}

table.viewimg .transverse {
    border: none;
    background: url("../image/border.gif") repeat-x scroll left 3px;

}

table.infotable_hr {
    border: none;
}

table.infotable_hr tr td {
    border: none;
}

div.function .l {
    float: right;
    margin-top: 8px;
}

div.functionc .l {
    float: right;
    margin-top: 18px;    /**/
}

.con_left {
    float: left;
}

.con_right {
    float: right;
    font-size: 12px !important;
    color: #333 !important;
    margin-right: 15px;
}

.con_right img {
    margin-top: 4px;
}

.con_right a {
    color: #333 !important;
}

.con_right a:hover {
    text-decoration: underline;
}

/*--------------function----------------------*/
div.functionc {
    background-color: #fff; /*border-bottom: 2px solid #D9D9D9;*/     /**/
    font-size: 12px;
    font-weight: bold;
    height: 88px;
    margin: 0 auto 20px auto;
    width: 100%;
    padding:10px 0px;    /**/
}

div.functionc ul {
    height: 88px;
    float: left;
    border-bottom: 1px solid #EEEEEE;
}

div.functionc ul li {
    float: left;
    height: 54px;
    padding: 17px 0;
    position: relative;
}

div.functionc ul li img {
    float: left;
    margin-top: 4px;
    margin-left: 8px;
}

div.functionc ul li a {
    color: #3D5998;
    display: inline-block;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    /*width: 72px;       /**/
    padding: 0 12px;
}
div.functionc #options a{
    width: 100px;
}
div.functionc ul li a:hover {
    background: #FAFAFA;
}

div.functionc ul li.res_edit:after{
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #EEEEEE;
}
div.functionc ul li.res_search:before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #EEEEEE;
}

div.functionc ul li a.res_add {
    background: url("../image/res_add_ico.png") no-repeat center 0;
    padding-top: 30px;
}
div.functionc ul li a.res_edit {
    background: url("../image/res_edit_ico.png") no-repeat center 0;
    padding-top: 30px;
    position: relative;
}

div.functionc ul li a.res_upload {
    background: url(../image/res_upload_ico.png) no-repeat left center;
    padding-left: 30px;
    position: relative;
    display: block;
    margin-bottom: 10px;
}
div.functionc ul li a.res_upload_private {
    background: url("../image/res_upload_private_ico.png") no-repeat center 0;
    padding-top: 30px;
    position: relative;
}
div.functionc ul li a.res_link {
    background: url("../image/res_link_ico.png") no-repeat left center;
    padding-left: 30px;
    position: relative;
    display: block;
}
div.functionc ul li a.res_link_private {
    background: url("../image/res_link_private_ico.png") no-repeat center 0;
    padding-top: 30px;
    position: relative;
}
div.functionc ul li a.res_quotRes {
    background: url("../image/res_quotRes_ico.png") no-repeat left center;
    padding-left: 30px;
    position: relative;
    display: block;
    margin-bottom: 10px;
}
div.functionc ul li a.res_import {
    background: url("../image/res_import_ico.png") no-repeat left center;
    padding-left: 30px;
    position: relative;
    display: block;
}
div.functionc ul li a.res_import_private {
    background: url("../image/res_import_private_ico.png") no-repeat center 0;
    padding-top: 30px;
    position: relative;
}

div.functionc ul li a.res_search {
    background: url("../image/res_search_ico.png") no-repeat center 0;
    padding-top: 30px;
    position: relative;
}
div.functionc ul li a.res_pub {
    background: url("../image/res_pub_ico.png") no-repeat center 0;
    padding-top: 30px;
    position: relative;
}
div.functionc ul li a.res_unpub {
    background: url("../image/res_unpub_ico.png") no-repeat center 0;
    padding-top: 30px;
    position: relative;
}
div.functionc ul li a.res_editPro {
    background: url("../image/res_editPro_ico.png") no-repeat center 0;
    padding-top: 30px;
    position: relative;
}
div.functionc ul li a.res_move {
    background: url("../image/res_move_ico.png") no-repeat center 0;
    padding-top: 30px;
    position: relative;
}
div.functionc ul li a.res_del {
    background: url("../image/res_del_ico.png") no-repeat center 0;
    padding-top: 30px;
    position: relative;
}


div.functionc ul li.last {
    border-width: 1px !important;
}

button.button {
    background: url("../image/module_button_bg.jpg") repeat-x scroll 100%;   /**/
    height: 26px;     /**/
    overflow: visible;
    padding: 0 10px;
    border: 1px solid #CCC;
    line-height: 20px !important;
    color: #333;
    letter-spacing: 2px;
    font-size: 12px;
    cursor: pointer;
    *line-height: 18px !important;
}

.context {
    font-size: 12px !important;
    color: #E15A00 !important;
    font-weight: normal !important;
}

table.extable {
    /*width: 100%;
    background: #F6F6F6;*/

    margin: 15px;
    width: auto;
}

table.extable tr td {
    text-align: left;
    line-height: 20px;
}

.T_box {
    text-align: center !important;
    padding-left: 15px;
}

div.testcontent {
    background: #DBDBDB;
    line-height: 30px;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 15px;
}

.listvideo {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
}

.listvideo .video {
    width: 49%;
    float: left;
    min-height: 260px;
    overflow: hidden;
    position: relative;
    border: 1px solid #E3E3E3;
    /*background: #F2f2f2;      */
    /*border-bottom: 1px solid #666;    */
    margin: 0 3px 15px 3px;
}

.listvideo .videopic {
    width: 220px;
    height: 140px;
    overflow: hidden;
    float: left;
    margin-left: 15px;    /**/
    margin-top: 15px;
    border: 1px solid #e3e3e3;
}
.listvideo .videopic img{
    width: 220px;
    height: 140px;
}

.listvideo .videoinfo {
    float: left;
    margin-left: 10px;
    display: inline;
    margin-top: 10px;
    width: 165px;
    overflow: hidden;
}

.videoinfo li {
    padding-top: 5px;
    list-style: none;
    height: 15px;
    overflow: hidden;
    font-size: 12px;
}

.listvideo .videoctrl{
    clear: both;
    text-align: left;
    background: #f3f3f3;
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;
    height: 40px;
    overflow: hidden;
}
.listvideo .videoctrl p{
    font-size: 14px;
    padding: 0 16px 0 20px;
}
.video .videomessage{
    clear: both;
    padding: 15px 0 0 0;
}
.video .videomessage ul{
    overflow: hidden;
    zoom: 1;
    height: 44px;
    border-top: 1px solid #e3e3e3;
    padding: 0 0 0 20px;
}
.video .videomessage ul li{
    float: left;
    height: 16px;
    display: inline;
    margin: 14px 16px 0 0;
    padding: 0 0 0 10px;
    border-left: 1px solid #888;
}
.video .videomessage ul li a{
    display: block;
    width: 52px;
    height: 16px;
    cursor: pointer;
    text-indent: -9999px;
}
.video .videomessage ul li a.ico_proterties{
    background: url(../image/bolg1.jpg) no-repeat 0 0;
}
.video .videomessage ul li a.ico_play{
    background: url(../image/bolg2.jpg) no-repeat 0 0;
}
.video .videomessage ul li a.ico_comment{
    background: url(../image/bolg3.jpg) no-repeat 0 0;
}
.video .videomessage ul li a.ico_favorite{
    background: url(../image/blog4_.png) no-repeat 0 0;
}
.video .videomessage ul li a.ico_recommend{
    background: url(../image/blog5_.png) no-repeat 0 0;
}
.video .videomessage ul li a.ico_cancelrecommend{
    background: url(../image/bolg5.jpg) no-repeat 0 0;
}

.videoctrl li {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
    /*margin-top: 3px;     */
    vertical-align: top;
}

.videoctrl li.name {
    float: left;
    font-size: 12px;
    padding-left:20px;
}

.videoctrl li.name2 {
    float: left;
    font-size: 12px;
    padding-left:35px;
}

.videoctrl li.input {
    top: 7px;
    position: absolute;
    left: 10px;
}

/*.video a {*/
    /*background-image: url(../image/eol_vblog_ctrl_pic.jpg);*/
    /*background-repeat: no-repeat;*/
    /*text-decoration: none;*/
    /*float: left;*/
    /*width: 69px;*/
    /*height: 24px;*/
    /*text-indent: -9999px;*/
/*}*/

/*.video a {*/
    /*background-image: url(../image/eol_vblog_ctrl_pic.png);*/
    /*background-repeat: no-repeat;*/
    /*text-decoration: none;*/
    /*float: left;*/
    /*width: 29px;      !**!*/
    /*height: 24px;*/
/*}*/

/*.video a:hover {*/
/*}*/

.video a.ico_proterties {
    background-position: 0 0;
}

.video a.ico_play {
    background-position: -74px 0;
}

.video a.ico_comment {
    background-position: -148px 0;
}

.video a.ico_favorite {
    background-position: -222px 0;
}

.video a.ico_recommend {
    background-position: -296px 0;
}

.video a.ico_cancelfavorite {
    /*background-position: -370px -3px;*/
   background: url(../image/bolg4.jpg) no-repeat;
    width: 90px
}

.star-rating {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 150px;
    height: 30px;
    position: relative;
    background: url(../image/star_rating2.gif) top left repeat-x;
}

.star-rating li {
    padding: 0px;
    margin: 0px; /*\*/
    float: left; /* */
}

.star-rating li a {
    display: block;
    width: 30px;
    height: 30px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}

.star-rating li a:hover {
    background: url(../image/star_rating2.gif) left center;
    z-index: 2;
    left: 0px;
}

.star-rating a.one-star {
    left: 0px;
}

.star-rating a.one-star:hover {
    width: 30px;
}

.star-rating a.two-stars {
    left: 30px;
}

.star-rating a.two-stars:hover {
    width: 60px;
}

.star-rating a.three-stars {
    left: 60px;
}

.star-rating a.three-stars:hover {
    width: 90px;
}

.star-rating a.four-stars {
    left: 90px;
}

.star-rating a.four-stars:hover {
    width: 120px;
}

.star-rating a.five-stars {
    left: 120px;
}

.star-rating a.five-stars:hover {
    width: 150px;
}

.star-rating li.current-rating {
    background: url(../image/star_rating2.gif) left bottom;
    position: absolute;
    height: 30px;
    width: 90px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

div.texts {
    border: 1px solid #CCC;
    padding: 10px;
    padding-top: 0;
}

div.newtitle2 {
    margin: 10px 20px;
    text-align: center;
    border-bottom: 1px solid #CCC;
}

div.newtitle2 span {
    font-size: 12px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
}

div.text {
    margin: 10px 0;
}

div.updatetime {
    text-align: left;
    line-height: 25px; /*  margin: 0 20px;       */
}

.chtable {
    border-top: 1px solid #CCC;
    border-right: 0.1em solid #CCC;
    border-left: 0.1em solid #CCC;
}
table.sty_table tbody tr td{

}
table.sty_style{
    border-right:0.1em solid #D2D2D2;
    border-bottom: 0.1em solid #EBEBEB;
    border-top:0.1em solid #EBEBEB;
    border-left: 0.1em solid #ccc;
}
table.sty_style tr td{
}
.chtable th {
    text-align: center;
    background: #EBEBEB;
    line-height: 25px;
    position: relative;
    padding: 15px 0 5px 0;
}
.sty_style TD {
/*border-right: 1px solid #CCC;*/
}

/*.sty_style TD a {
    width: 180px;
    height: 120px;
    display: block;
    margin: 20px 0;
}*/

div.download {
    border: 1px solid #CCC;
    padding: 10px;
}

#opciones {
    display: none;
    float: left;
    background: url(../image/menu_list.jpg) no-repeat center center;
    border: 1px solid #CCCCCC;
    height: 17px;
    margin-left: 5px;
    margin-top: 4px;
    padding: 4px;
    width: 20px;
    position: relative;
}

#opciones:hover {
    background: #CACACA url(../image/menu_list_hover.jpg) no-repeat center center;
}

a.cerrar {
    background: #CACACA url(../image/menu_list_hover.jpg) no-repeat center center !important;
}

#options {
    position: absolute;
    left: 35px;
    top: -4px;
}
#options ul{
    height: auto;
}
#options ul li{
    float: none;
    text-align: center;
}

table.imglist{
    width:100%;
}
table.imglist tr td{
    text-align: center;
    padding:0;
    height: 28px;
    line-height: 1.4;
}
table.imglist tr td .imgCover{
    border:1px solid #A5A5A5;
    width:270px;
    height:175px;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;

}

.mb{
    background: none repeat scroll 0 0 #000000;
    height: 175px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 270px;
}
.imgStartime{
    position:absolute;
    overflow: hidden;
    width: 270px;
    height:0;
    line-height:30px;
    text-align:center;
    left: 0;
    top:0;
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
    background:#333;
    font-size: 14px;
    font-weight: bold;
    letter-spacing:1px;
    color:#FFF;
    /*display: none;*/
}
.controlFun{
    display: none;
    position:absolute;
    overflow: hidden;
    width: 270px;
    height:30px;
    line-height:30px;
    text-align:center;
    left: 0;
    bottom:0;
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
    background:#333;
}
.controlFun a{
    display:inline-block;
    margin:0 5px -5px;
}
.imgs{
    width:270px;
    height: 175px;
    display: block;
}

div.W_profile {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.W_profile .course_img{
    float: left;
    width: 48%;
}
.W_profile .course_video{
    float: right;
    width: 48%;
}
.profile_poto{
    margin: 0;
    text-align: center;
}
.profile_poto .user_pic{
    overflow: hidden;
    zoom: 1;
    margin: 0;
}
.profile_poto .user_pic a{
    float: right;
}
#shortvideo{
    text-align: center;
}
.set_time{
    padding: 0 0 20px 0;
}


.icon32{
    display:-moz-inline-stack;
    display:inline-block;
    *display:inline;
    *zoom:1;
    cursor: pointer;
    width: 32px;
    height: 32px;
}

.download{
    background: url(../image/download.png) no-repeat left top;
}

input.lv-button{
    border: none;
    padding: 0 0 0 17px;
    margin: 0 0 0 5px;
    height: 20px;
    line-height: 17px;
    color: #0a4b83;
    font-size: 14px;
    text-align: right;
    background: none;
}

.lv-download{
    float: right;
    padding: 12px 0 5px 17px;
    line-height: 18px;
    color: #0a4b83;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    background: url(../image/lv_download_bg.gif) no-repeat 0 12px;

}

input.lv-button-edit{
    background: url(../image/lv_button_edit_bg.gif) no-repeat left 1px;
}
input.lv-button-clear{
    background: url(../image/lv_button_clear_bg.gif) no-repeat left 2px;
}


.h1-title{
    margin: 0;
    line-height: 20px;
    text-align: center;
}

.h1-title h1{
    font-size: 28px;
    line-height: 46px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
}

.h1-title h2{
    font-size: 24px;
    line-height: 40px;
    text-align: right;
}

.h1-title h2 .right{
    font-size: 14px;
    padding: 0 10px 0 0;
}

.h1-title h2 .download{
    margin: 0 0 0 20px;
}

.h3-title{
    margin: 0;
    line-height: 20px;
}
.h3-title h3{
    text-align: left;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

.re-preview{
    padding: 20px;
}
.re-preview a{
    font-size: 14px;
    font-weight: bold;
}

.pop-h1-title{
    margin: 0;
}

.pop-h1-title p{
    font-size: 14px;    /**/
    line-height: 40px;
    color: #999;
    font-weight: normal;  /**/
    padding: 0 0 20px 0;
}

.pop-h1-title p span{
    color: #DA3A18;   /**/
    }

#mouseDiv{
    position: absolute;
    border: 2px solid #CCC;
    background: #FFF;
    overflow: auto;
}

.js-dudao-info{
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    cursor: pointer;
}

.reply{
    margin: 0;
}
.reply .top{

}
.reply .top textarea{
    width: 100%;
    background: none;
    border: 1px solid #ccc;
}
.reply .bottom{
    overflow: hidden;
    zoom: 1;
}
.reply .bottom span{
    float: left;
    line-height: 20px;
}
.reply .bottom .button{
    float: right;
    width: 68px;
    height: 30px;
}
.reply .bottom .button input{
    width: 66px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background: #30b67f;
    border: 1px solid #efefef;
}
.reply .bottom .star-rating{
    float: left;
}
.reply .star-rating{
    width: 100px;
    background: url(../image/star_rating.gif) repeat-x 0 0;
}
.reply .star-rating li.current-rating{
    background: url(../image/star_rating.gif) left bottom;
}
.reply .star-rating{
    height: 20px;
}
.reply .star-rating li.current-rating{
    height: 20px;
}
.reply .star-rating li a{
    height: 20px;
    width: 20px;
}
.reply .star-rating li a:hover{
    background: url(../image/star_rating.gif) left center;
    left: 0;
}

.reply .star-rating a.one-star:hover {
    width: 20px;
}

.reply .star-rating a.two-stars {
    left: 20px;
}

.reply .star-rating a.two-stars:hover {
    width: 40px;
}

.reply .star-rating a.three-stars {
    left: 40px;
}

.reply .star-rating a.three-stars:hover {
    width: 60px;
}

.reply .star-rating a.four-stars {
    left: 60px;
}

.reply .star-rating a.four-stars:hover {
    width: 80px;
}

.reply .star-rating a.five-stars {
    left: 80px;
}

.reply .star-rating a.five-stars:hover {
    width: 100px;
}
.reply-ul{
    margin: 20px;
}
.reply-ul li{
    border-bottom: 1px solid #CCC;
}
.reply-ul li div{
    margin: 5px 0;
}
.reply-ul li div.reply-content p{
    text-align: left;
    color: #000;
    font-size: 14px;
}
.reply-ul li div.reply-content p.c-1{

}
.reply-ul li div.reply-content p.c-2{
    font-size: 12px;
    padding: 5px 0;
}
.reply-ul li div.reply-person-info{
    overflow: hidden;
    zoom:1;

}
.reply-ul li div.reply-person-info p{
    float: left;
    font-size: 12px;
    color: #666;
    padding: 0 10px;
}
.reply-ul li div.reply-person-info p.info-2{
    float: right;
}
.reply-review{
    margin: 20px 0;
}
.reply-review li{
    overflow: hidden;
    zoom: 1;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}
.reply-review li .left{
    float: left;
    width: 84px;
    text-align: center;
}
.reply-review li .left img{

}
.reply-review li .left p{
    margin: 10px 0 0 0;
    line-height: 18px;
    font-size: 12px;
    color: #9b8f8f;
}
.reply-review li .right{
    margin: 0 0 0 84px;
}
.reply-review li .right .score{
    height: 20px;
    background: url(../image/star_rating.gif) repeat-x left center;
}
.reply-review li .right .s1{
    width: 20px;
}
.reply-review li .right .s2{
    width: 40px;
}
.reply-review li .right .s3{
    width: 60px;
}
.reply-review li .right .s4{
    width: 80px;
}
.reply-review li .right .s5{
    width: 100px;
}
.reply-review li .right .content{
    color: #535353;
    margin: 5px;
    line-height: 18px;
}
.reply-review li .right .message{
    text-align: right;
    color: #909090;
    line-height: 16px;
}
.reply-review li .right .message a{
    color: #30B67F;
    line-height: 16px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #aaa;
}

table.loactiontable {

}

table.loactiontable a {
    text-decoration: underline;
}

table.loactiontable a:hover {
    color: #069;
}

/*修改安全问题和答??/
.find-passW{
    margin: 0 auto;
    min-width: 716px;
    padding: 30px 25px;
    text-align: left;
}
div.login-title {
    background: rgba(0, 0, 0, 0) url("../image/module_title.gif") no-repeat scroll left 3px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 20px;
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
div.login-title h1 span {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 120%;
}
table.pf_tab {
    background: #ebebeb none repeat scroll 0 0;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin: 0 auto;
    text-align: left;
    width: 100%;
}

table.pf_tab th {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-weight: normal;
    line-height: 22px;
    padding-left: 15px;
    text-align: left;
}

table.pf_tab td {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    line-height: 22px;
    padding: 5px;
}

/*change */
.selected{position: absolute;font-size: 12px;color: #fff;top:0;right: 0;height: 36px;line-height: 36px;padding: 0 12px;background: #3376C4;}

.a_bg{display:none;width: 180px;height: 120px;position: relative;background:url(../image/hover1.png) no-repeat 0 0;}
.a_bg_hover{background:url(../image/hover2.png) no-repeat 0 0;}

.yulan{cursor:pointer;display:block;background:url(../image/yuelan.png) no-repeat center center;width: 88px;height: 120px;position: absolute;top: 0;left: 0;filter:alpha(opacity=50);opacity:0.5;}
.yulan_hover{filter:alpha(opacity=100);opacity:1;}

.frm_submit{cursor:pointer;display:block;background:url(../image/submit.png) no-repeat center center;width: 88px;height: 116px;position: absolute;top: 0;left: 92px;filter:alpha(opacity=50);opacity:0.5;}
.frm_submit_hover{filter:alpha(opacity=100);opacity:1;}
/*end*/


/*研究型教学点击展??样式相关*/
.js-issueGroup-clickToExpend{

}
.js-issueGroup-clickToExpend span{
    cursor: pointer;
}
.js-issueGroup-clickToExpend .list{
    padding: 5px 20px;
    margin: 0 0 0 10px;
}
.js-issueGroup-clickToExpend .list li{
    padding: 0 0 0 10px;
    background: url(../image/icon-issue-2.gif) no-repeat 1px 10px;
}
.icon-issue{
    float: left;
    width: 6px;
    height: 9px;
    background: url(../image/icon-issue-1.jpg) no-repeat 0 0;
    display: inline;
    margin: 7px 7px 0 0;
}

.tablenote{
    height: 30px;
}
.tablenote .note{
    float: left;
    line-height: 30px;
}
.tablenote .right{
    float: right;
    width: 84px;
    height: 30px;
    background: url(../image/icon-issue-3.jpg) no-repeat 0 0;
}
.tablenote .right a{
    display: block;
    width: 84px;
    height: 30px;
    background: url(../image/icon-issue-4.jpg) no-repeat 0 0;
}

.twocolwrap-center{
    margin: 0;
    overflow: hidden;
    zoom: 1;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
}
.twocolwrap-center .left{
    float: left;
    width: 50%;
}
.twocolwrap-center .right{
    float: right;
    width: 50%;
}
.twocolwrap-center table{
    margin: 0;
    border: none;
}
.twocolwrap-center .title{
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 0;
    bottom: 0;
    height: 44px;
    background: #f3f3f3;
}
.twocolwrap-center .title p{
    line-height: 44px;
    text-align: center;
    font-size: 14px;
}
.twocolwrap-center table.infotable td.center{
    text-align: center;
}
.twocolwrap-center table.infotable td{
    color: #000;
}
.twocolwrap-center table.infotable td a{
    text-decoration: underline;
}
.twocolwrap-center table.infotable td a:hover{
    color: #3FA7F2;
}

/*首页定制模块*/
.custom_menu{background:url(../image/custom_menu_bg.png) left top repeat-x;border:1px solid #CCC;height:38px;}
.custom_menu>ul>li{float:left;padding:0 10px;line-height:38px;position:relative;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;background: #F5F5F5}
.custom_menu>ul>li:hover,.custom_menu li.cur{background:#3FA7F2;}
.custom_menu li.statushalt{background:#EEE}
.custom_menu li.statushalt span{color: #b0acac}
.custom_menu>ul>li>a{background:url(../image/custom_menu_arrow.png) right center no-repeat; text-decoration:none;padding-right:13px;display:block}
.custom_menu>ul>li>a span{color:#666;font-size:13px;}
.custom_menu>ul>li>a:hover,.custom_menu>ul>li.cur>a{background:url(../image/custom_menu_arrow_hover.png) right center no-repeat;}
.custom_menu>ul>li>a:hover>span,.custom_menu>ul>li.cur>a>span{color:#FFF;}
.custom_menu>ul>li>ul{display:none}
.custom_menu>ul>li>a.add_menu{background:url(../image/custom_menu_add.gif) center center no-repeat;padding:0 20px}
.custom_menu>ul>li>a.add_menu span{visibility:hidden;}
.custom_menu>ul>li>a.add_menu:hover{background:url(../image/custom_menu_add_hover.gif) center center  no-repeat;}
.custom_menu>ul>li>ul.showul{display:block;position:absolute;left:0;top:38px;z-index: 100}
.popmenu{float:left;border:1px solid #3FA7F2;background:#EEE;width:170px;height:30px;}
.popmenu li{float:left;border:0;padding:5px 5px}
.popmenu li a{}
.popmenu li a span{visibility:hidden;}
.cus_ico{background-image:url(../image/custom_ico.fw.png);background-repeat:no-repeat;width:20px;height:20px;overflow:hidden;display:block;}
.cus_ico span{visibility:hidden;}
.cus_status_natural{background-position:0 0;}
.cus_status_halt{background-position:0 -20px;}
.cus_moveleft{background-position:0 -140px;}
.cus_moveright{background-position:0 -120px;}
.cus_moveup{background-position:0 -100px;}
.cus_movedown{background-position:0 -80px;}
.cus_edit{background-position:0 -40px;}
.cus_del{background-position:0 -60px;}


.addBlockDiv{padding:40px 0 20px}
.addBlockBtn{background:url(../image/custom_addblock.png) no-repeat;border:0;width:98px;height:31px;}
.addBlockBtn span{display:block;padding-left:35px;font-size:13px;color:#3FA7F2;line-height:31px;}

.blockDiv{clear:both;margin-bottom:20px;position:relative;width:100%;float:left;}
.blockTitle{border-bottom:1px solid #aaa;margin-bottom:15px;}
.blockTitle h3{font-size:14px;color:#444;line-height:30px;font-weight:bold}
.blockMenu{position:absolute;right:20px;top:5px;}
.blockMenu li{float:left;border:0;padding:5px 2px}

.blockModule{border:1px solid #DDDEE3;background:#F0F2F5;height:60px;text-align:center;line-height:60px;font-size:15px;color:#333}

.blockPicText .blockbody>ul>li{width:200px;height:140px;border:1px solid #DDDEE3;background:#F0F2F5;position:relative;float:left;margin:0 10px 15px 0;}
.blockPicText .pic{height:110px;}
.blockPicText .pic img{width: 198px;height: 100px;}
.blockPicText .text{display:none;}

.addCell{display:block;background:url(../image/custom_block_add.png) center no-repeat;height:150px;}
.addCell span{visibility:hidden;}

.celbtn{padding:5px 0 5px 20px;}
.celbtn li{float:left;}

.blockText .text h5{font-size:14px;font-weight:bold;color:#000;padding-left:10px;line-height:180%}
.blockText .text .content{border:0;font-size:13px;line-height:180%;}
.blockText .celbtn{text-align:right;border-bottom:1px solid #ccc;height:25px;}
.blockText .celbtn ul{float:right;}
.blockText .addCell{height:80px;}

.blockPic .blockbody>ul>li{float:left;width:202px;height:140px;margin-bottom:15px;margin-right:10px;position:relative;}
.blockPic .pic{height:118px;border:1px solid #DDDEE3;overflow:hidden;}
.blockPic .pic img{height:116px;width:200px;border:1px solid #FFF;}
.blockPic .blockbody .addCell{border:1px solid #DDDEE3;background-color:#F0F2F5;height:118px;}
.blockPic .celbtn{text-align:right;height:20px;background:#F0F2F5}

.cus_form{width:95%;margin:0 auto}

.cus_form th, .cus_form td {
    border-bottom: 1px solid #ccc;
    height: 35px;
    line-height: 35px;
    text-align: left;
    padding: 5px;
}
.cus_form tr td ul {overflow: hidden;width: 560px}
.cus_form tr td ul li{width: 120px;float: left;margin-right: 5px;}
.cus_form tr td ul li img{width: 90px;height: 51px}
.cus_layer{width:750px;height:300px;}


/*首页定制模块 END*/
/*论坛统计样式*/
h6.tabtitle{padding: 0 25px 0 0;line-height: 32px;height: 32px;color: #000;font-size: 12px;font-weight: bold;text-indent:21px;margin: 0 0 20px 2px;}
h6.tabtitle div{border-bottom: 1px solid #E8E8E8;line-height: 32px;height: 32px;color: #000;font-size: 12px;font-weight: bold;}
h1.tabtitle{padding: 0 40px;line-height: 32px;height: 32px;color: #000;font-size: 12px;font-weight: bold;text-indent:21px;margin: 0 0 20px 2px;}
table.view_c {}
table.reply_c{}
table.defaultC{padding: 0 20px;}
table.defaultC th{border: 1px solid #E3E3E3;padding-left:10px;line-height: 44px;height: 44px;background: #F3F3F3;font-size: 12px;color: #000;}
table.defaultC th.th1{border-right: none;width: 50%}
table.defaultC th.th2{border-right: none;border-left: none;width: 25%}
table.defaultC th.th3{border-left: none;width: 25%}
table.defaultC td{border-bottom: 1px solid #E3E3E3;padding-left:10px;line-height: 44px;height: 44px;font-size: 12px;color: #000;}
/*结束*/

.wrap-analytics{

}
.wrap-analytics .wrap_left{
    margin: 0 281px 0 0;
    background: url(../image/bg_point.gif) repeat-y right 0;
}
.wrap-analytics .wrap_right{
    float: right;
    width: 280px;
}
.wrap-analytics .wrap_left .anal_stu_incourse{
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
}
.wrap-analytics .wrap_left .anal_stu_incourse .group{
    width: 49%;
    display: inline-block;
    text-align: center;
}
.wrap-analytics .wrap_left .anal_stu_incourse .score-wrap{
    display:-moz-inline-stack;
    display:inline-block;
    *display:inline;
    *zoom:1;
    width: 49%;
    min-width: 230px;
    min-height: 230px;
    overflow: hidden;
}
.wrap-analytics .wrap_left .anal_stu_incourse .score-wrap p{
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin: -40px 0 0 0;
}
.wrap-analytics .wrap_left .anal_stu_incourse .score{
    width: 100%;
}
.wrap-analytics .wrap_left .courseM .score-wrap{
    width: 230px;
    height: 230px;
}
.wrap-analytics .wrap_left .courseM .score-wrap .score{
    width: 230px;
    height: 230px;
}
.wrap-analytics div.title{
    margin: 0 25px 0 0;
}


/*学生统计*/
.tableA{width:900px; margin: -5px 0 5px;}
.tableA td input{ width: 90px;}
.tableA .Datetime{margin-left: 0}
.inputA{line-height:24px;padding:0;}

/*._width{}
.anal_stu_incourse{*//*width: 100%;padding:20px 0 30px 0 ;*//*width: 868px;}
.anal_stu_incourse .score{width: 217px;float: left;*//*min-height: 170px;min-width:217px;*//**//*display: none;*//*}*/

.tabtitle2{background: url(../image/tabtitle2.gif) no-repeat 0 center;padding: 0 0 0 30px;line-height: 42px;height:42px;margin: 0 0 8px 20px;border-bottom: 1px solid #E8E8E8;font-size: 12px;color: #000;font-weight: bold;}
.defaultA{padding: 0 0 0 20px;}
.defaultA tr{line-height: 28px;height: 28px;border-bottom: 1px solid #E8E8E8;}
.defaultA tr td{text-align: left;}
.defaultA tr td div{font-size: 12px ;}
.defaultA tr td.td1{width: 27px;}
.defaultA tr td.td1 div{color: #fff; width: 16px; height: 16px;line-height:16px;margin: 3px 0;text-align: center;}
.defaultA tr td.td2{color: #000;}
.defaultA tr td.td3{color: #B8B8B8;}
.button_padd{padding-left: 45px; padding-right: 40px;}


/*结束*/

/*笔记*/

select.text{min-width:80px;}
.note_wrap{border-bottom: 1px solid #E7E7E7;position: relative;padding: 20px 0;}
input.checkbox{position: absolute;left: 10px;margin: 3px 0 0;}
.content_date{width: 80%;margin: 0 auto;margin: 0 0 0 50px;}
.content_date h4{
    font-weight: bold;
    padding: 0 0 5px;
}
.opcation{position: absolute;right: 10px;bottom: 10px;}

.author{position: absolute;left: 10px;margin: 3px 0 0;}
.author div{margin: 5px 0 0;color: #000034;}
.author img{border-radius: 6px;}
.content_date_{
    margin: 0 auto;margin: 0 0 0 90px;
}
.content_date_ h4{
    font-weight: bold;
    padding: 0 0 5px;
}

#cx{
    width: 70px;
    height: 28px;
    text-align: right;
    padding-right: 7px;
    margin-left: 20px;
    margin-top: 2px;
    background: url(../image/cx.png) no-repeat 11px 7px;
    letter-spacing: 3px;
}

#choose{
    padding-left: 15px;
}
/*.operation{
    width: 10px;
    padding-left: 30px !important;
}*/
/*end*/


/*研究型教学预览样??table*/
table.style2 {
    width: 100%;
    clear: both;
    border: none;
}

table.style2 .checkinput {
    width: 32px;
    padding-left: 40px;
}

table.style2 .select {
    width: 40px;
    padding-left: 15px;
}

table.style2 th {

    border-bottom: 1px solid #ddd;
   /* border-top: 1px solid #ddd;*/
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    color: #000;
    vertical-align: middle;
    word-break: keep-all;
}

table.style2 th.list {

    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-size: 12px;
    font-weight: normal;
    color: #575757;
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
}
table.style2 th.align_l{
    text-align: left;
    padding: 0 0 0 20px;
}

table.style2 td {
    line-height: 20px;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

table.style2 td.align_c {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

table.style2 td.c{
    text-align: center;
    padding-left: 0;
}

table.style2 td.align_r {
    text-align: right;
    padding-right: 10px;
}
table.style2 td.align_l{text-align: left;padding: 0 0 0 20px;}
table.style2 tr.even {
}

table.style2 tr.over {

}

table.style2 tr.click {

}

table.style2 tr.current {

}

table.style2 .statusnatural {
    color: #009933;
}

table.style2 .statushalt {
    color: #E15A00;
}

table.style2 td b {
    color: #DB715A;
    font-weight: inherit;
}

table.style2 a {
    color: #575757;
    text-decoration: none;
    cursor: pointer;
    margin-right: 10px;
}

table.style2 a:hover {
    text-decoration: underline;
    color:#0085b2;
}

table.style2 input.button, table.complexTable input.button , a.button{
    background: url("../image/module_button_bg.jpg") repeat-x scroll left top;
    height: 25px;
    border: 1px solid #CCC;
    line-height: 18px;
    color: #333;
    padding: 0 5px;
    _padding-top: 3px;
    _line-height: 100%;
}
/*end*/
/*打包*/
a.zip{display:inline-block;width: 16px;height: 16px;background: url(../image/global_image.png) no-repeat -234px -40px; }

table.valuelist td.operation{margin: 0 2px;}
/*wrap添加内容样式*/
.admin-wrap{
    padding:0 !important;
}
/*针对表格前面勾?框位置没对齐问?*/
.alignment{
    padding-left: 12px !important;
}
.fun{
    margin-bottom: 30px !important;
}
.con-right{
     margin-right: 30px;
}
.course-iv{
    float: none !important;
    width: 100% !important;
}
/*页面底部按钮上距?*/
.subtitle-top{
    margin-top: 26px;
}
.buttonc-left{
    text-align: left !important;
}
.text-border{
    border: 1px solid #E3E3E3 !important;
}
.tr-bac{
    text-align: center !important;
    background: #FCFCFC !important;
}
.input-border{
    border: none !important;
}
.tr-center{
    text-align: center !important;
}
.tr-right{
    text-align: right !important;
}
.tr-line{
    line-height: 25px !important;
    background: #FFFFFF !important;
}
.table-chat input{
    border: none;
}
.but-slic{
    padding-top: 5px !important;
}
/*table input{
    border: 1px solid #E3E3E3;
}*/
.one-line{
    display: inline-block;
}
.next-line{
    padding-bottom:15px !important;
}
/*解决随堂教学赏析?级标题问?*/
.cancel-margin{
    margin: 0 !important;
}
.border-top{
    border-top: none !important;
}
.border-left{
    border-left: none !important;
}
.borderTop{
    border-top: 1px solid #ddd;
}
/*end*/

/*项目化教学参????��*/
a.join_new{width:16px;height:16px;display:inline-block;background: url(../image/global_image.png) no-repeat -234px -61px;}
a.exitjoin{width:16px;height:16px;display:inline-block;background: url(../image/global_image.png) no-repeat -235px -82px;}

/*教学资源操作按钮?*/
table.valuelist th.common{
    min-width: 110px;
}
.note{
    padding-left: 27px !important;
}
.lineTop{
    padding-top: 30px !important;
}
.contentComplete{
    padding: 15px 20px !important;
}
.searchButton{
    margin-left: 15px;
    margin-bottom: 15px;
}
/**/
/*安分组归?*/
.content-form {
    width: 50%;
}

a.microCode {display:inline-block;width:16px;height:16px;background:url("../image/Generat_two_code.png") no-repeat;}
.microVideoCode {width:400px;height:400px;position:absolute;top:170px;right:500px;z-index: 1000;background:#fff;display:none;}
.microVideoCode #code {width:300px;height:300px;margin-left:50px;margin-top:30px;}
.codeShadow {width:100%;height:100%;position: absolute;top:0;left:0;z-index: 999;background: #000;opacity:.5;display:none;}
.microCodeClose {height:30px;width:400px;margin-top:20px;}
.microCodeClose .close {width:35px;height:20px;color:#aaa;font-size:16px;line-height:20px;text-align:center;margin:auto;cursor: pointer;border:1px solid #bbb;padding:2px 10px;border-radius:2px;}


.classroom-message{
    width: 500px;  /**/
    height: 100px;
    float:left;
}

.classroom-message a {
    display:block;
    width:120px;
    height:100px;
    cursor: pointer;
    outline:none;
    float:left;
    margin-right:30px;
}
/*.transferPage_footer{*/
    /*height: 100px;*/
    /*width: 100%;*/
/*}*/
.signInEndedBottom_bottom a {
    display: block;
    width: 120px;
    height: 90px;
    margin-top: 10px;
    cursor: pointer;
    outline: none;
    float: left;
    margin-right: 30px;
}
.signInEndedBottom_bottom .message-1{
    display:inline-block;
    width:54px;
    height:54px;
    margin-left:27px;
    background: url(../image/new-sign.png) no-repeat;    /**/
    background-size:100% 100%;
}

.signInEndedBottom_bottom .message-2{
    display:inline-block;
    width:54px;
    height:54px;
    margin-left:27px;
    background: url(../image/new-name.png) no-repeat;    /**/
    background-size:100% 100%;
}

.signInEndedBottom_bottom .message-3{
    display:inline-block;
    width:54px;
    height:54px;
    margin-left:27px;
    background: url(../image/new-viesToanswer.png) no-repeat;    /**/
    background-size:100% 100%;
}
.transferPage_bottom a {
    display: block;
    width: 120px;
    height: 90px;
    margin-top: 10px;
    cursor: pointer;
    outline: none;
    float: left;
    margin-right: 30px;
}
.transferPage_bottom{
    width: 500px;
    height: 100px;
    padding: 10px;
}
.transferPage_bottom .message-1{
    display:inline-block;
    width:54px;
    height:54px;
    margin-left:27px;
    background: url(../image/new-sign.png) no-repeat;    /**/
    background-size:100% 100%;
}

.transferPage_bottom .message-2{
    display:inline-block;
    width:54px;
    height:54px;
    margin-left:27px;
    background: url(../image/new-name.png) no-repeat;    /**/
    background-size:100% 100%;
}
#mb_img{
     background: url(../image/warning.png) no-repeat;
     width: 30px;
     height: 23px;
    display: inline-block;
 }

.transferPage_bottom .message-3{
    display:inline-block;
    width:54px;
    height:54px;
    margin-left:27px;
    background: url(../image/new-viesToanswer.png) no-repeat;    /**/
    background-size:100% 100%;
}
.classroom-message .message-1{
    display:inline-block;
    width:66px;
    height:66px;
    margin-left:27px;
    background: url(../image/sign_01.png) no-repeat;    /**/
    background-size:100% 100%;
}

.classroom-message .message-2{
    display:inline-block;
    width:66px;
    height:66px;
    margin-left:27px;
    background: url(../image/dianming_01.png) no-repeat;    /**/
    background-size:100% 100%;
}

.classroom-message .message-3{
    display:inline-block;
    width:66px;
    height:66px;
    margin-left:27px;
    background: url(../image/qiangda_01.png) no-repeat;    /**/
    background-size:100% 100%;
}

.classroomSs .message-4{
    background: url(../image/shishi_01.png) no-repeat;    /**/
    background-size:42px 42px;
    width:42px;
    height:42px;
    display:block;
    margin-top:8px;
    float:left;
    margin-left:10px;
}

.classroomSs a {
    display:inline-block;
    width:170px;
    height:60px;
    cursor:pointer;
}

.selectColorA,.selectColorE,.selectColorI {
    background:#51CFA0;
}
.selectColorB,.selectColorF,.selectColorJ {
    background:#F27056;
}
.selectColorC,.selectColorG,.selectColorK {
    background:#566CC2;
}
.selectColorD,.selectColorH,.selectColorL {
    background:#AC86D2;
}


.resList tbody {
    display:block;
    border-bottom:1px solid #e3e3e3;
}
.questionListTable table:first-child {
    border-top:1px solid #e3e3e3;
}
.nameResultList .nameResultListTr td{
    border-bottom:none!important;
    width:20%;
}
.nameResultList tr td img {
    border-radius:100%;
    display:block;
    float:left;
}
.responderListTd img {float:left;}



.teachMessage {
    display:block;
    width:30%;
}
.teachMessageRight {
    /*border-right:1px solid #e3e3e3;*/
}

.leftFloat {float:left}
.rightFloat {float:right}
.teachMessageRight span {
    display:block;
    width:32px;
    height:20px;
    line-height:20px;
    margin-left:17px;
    margin-top:-2px;
}
.teach1 {color:#CC0000;}
.teach2 {color:#7fff00;}
.clearfix {clear: both;}

/*抢答，点名记?*/
.rollCallMsg {margin-top:40px;background:#f3f3f3;border:1px solid #e3e3e3;border-left:4px solid #ff7373;height:38px;line-height:38px;color:#00688c;font-size:16px;}
.rollCallList {width:25%;margin-top:28px;}
.rollCallListNum {width:23px;height:23px;line-height:23px;text-align: center;background:#95c9c8;color:#fff;border-radius:100%;margin-top:22px;font-size:14px;}
.rollCallListImg {width:62px;height:62px;background:#eeeeee;border:1px solid #bbbbbb;padding:2px;border-radius:100%;margin-left:10px;}
.rollCallListImg img {width:100%;height:100%;border-radius:100%;}
.rollCallListMsg {margin-left:10px;}
.rollCallListMsg div {line-height:30px;font-size:14px;color:#545454;}

/*实时屏幕--首页*/
.teachIndexBox {
    position: relative;
}
.teachIndexBox >.bgBanner {
    background: url(../image/indexBg.png) no-repeat center center;
    background-size:100%  100%;
    width: 90%;
    height:380px;
    color:#fff;
    padding:70px 5%;
}
.teachIndexBox .courseInfo {
    padding-bottom:16px;
    border-bottom: solid 1px #bbb;
}
.teachIndexBox .courseInfo .coursTitle {
    font-size:30px;
}
.teachIndexBox .courseInfo .courseNumber {
    font-size:24px;
    padding-top:8px;
}
.teachIndexBox .classInfo {
    position: absolute;
    bottom:70px;
    width:inherit;
}
.teachIndexBox .classInfo .className {
    line-height: 158px;
    width:56%;
    padding-left:10%;
    font-size: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.teachIndexBox .classInfo .classTime {
    width:24%;
    padding-right:10%;
    text-align: right;
}
.teachIndexBox .classInfo .classTime .time span, .teachIndexBox .classInfo .classTime .date {
    font-size:28px;
}
.teachIndexBox .classInfo .classTime .time {
    font-size:84px;
    border-bottom: solid 1px #fff;
    display: inline;
}
.teachIndexBox .classInfo .classTime .date {
    margin-top:10px;
}
.teachContentBox {
    background-color:#fff;
    font-size:32px;
    color:#333333;
    text-align: center;
    width:inherit;
    min-height:160px;
    margin-top:35px;
}
.teachContentBox ul {
    width:672px;
    margin:0 auto;
}
.teachContentBox ul li {
    float: left;
    width:84px;
    margin:0 70px;
}
.teachContentBox .sign {
    background: url(../image/signIcon.png) no-repeat center center;
    background-size:84px 84px;
    width:84px;
    height:84px;
}
.teachContentBox .call {
    background: url(../image/callIcon.png) no-repeat center center;
    background-size:84px 84px;
    width:84px;
    height:84px;
}
.teachContentBox .rob {
    background: url(../image/robIcon.png) no-repeat center center;
    background-size:84px 84px;
    width:84px;
    height:84px;
}
.teachContentBox ul li span {
    display: inline-block;
    margin-top:100px;
}
/*实时屏幕--签到*/
.teachSignBox {
    background: url(../image/pageBg.png) no-repeat center center;
    background-size:100% 100%;
    height:100%;
    min-height:900px;
    width:100%;
    color:#fff;
    margin: -10px -25px;    /*填充外层容器的padding*/
    padding:0 25px;

    /*position: absolute; !*保证在没内容时高度仍然是整个屏幕的高?*!*/
    /*top:0;*/
    /*left:0;*/
}
.loading_sign{
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    padding-top: 300px;
    width: 100%;
    height: 100%;
    min-height: 900px;
    min-width: 1200px;
    background: #000;
    opacity: 0.9;
    color: #fff;
    /*text-align: center;*/
    /*vertical-align: middle;*/
    /*font-size: 60px;*/
    box-sizing: border-box;
    font-weight: bolder;
}
.loading_sign p{
    width: 1000px;
    font-size: 30px;
    /*margin-left: 130px;*/
    margin: 0 auto;
}

@media screen and (max-width:1200px)  {
    .teachSignBox {
        width:1200px;
    }
    .teachSignInendContent {
        /*margin:20px 0 0 0!important;*/
        height:calc(100% - 112px)!important;
    }
    .teachSignInendContent .signInendLeft,.teachSignInendContent .signInendRight {
        height:calc(100% - 112px)!important;
    }
    .teachSignInendContent .signInendLeft .codeBox {
        width:360px!important;
    }
    .teachSignInendContent .signInendLeft .codeBox canvas {
        width:360px!important;
        height:360px!important;
    }
    .teachSignInendContent .signInendLeft .codeText {
        line-height:50px!important;
    }
    .stuList4 .stuListName {
        margin-top:20px!important;
    }
    .stuList1 .stuListImage,.stuList2 .stuListImage {
        margin-top:130px!important;
    }
    .stuList3 .stuListImage {
        margin-top:150px!important;
    }
}
.teachSignContent {
    height:100%;
    width:1200px;
    margin:0 auto;
}
.teachSignTop {
    height:112px;
    width:100%;
    color:#fff;
    background: url(../image/topLine.png) no-repeat left bottom;
    background-size:100% 1px;
}
.teachSignTop .title {
    background: url(../image/titleBg.png) no-repeat center center;
    background-size:126px 68px;
    width:126px;
    height:68px;
    line-height:68px;
    text-align: center;
    font-size:30px;
    border-bottom:none;
    margin: 22px 0 0 40px;
}
.teachSignTop .content {
    height:48px;
    font-size:16px;
    margin:32px 40px 32px 0;
    color: #D6DFEB;
}
.teachSignTop .content .courseClass {
    display: inline-block;
    line-height: 48px;
    padding-right:20px;
    border-right: solid 1px #AAC3DD;
    letter-spacing: 1px;
}
.teachSignTop .content .courseDate, .teachSignTop .content .courseDate .am {
    display: inline-block;
    margin-left:10px;
}
.teachSignTop .content .courseTime {
    display: block;
    margin-bottom:6px;
}
.teachSignInstartContent {
    width:inherit;
    /*height:inherit;*/
    height: 688px;
    /*text-align: center;*/
    position: relative;
}
#callEnd{
    padding-top: 1px;
}
.signInstartTips {
    letter-spacing: 8px;
    font-size: 36px;
}
.signInstartTipsSmall {
    font-size: 26px;
}

.teachSignInendContent {
    /*margin:5px 0 0 0;*/
    height:640px;
}
.teachSignInendContent .signInendLeft {
    /*margin-right:60px;*/
    text-align: center;
    /*width:50%;*/
    /*width:680px;*/
    height:640px;
    width: 370px;
}
.teachSignInendContent .signInendLeft .codeBox {
    width:321px;
    border:solid 12px #fff;
    border-radius: 6px;
    margin: 36px auto 20px auto;
}
.teachSignInendContent .signInendLeft .codeBox canvas {
    width:321px;
    height:321px;
}
.teachSignInendContent .signInendLeft .codeTips {
    font-size:18px;
    color: #aaa;
    letter-spacing: 1px;
    margin-bottom:30px;
}
.teachSignInendContent .signInendLeft .codeText {
    font-size:22px;
    color:#DDDDDD;
    letter-spacing: 2px;
    line-height: 70px;
}
.teachSignInendContent .signInendLeft .codeAmount{
    font-size: 30px;
    color: #7FFF00;
    letter-spacing: 2px;
}
.teachSignInendContent .signInendRight, .teachSignInendContent .signInEndedRight {
    /*width:50%;*/
    width:510px;
    height:100%;

    /*overflow-y: auto;*/
}
.teachSignInendContent .signInendRight {
    overflow-y: auto;
    margin-left: 198px;
    width: 630px;
}
.teachSignInendContent .signInendRight .stuBox {
    margin-bottom:38px;
}
.teachSignInendContent .signInendRight .stuPhoto {
    /*width:8%;*/
    width:50px;
    height:50px;
    border-radius:50%;
    border: solid 3px #fff;
    /*margin-right:2%;*/
    margin-right:23px;
    margin-top:17px;
}
.teachSignInendContent .signInendRight .stuPhoto img {
    width:100%;
    height:inherit;
    border-radius:50%;
}
.teachSignInendContent .signInendRight .stuName {
    /*width:58%;*/
    width:300px;
    font-size:26px;
    /*line-height: 50px;*/
    line-height:90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 1px;
}
.teachSignInendContent .signInendRight .stuLocation {
    /*width:30%;*/
    width:200px;
    font-size:16px;
    text-align: center;
}
.teachSignInendContent .signInendRight .stuLocation .time{
    display: inline-block;
    margin-top:20px;
}
.teachSignInendContent .signInendRight .stuLocation .undistanceTime {
    margin-top:0px;
    line-height:90px;
}
.teachSignInendContent .signInendRight .stuLocation .distance {
    display: block;
    margin-top:6px;
    letter-spacing: 1px;
}

.teachSignInendContent .signInEndedLeft {
    /*width:50%;*/
    width:568px;
    height:100%;
    text-align: left;
    margin:0 auto;
    font-size:20px;
}
.signInEndedTop {
    margin-top:137px;
}
.signInEndedTable {
    width:82%;
    margin:30px 0;
}
.signInEndedTableTitle {
    font-size:20px;
    color:#B6BED1;
}
.signInEndedTableNum {
    font-size:40px;
}
.signInEndedTableNumTips {
    font-size:30px;
}
.signInEndedTop .chuqin {
    font-size:80px;
    color:#99E5FF;
}
.signInEndedTopTable {
    margin: 26px 0;
    width:82%;
}

.callEndLeft {
    float:left;
    width:350px;
    height:calc(100% - 143px);
}
.callEndLeft div {
    line-height:60px;
    font-size:22px;
    letter-spacing: 1px;
    padding-left:32px;
}
.callEndLeft div span {
    color:#7fff00;
    font-size:30px;
}
.callEndRight {
    float:right;
    width:850px;
    height:688px;
    overflow: auto;
}

.stuListMsg {
    float:left;
}
.stuListImage {
    border-radius: 8px;
    background-color:rgba(255,255,255,0.4);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
}
.stuListContent {
    padding: 3px;
    background:#dddddd;
    border-radius: 100%;
}
.stuListName {
    display:block;
    font-size:30px;
    color: #ffffff;
    margin-top:30px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stuList1 .stuListMsg .stuListName {
    width:280px;
}
.stuList2 .stuListMsg .stuListName {
    width:280px;
}
.stuList3 .stuListMsg .stuListName {
    width:220px;
}
.stuList4 .stuListMsg .stuListName {
    width:180px;
}
.stuListActive .stuListMsg .stuListName {
    width:134px;
}

.stuList1 .stuListMsg {
    margin-left:140px;
}
.stuList1 .stuListMsg img {
    width:220px;
    height:220px;
    border-radius: 100%;
}
.stuList1 .stuListContent {
    width:220px;
    height:220px;
}
.stuList1 .stuListImage {
    width:226px;
    height:226px;
    padding:27px;
    margin-top:190px;
}

.stuList2 .stuListMsg {
    margin-left:60px;
}
.stuList2 .stuListMsg img {
    width:220px;
    height:220px;
    border-radius: 100%;
}
.stuList2 .stuListContent {
    width:220px;
    height:220px;
}
.stuList2 .stuListImage {
    width:226px;
    height:226px;
    padding:27px;
    margin-top:190px;
}

.stuList3 .stuListMsg {
    margin-left:50px;
}
.stuList3 .stuListMsg img {
    width:172px;
    height:172px;
    border-radius: 100%;
}
.stuList3 .stuListContent {
    width:172px;
    height:172px;
}
.stuList3 .stuListImage {
    width:178px;
    height:178px;
    padding:21px;
    margin-top:210px;
}

.stuList4 .stuListMsg {
    margin-left:140px;
}
.stuList4 .stuListMsg img {
    width:140px;
    height:140px;
    border-radius: 100%;
}
.stuList4 .stuListContent {
    width:140px;
    height:140px;
}
.stuList4 .stuListImage {
    width:144px;
    height:144px;
    padding:18px;
    margin-top:55px;
}

.stuListActive .stuListMsg {
    margin-left:40px;
}

.stuListActive .stuListMsg:last-child {
    padding-bottom:100px;
}
.stuListActive .stuListMsg img {
    width:100px;
    height:100px;
    border-radius: 100%;
}
.stuListActive .stuListContent {
    width:100px;
    height:100px;
    padding:2px;
}
.stuListActive .stuListImage {
    width:104px;
    height:104px;
    padding:0 15px;
    margin-top:40px;
    background:none;
    border-radius:0;
}

.rollList {
    padding-left:160px;
    margin-top:40px;
}
.rollListNum {
    display:inline-block;
    vertical-align: top;
    height:60px;
    line-height:60px;
    font-size:40px;
    color:#7fff00;
}
.rollListName {
    display:inline-block;
    vertical-align: top;
    height:60px;
    line-height:60px;
    font-size:26px;
    color:#ffffff;
    margin-left:20px;
}
.rollListImg {
    display:inline-block;
    width:56px;
    height:56px;
    padding:2px;
    border-radius:100%;
    background:#dddddd;
    margin-left:30px;
}
.rollListImg img {
    width:100%;
    height:100%;
    border-radius:100%;
}
.rollListSl {
    display:inline-block;
    height:60px;
    line-height:60px;
    color:#ffffff;
    font-size:26px;
    margin-left:30px;
}
table.stuListMember {
    background:transparent;
    border:none;
}
table.stuListMember th {
    border:none;
    color:#333333;
    padding:6px 10px;
}
table.stuListMember td {
    border:none;
    padding:6px 20px 6px 0;
}
table.stuListMember td select {
    border:1px solid #ccc;
    outline: none;
}
#cx {
    margin-left:0;
}
.signMsgDetail {
    width:100%;
    margin:15px auto;
    text-align: center;
    height: 68px;
    /*line-height:68px;*/
    color: #00678c;
    font-size:16px;
    border:1px solid #dddddd;
}
.signMsgDetail div {
    width:25%;
    float:left;
}
.signMsgDetail div:last-child >span {
    border-right:none;
}
.signMsgNum {
    color:#ff4c4c;
    font-size:14px;
    margin-left:10px;
}
.signMsgDetail div > span {
    display:block;
    width:100%;
    height:28px;
    margin-top:20px;
    line-height:28px;
    box-sizing: border-box;
    border-right:1px solid #cccccc;
}
.salonZongJie {
    width:68px;
    height:32px;
    background:#006dd9;
    color:#fff;
    font-size:14px;
    text-align: center;
    line-height:32px;
    opacity: .7;
    margin-top:25px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.salonZongJieContain {
    font-size:12px;
    color:#555;
    text-indent: 25px;
    margin-top:15px;
}
.salonPlNum {
    height:40px;
    line-height:40px;
    margin-top:35px;
    background: #f6f6f6;
}
.salonPlNum > span {
    color:#00698c;
    float:left;
    margin-left:25px;
}
.salonPlNum .salonPlNumSelect {
    float:right;
    position: relative;
    height:26px;
    margin-top:7px;
    margin-right:25px;
}
.salonPlNum .salonPlNumSelect select {
    height:26px;
    width:136px;
    text-indent: 20px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border:1px solid #cccccc;
    outline: none;
    background: #ffffff url("../image/salonArrowDown.jpg") no-repeat center right;
}
.salonPlNumSelectLine {
    width:1px;
    height:25px;
    background:#cccccc;
    position: absolute;
    top:0;
    right:29px;
}
input {
    outline: none;
}



.classListInput {width:560px;height:50px;border:2px solid #dddddd;line-height:50px;padding:0;text-indent: 20px;}
input.classListInput::-webkit-input-placeholder {color: #555;font-size:14px;}
input.classListInput:-moz-placeholder {color: #545454;font-size:14px;font-weight: bold; }
input.classListInput::-moz-placeholder {color: #545454;font-size:14px;font-weight: bold; }
input.classListInput:-ms-input-placeholder {color: #545454;font-size:14px;font-weight: bold; }
.classListSubmit {width:100px!important;height:50px!important;border:2px solid #dddddd;border-left:none;
    display:inline-block;margin-left:-4px;vertical-align: -2px;}
.classListSubmit input {background:#5f7bf9!important;width:90px!important;height:42px!important;text-align: center!important;
margin:4px!important;padding:0!important;border:none;color:#fff;font-size:18px;border-radius: 3px;}
.classListImg img {vertical-align: middle;}
.classListImg {color:#3f51b4!important;font-size:18px;margin-left:20px;}
.classListForm {padding:25px 30px 45px 30px;background:#fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border:1px solid #E8EDF0;border-top:none;}
.classroomTeach {padding:35px 30px;background:#fff;border-top-left-radius: 5px;border-top-right-radius: 5px;border:1px solid #E8EDF0;border-bottom:none;}
/*div.wrap {padding:0;}*/
table.classListValuelist td {color:#333333;font-size:14px;padding:20px 0;}
a.classroomSet {background:url("../image/classroomSet.png") no-repeat;width:32px;height:32px;}
a.classroomModify {background:url("../image/classroomMidify.png") no-repeat;width:32px;height:32px;}
a.classroomDelete {background:url("../image/classroomDelete.png") no-repeat;width:32px;height:32px;}
table.classListValuelist th {color:#535353;font-size:14px;font-weight: bold;}


.popbutton {height:118px;background:#fff;position: relative;margin:5px;border:1px solid #E8EDF0;}
.popbutton input {display:block;margin:auto;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:162px;height:42px;
    background:#5f7bf9;color:#fff;font-size:18px;border-radius:5px;}
.classroomTeachIndex {background:#fff;margin:5px;margin-top:30px;padding:30px;border:1px solid #E8EDF0;}
.classroomTime {color:#6b72a6;font-size:16px;border-left:6px solid #ff7373;padding-left:15px;}
.classroomMsg {color:#333333;font-size:14px;line-height:30px;padding:15px 0 10px 21px;}
[class|=switch] {width:56px!important;display:inline-block!important;height:28px!important;margin-left:0!important;}
.switch-on .slider {left:28px!important;}
.teachMessage {width:50%;}
.slider {display:inline-block!important;width:28px!important;height:28px!important;margin:0!important;}
.switch-on {background:#86aafd!important;border-color:#86aafd!important;box-shadow: rgb(109, 158, 235) 0px 0px 0px 16px inset}
.switch-off {background:#cccccc!important;}
/*学生查看测试结果页面*/
.qtest_table {margin-bottom: 26px;}
.qtest_switch > .switch {width:50px;height: 20px;position: relative;border-radius: 16px;}
.qtest_switch > .switch .slider {width:20px!important;height: 20px!important;}
.qtest_switch > .switch-on .slider {left:30px!important;}

.addTeachTitle {padding:30px 70px 0 70px;background:#fff;font-size:24px;color:#333333;border:1px solid #E8EDF0;border-bottom:none;}
.addTeachTitle h1 {padding-bottom:20px;border-bottom:1px solid #e4e9eb;}
.addTeachTitle h1 span {font-family:"Microsoft Yahei"}

.classroomAddForm table,.classroomAddForm table tr,.classroomAddForm table th,.classroomAddForm table td {border:none;}
.classroomAddForm {background:#fff;padding:20px 70px 0 70px;border:1px solid #E8EDF0;border-top:none;}
.classroomAddForm table {background:none;}
.classroomAddForm input {text-indent:10px;}
.classroomAddForm > div {margin-top:24px;}
.classroomAddTitle {font-size:14px;color:#333333;margin-right:10px;}
.classroomAddName input,.classroomAddSelect select {width:345px;height:34px;border:1px solid #dddddd;padding:0;}
.classroomAddSelect select {width:347px;height:36px;}
.classroomAddTip {margin-left:85px;margin-top:10px;}
.classroomAddTip > span {color:#777;font-size:12px;}
.classroomAddTip a {color:#3f51b4;font-size:18px;margin-left:10px;padding:10px 0;cursor: pointer}
.classroomAddTip a img {vertical-align: -15px;}
.classroomAddTime input {width:193px;height:34px;border:1px solid #ddd;padding:0;}
.classroomAddTime select {width:84px;height:36px;margin:0 10px}
.classroomAddTimeLength input {width:110px;height:34px;border:1px solid #ddd;padding:0;}
.classroomAddStatus input {margin-left:30px;vertical-align: -2px;}
div.classButtonc {text-align: left;padding-top:0;padding-bottom:70px;}
.classroomAddCancel {width:116px;height:40px;border:1px solid #5f7bf9;text-align: center;line-height:40px;color:#5f7af8;
    font-size:18px;display:inline-block;border-radius:5px;cursor: pointer;font-family: "Microsoft Yahei"}

.classroomAddSubmit {width:116px;height:42px;background:#5f7bf9;color:#fff;text-align: center;line-height:42px;
    font-size:18px;display:inline-block;border-radius:5px;margin-left:20px;cursor: pointer;font-family: "Microsoft Yahei"}


.classroomTeachList {background:#fff;border-radius:6px;padding:30px;border:1px solid #E8EDF0;}
.classroomTeachListSearch {margin-left:0!important;margin-bottom:30px!important;height:54px;margin-top:20px;}
.classroomTeachListSearch > span {display:block;width:75%;height:54px;border:2px solid #ddd;box-sizing:border-box;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;float:left;}
.classroomTeachListSearch input {height:50px;padding:0;text-indent: 10px;font-size:14px;color:#555555;outline: none;box-sizing:border-box;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;float:left;}
.classroomTeachListSearch input::-webkit-input-placeholder {font-size:14px;color:#555555; }
.classroomTeachListSearch input:-moz-placeholder {font-size:14px;color:#555555; }
.classroomTeachListSearch input::-moz-placeholder {font-size:14px;color:#555555; }
.classroomTeachListSearch input:-ms-input-placeholder {font-size:14px;color:#555555; }
.classroomTeachListSearch .input {width:24%;border:none!important;border-right:2px solid #ddd!important;text-indent:14px;}
.classroomTeachListSearch .date {width:21%;border:none!important;border-right:2px solid #ddd!important;}
.classroomTeachListSearch select {width:20%;height:50px;border:none;border-right:2px solid #ddd;text-indent: 10px;outline: none;box-sizing:border-box;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;float:left;background:url("../image/selectList.jpg") no-repeat right center;background-size:25px 30px;
    appearance:none;-webkit-appearance: none;-moz-appearance: none;}
.classroomTeachListSearch select::-ms-expand { display: none; }
.classroomTeachListSearch .searchTeachList {display:inline-block;width:15%;height:50px;position: relative}
.classroomTeachListSearch .searchTeachList span {position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:inline-block;
width:90px;height:42px;text-align: center;line-height:42px;background:#5f7bf9;color:#fff;border-radius:4px;font-size:18px;cursor:pointer;letter-spacing: 2px;}
.classroomTeachListSearch a {display:block;height:54px;vertical-align: 4px;margin-left:50px;float:left;}
.classroomTeachListSearch a img {margin-top:5px;float:left;}
.classroomTeachListSearch a span {height:50px;line-height:50px;display:inline-block;float:left;margin-left:10px;
font-size:18px;color:#3f51b5;}
.teachListLeft {width:40%;}


.activityListTitle {font-size:24px;color:#333333;text-indent: 30px;position:relative;}
.activityListTitleLeft {position: absolute;top:4px;left:0;width:4px;height:23px;background:#ff8888;}
.activityListTime {margin-top:30px;}
.activityListTime span {color:#6b72a5;font-size:14px;font-weight: bold;}
.classroomActivity {background:#fff;margin-top:30px;padding:25px 0;margin-bottom:30px;border-radius:5px;box-shadow: 0 0 2px #ddd;}
.classroomSs {width:200px;height:60px;float:left;margin-top:40px;}

.classroomAddActivity {margin-top:30px;}
.classroomAddActivity div {width:610px;margin:auto;}
.classroomAddActivity div > span {display:inline-block;padding-left:30px;cursor: pointer;}
.classroomAddActivity div > span img {float:left;}
.classroomAddActivity div > span span {display:inline-block;height:40px;line-height:40px;margin-top:4px;padding-right:30px;border-right:1px solid #ddd;}

.activityName a img {display:none;}
.activityName a {font-size:14px;color:#333333;}
.activityContent {margin-top:30px;border-radius:6px;box-shadow: 0 0 2px #ddd;background:#fff;padding:20px;}
table.activityValueList {border:none;}
table.activityValueList td {padding:20px 0 20px 10px;}
a.conSwitch {width:58px;height:30px;background:transparent;}
table.activityValueList a {margin:0 30px}
table.activityValueList tr td.activityName a {margin:0}
a.change1 {width:32px;height:32px;background:url("../image/change_01.png") no-repeat}
a.onLook {background:url("../image/classroomMidify.png") no-repeat;}
a.delete2 {width:32px;height:32px;background:url("../image/classroomDelete.png") no-repeat;display:inline-block}
a.look {display:inline-block;width:32px;height:32px;background:url("../image/activitymanager.jpg") no-repeat}



.teachListTime {font-size:16px;color:#6b72a6;display:block;text-align:left;padding-left:14px;margin:10px 0;border-left:6px solid #ff7373;}
.teachListTitle {display:block;line-height:40px;text-align:left;padding-left:20px;font-size:14px;color:#333333;}
table.teachValueList {border:none;padding-top:20px;}
.activityGradeName {padding:48px 0 10px 0!important;}
.activityCz {padding:45px 0 10px 0!important;}
a.realTime1 {display:inline-block;width:32px;height:32px;background:url("../image/realtime.jpg") no-repeat}

a.realTime2 {display:inline-block;width:32px;height:32px;background:url("../image/realtime1.png") no-repeat}
.activityCz a {margin:0 20px;}
table.valuelist td.classTeachName {padding:45px 0 10px 0!important}
.teachStatus1 {color:#bbbbbb;}
.teachStatus2 {color:#009933}
.teachStatus3 {color:#e15a00}
.templateClassify {padding:30px;background:#fff;border-radius:6px;border:1px solid #E8EDF0;}

table.teachValueList tbody tr:first-child {display:none;}

.teachOperateStyle {margin:0 20px;}
.teachOperateRight {padding:45px 0 10px 0!important;text-align: center!important;font-size:0;min-width: 440px;}
.switch-on,.switch-off {margin:0 20px;}
.teachActivityList {text-align: center!important;}

table.classroomStuListTable input.input {background:#f6f8f9;}
table.classroomStuListTable td {background:none;}
table.activityValueList tbody tr:first-child {display:none;}

.classRoomNameTitle {padding-bottom:10px;border-bottom:1px solid #e4e9eb;background:url("../image/teachGroup.png") no-repeat left 4px;}
.classRoomNameTitle span {margin-left:40px;font-size:18px;color:#333;}
.classRoomNameTitle a {float:right;margin-right:100px;font-size:16px;color:#545454;cursor: pointer;}
.classRoomNameTitle a:hover {color:#3f51b5}

.activityListTitle h1 a {float:right;font-size:16px;color:#545454;margin-right:100px;}
.activityListTitle h1 a:hover {color:#3f51b5}




/*时间插件*/
.ta_calendar {width:360px;height:300px;top:105px!important;}
.i_pre {background:url("../image/calendar_all.png") no-repeat 1px 1px;}
.i_next {background:url("../image/calendar_all.png") no-repeat 1px 1px;}

a.microCode {display:inline-block;width:16px;height:16px;background:url("../image/Generat_two_code.png") no-repeat;}
.microVideoCode {width:400px;height:400px;position:absolute;top:170px;right:500px;z-index: 1000;background:#fff;display:none;}
.microVideoCode #code {width:300px;height:300px;margin-left:50px;margin-top:30px;}
.codeShadow {width:100%;height:100%;position: absolute;top:0;left:0;z-index: 999;background: #000;opacity:.5;display:none;}
.microCodeClose {height:30px;width:400px;margin-top:20px;}
.microCodeClose .close {width:35px;height:20px;color:#aaa;font-size:16px;line-height:20px;text-align:center;margin:auto;cursor: pointer;border:1px solid #bbb;padding:2px 10px;border-radius:2px;}



/*答疑讨论*/
.discussion-icon {display:inline-block;width:10px;height:14px;vertical-align:-4px;cursor:pointer;background:url("../image/discussion-icon.png") no-repeat;position: relative;margin-left:10px;}
.discussion-introduce {width:852px;height:521px;position: absolute;top:30px;left:-148px;border:1px solid #ccc;background:#fff;border-radius:6px;z-index: 1000;box-shadow: 0 0 5px 2px #cccccc;display:none;}
.discussion-introTitle {width:728px;height:88px;background:#f5f5f5;margin:62px 62px 44px 62px;}
.discussion-introTitle div {font-size:12px;color:#555;font-weight: bold;padding-left:20px;line-height:14px;}
.discussion-introTitleName {padding-top:20px;}
.discussion-introTitleManage {margin-top:20px;}
.discussion-introContent {padding:0 62px;font-size:12px;color:#555;line-height:30px;font-weight: normal}
.discussion-three {border-left:3px solid #ccc;background:#f5f5f5;border-bottom:none!important;padding-left:15px;margin-bottom:20px!important;}
.discussion-newBuild {font-size:12px;color:#555555;text-align:center;width:100px;height:26px;line-height:20px;background-color:#eee;border:1px solid #ccc;cursor:pointer;margin-right:10px;}
.discussion-choose select,.discussion-stuChoose select {outline:none;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background:url("../image/selectList.jpg") no-repeat right center;border:none;background-size:25px 30px;
    appearance:none;-moz-appearance: none;-webkit-appearance: none;padding:5px 24px 5px 15px;color:#3f51b5;font-size:12px;}
.discussion-zhiding {width:30px;height:16px;font-size:12px;color:#fff;background:#799cee;display:inline-block;text-align: center;line-height:16px;}
.discussion-hot {width:34px;height:16px;display:inline-block;background: url("../image/discussion-hot.png") no-repeat;margin-left:4px;}
.discussion-jinghua {width:34px;height:16px;display:inline-block;background: url("../image/discussion-jinghua.png") no-repeat;margin-left:4px;}
.discussion-title-con {width:180px;}
.discussion-teaTitle-con {width:260px;}
.valuelist .discussion-state {width:1%!important;}
table.discussion-valuelist {margin-top:10px;}
table.discussion-valuelist td {padding-left:14px!important;}
/*table.discussion-valuelist .discussion-title > span {display:inline-block;max-width:480px;}*/
table.discussion-valuelist .discussion-title a {display:inline-block;max-width:180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
table.discussion-valuelist .discussion-teaTitle a {max-width:260px}
.discussion-certain {padding:34px 34px 22px 34px;border:1px solid #ccc;box-shadow: 0 1px 2px 0 #ccc;}
.discussion-certainTitleSpan {max-width:620px;height:24px;display:inline-block;font-size:20px;color:#333;line-height:24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.discussion-detailZd {vertical-align: 7px;margin-left:19px;}
.discussion-detailHot {margin-left:10px;vertical-align:4px;}
.discussion-detailJh {vertical-align:4px;}
.discussion-certain .ico_right li {display:inline-block;padding:4px;line-height:14px;}
.discussion-buildMsg {margin-top:30px;}
.discussion-buildMsgImg {display:inline-block;width:48px;height:48px;}
.discussion-buildMsgImg img {width:100%;height:100%;border-radius: 100%;}
.discussion-buildMsg span {display:inline-block;line-height:48px;vertical-align: top;font-size:12px;color:#545454;font-weight:bold;font-family: "Arial", "宋体"}
.discussion-buildMsgName {margin-left:14px;}
.discussion_pinned_red{
    background: url(../image/top_over_img.png) no-repeat;
    background-size: 18px 18px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 14px;
}
.discussion-buildMsgTime {float:right;line-height:48px;}
.discussion-content {font-size:12px;color:#333;font-family: "Arial", "宋体";line-height:30px;word-spacing: 4px;margin-top:18px;position:relative;}
/*.discussion-content > span {position:absolute;}*/
.discussion-detailOperate {margin-top:30px;margin-bottom:10px;}
.discussion-detailOperateUl li {border-right:1px solid #e6e7e1;display:inline-block;padding:4px;line-height:14px;}
.discussion-detailOperateUl li:last-child {border-right:none;}
.discussion-detailData {height:40px;line-height:40px;background:#f2f3f4;margin-top:52px;position: relative;}
.discussion-lookNum span{padding:4px 22px 4px 26px;margin-left:24px;background:url("../image/discussion-lookNum.png") no-repeat 0 6px;border-right:1px solid #c6cace;}
.discussion-comments span{padding:4px 22px;margin-left:24px;background:url("../image/discussion-comments.png") no-repeat 0 5px;border-right:1px solid #c6cace;}
.discussion-notgiveLook span{padding:4px 22px;margin-left:24px;background:url("../image/discussion-notgiveLike.png") no-repeat 0 3px;cursor:pointer;color:#333;}
.discussion-giveLook span{padding:4px 22px;margin-left:24px;background:url("../image/discussion-giveLike.png") no-repeat 0 3px;color:#333;}
.discussion-detailDataMiddle {width:305px;height:40px;position:absolute;top:0;right:0;bottom:0;}
.discussion-detailDateLookAll {display:inline-block;position: relative;}
.discussion-chooseSpan {padding-right:25px;background:url("../image/discussion-choose.png") no-repeat scroll right center transparent;}
.detailDateLook {display:none;position:absolute;top:40px;left:0;width:90px;border:1px solid #ccc;background:#fff;}
.detailDateLook div {line-height:20px;}
.detailDateLook div:hover {background:deepskyblue;color:#fff;}
.discussion-detailDataTimeSort {margin-left:20px;padding-right:30px;font-size:12px;color:#3f51b4;background:url("../image/discussion-timeSort.png") no-repeat right center;cursor:pointer;}
.discussion-detailDataTimeSortAsc {margin-left:20px;padding-right:30px;font-size:12px;color:#3f51b4;background:url("../image/discussion-detailDataTimeSortAsc.png") no-repeat right center;cursor:pointer;}
.discussion-detailDataTime {margin-left:20px;padding-right:30px;font-size:12px;color:#3f51b4;background:url("../image/discussion-detailDataTime.png") no-repeat right center;cursor:pointer;}
.discussion-detailDataRight {width:130px;height:40px;font-size:12px;color:#fff;text-align:center;line-height:40px;border-radius:5px;background:#ed7161;cursor:pointer;}
.discussion-edit,.discussionDatailEdit {margin:30px 60px 0 60px;display:none;}
div.discussion-buttonc {text-align:right;}
.discussion-secondComments {margin:10px 0 0 70px;border-top:1px dashed #ccc;}
.discussion-commentsTopDetail {border-top:1px solid #ccc;}

.discussion-commentsBootomDetail {border-bottom:1px solid #ccc;margin-bottom:26px;}
.discussion-publicEdit {width:900px;height:500px;position: fixed;top:50px;left:100px;z-index: 1001;}
.discussion-publicShadow {width:100%;height:100%;background:#000;opacity:.5;position: fixed;top:0;right:0;z-index: 1000;}
div.discussion-wrap {padding:0;}
.discussion-teacher {display:inline-block;width:23px;height:18px;background:url("../image/discussion-teacher.png") no-repeat;margin-top:15px;}
.discussion-stuChoose {padding:18px 0 5px 0;margin-top:8px;border-top:1px solid #ddd;}
.discussion-chooseStu {margin-top:2px;}
.discussion-content p {display:inline-block;}
.discussion-certainTitle > img {vertical-align:4px;margin-left:10px;}
.microDiscussion {color:#777;font-size:12px;height:88px;line-height:88px;}
.microDiscussion-title {font-size:20px;color:#333;}
.microDiscussion-data {margin-left:50px;}
#body  p {display:inline-block;}






/*活动类型  投屏详情*/
.activity_content {position: relative;font-family: Microsoft YaHei;}
.activityLine {width:100%;height:1px;background:rgba(255,255,255,.5);position: absolute;top:112px;}
/*.activity_resource,.activity_test,.activity_salon,.activity_vote {padding:0 40px;}*/
.activityScreenClose {width:36px;height:36px;position: absolute;top:-10px;right:-46px;background:url("../image/activity_close.png") no-repeat}
.activityTop {background:url("../image/activity_topBg.jpg") no-repeat;background-size:100% 100%;}
.activityTop .title {margin:22px 0 0 40px;background-size:164px 76px;width:164px;height:76px;line-height:76px;font-size:38px;letter-spacing:3px;}
.activityTop .content {font-size:20px;}
.activityTop .content .courseClass {line-height:56px;padding-right:18px;}
.activityTop .content .courseTime {text-align:left;}
.activityTop .content .courseDate {margin-left:14px;}
.activity_resourceContent {padding:0 60px;background:url("../image/activity-contentBg.jpg") no-repeat left top;background-size:100% auto;}
.salonContentDetailAll,.activity_salonContent,.testContentDetail {background:url("../image/activity-contentBg.jpg") no-repeat left top;background-size:100% auto;}
.activity_resourceContentTitle {font-size:36px;color:#000;text-align:center;line-height:140px;}
.activity_resourceContentCon {color:#000;text-align: left;line-height:40px;}
.resourceJoinNum {width:40%;margin-top:10px;}
.resourceJoinTime {width:calc(60% - 2px);}
.resourceJoinNum > div,.resourceJoinTime > div {width:28%;margin-left:4%;}
.resourceJoinMsg {padding:14px 50px 50px 50px;}
.resourceJoinTime {background:rgba(176,192,218,.5);padding:4px 0;}
.resourceJoinTime > div {padding:10px 0}
.resource_question {font-size:28px;color:#fff;line-height:86px;text-align: left;border-bottom:2px solid #bbb;}
.resource_question span {display:inline-block;width:180px;height:56px;background:url("../image/resource-question.png") no-repeat;background-size:100% 100%;text-align:center;line-height:56px;}
.resource_questionList {border-bottom:2px solid #bbb;padding:20px 0 36px 0;}
.resource_questionListImg {width:52px;}
.resource_questionListContent {width:calc(100% - 52px);}
.resource_questionListImg>div {width:52px;height:52px;border-radius: 100%;background:#fff;}
.resource_questionListImg>div img {width:50px;height:50px;padding:1px;border-radius: 100%;}
.resource_questionListPersonName {height:52px;line-height:52px;color:#0059b2;padding:0 0 0 20px;}
.resourceNotGiveLike {display:inline-block;width:22px;height:20px;background:url("../image/resourceNotGiveLike.png") no-repeat;vertical-align: -2px;margin-right:5px;}
.resourceGiveLike {display:inline-block;width:22px;height:20px;background:url("../image/resourceGiveLike.png") no-repeat;vertical-align: -2px;margin-right:5px;}
.resourceContent {color:#000;line-height:54px;text-align: left;padding-left:20px;margin-top:10px;}
.resourceContentReply {padding-left:20px;}
.resourceContentReplyName,.resourceContentReplyContent {text-align: left;margin-top:20px;}
.resourceContentReplyName span {color:#008c00;display:inline-block;height:22px;line-height:22px;padding-left:10px;border-left:1px solid #2db200;text-align: left}
.resourceContentReplyContent {color:#555;}
.resource_questionListAll {padding-bottom:100px;}
.activityTestQuestionList {padding-bottom:40px;}
.testQuestionTitle > span:nth-child(1),.voteListTitle > span:nth-child(1) {display:inline-block;width:66px;height:40px;text-align:center;line-height:40px;color:#fff;background:linear-gradient(to right,#7691f7,#5C7DF5);border-radius:20px;}
.testJoinNum {width:30%;}
.testJoinTime {width:calc(70% - 2px)}
.testJoinNum > div {width:35%;margin-left:10%;}
.testJoinTime > div {width:20%;margin-left:4%;}
.testTitle {font-size:36px;color:#000;line-height:140px;}
.activity_testContent {padding:0 50px 100px 50px;margin-top:20px;}
.testQuestionTitle {font-size:30px;color:#333;text-align: left;line-height:60px;padding-bottom:10px;}
.testQuestionTitle p {display:inline-block;}
.testQuestionOptions > div {font-size:30px;color:#333;line-height:60px;padding:0 70px;border-bottom:1px solid #bbb}
.testQuestionOptions > div .questionOptions {width:94%;text-align: left}
.questionOptionsChecked {color:#008c00!important;background:url("../image/testQuestionChecked.png") no-repeat 25px center}
.testQuestionCorrect {text-align: right;font-size:30px;color:#00698c;line-height:64px;margin-top:10px;display:none;}
.activity_salonContent {padding:0 60px;}
.salonTitle {line-height:60px;font-size:36px;color:#000;text-align: left;padding:40px 0}
.activity_salonContentCon {color:#000;text-align: left;line-height:40px;padding-bottom:40px;}
.salonJoinMsg {width:100%;}
.salonJoinMsgMiddle {width:280px;height:100px;margin:0 auto;}
.salonLabel span {color:#000;cursor:pointer;}
.salonLabel {padding:50px 0 20px 0;text-align: left}
.salonLabelDetail {margin-left:26px;}
.salonLabel span.chooseSalonSearch {color:#f00;}
.salonListAll {padding-bottom:50px;}
.salonList {padding-bottom:50px;}
.salonListContent {padding:30px 40px;}
.salonList1 {background:#49acc5;}
.salonList2 {background:#8b7eb6;}
.salonList3 {background:#6d9553;}
.salonList4 {background:#ca729c;}
.salonListPersonMsg1 {background:#9bcdd9;}
.salonListPersonMsg2 {background:#bcb6d2;}
.salonListPersonMsg3 {background:#adc1a0;}
.salonListPersonMsg4 {background:#e4b8cd;}
.salonContentTime {text-align: right;color:#fff;}
.salonContentDetail {text-align:left;color:#fff;line-height:54px;margin-top:10px;}
.salonLabelList {margin-top:20px;text-align: left;color:#fff;}
.salonLabelList span {padding:5px 15px;background:rgba(255,255,255,.5);color:#3158d9;border-radius:5px;}
.salonLabelListInterval {margin-left:20px}
.salonListPersonMsg {padding:20px 40px;}
.salonListPersonImg {width:52px;height:52px;background:#fff;border-radius: 100%;}
.salonListPersonImg img {width:50px;height:50px;padding:1px;border-radius:100%;}
.salonListPersonName {color:#333;margin-left:15px;line-height:52px;}
.salonListPersonNotGiveLike {line-height:52px;padding-left:30px;color:#555;cursor:pointer;background:url("../image/notGiveLike.png") no-repeat left center;}
.salonListPersonGiveLike {background:url("../image/giveLike.png") no-repeat left center;}
.activity_voteTitle {font-size:36px;color:#000;line-height:140px;}
.voteListAll {padding:0 60px;margin-top:26px;}
.voteJoinMsg {width:280px;height:100px;margin-right:20%;}
.voteList {padding-bottom:50px;}
.voteListTitle {text-align: left;font-size:30px;color:#000;line-height:54px;font-family:Microsoft YaHei;letter-spacing: 2px;padding-bottom:18px;}
.voteListOptions {min-height:75px;padding:10px 40px 0 40px;letter-spacing: 2px;}
.voteOptionMsg {font-size:30px;color:#000;text-align: left;font-family:Microsoft YaHei;width:calc(100% - 280px);}
.voteJoinPercentMsg {width:240px;color:#000;font-size:28px;text-align: right}
.votePercentLength {width:calc(100% - 280px);height:8px;background:#ccc;border-radius:4px;margin-top:12px;overflow: hidden}
.voteJoinPercent {height:8px;}
.voteJoinPercent1 {background:#51CFA0;}
.voteJoinPercent2 {background:#F27056;}
.voteJoinPercent3 {background:#566CC2;}
.voteJoinPercent4 {background:#FFA64D;}
.resourceNotOpenTip {width:700px;height:48px;font-size:36px;color:#fff;letter-spacing: 8px;display:inline-block;position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.transferPageScreen {width:100%;height:100%;background:url("../image/activity_bg.jpg") no-repeat;min-height: 682px;}
.transferPage_top {width:100%;height:50px;line-height:50px;padding:100px 0 50px 0;}
.transferPage_leftBox {width:122px;height:50px;background:#7fff00;}
.transferPage_title {margin-left:20px;text-align: left;font-size:42px;color:#fff;line-height:50px;max-width:880px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.transferPage_line {height:1px;background:#fff;margin-top:25px;margin-left:20px;}
.transferPage_number {width:300px;text-align: left;font-size:32px;color:#fff;}
.transferPage_content {width:100%;height:336px;background:url("../image/transferPage.jpg") no-repeat;}
.transferPage_gradeName {margin-left:15%;line-height:336px;color:#fff;font-size:50px;max-width:calc(100% - 35% - 400px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.transferPage_time {margin-right:20%;width:332px;height:192px;margin-top:72px;}
.transferPage_timeDetail {color:#fff;display:inline-block;border-bottom:1px solid #fff;}
.transferPage_dateTime {font-size:30px;color:#fff;margin-top:10px;}
.font24 {font-size:24px;}
.font30 {font-size:30px;}
.activity_contentBg {background:#041a55 url("../image/activity_bg.jpg") no-repeat left top/100% 800px;}
.activityTopBgNone {background:none;}

.salonContentDetail img {width:100%;}

/*修改播课单元中音视频管理页面的表格显示不全问?*/
.microValueListTable tr:first-child th:nth-child(2) {width:48%}
.microValueListTable tr:first-child th:nth-child(3) {width:12%}
.microValueListTable tr td:nth-child(2) {word-wrap:break-word}



table.valuelist td.uploaderPodcast {text-align: center;padding-left:0;}
.uploaderPodcast span {background:url(../image/global_image.png) no-repeat -17px -24px;display:inline-block;width:16px;
    height:16px;cursor:pointer;margin:0 5px;}
table.valuelist td.uploaderPodcast em {width:16px;height:16px;display:inline-block;background:url(../image/podcastThumbnail.png) no-repeat;
    margin:0 5px;cursor: pointer;position: relative}
table.valuelist td.uploaderPodcast em div {position: absolute;top:20px;left:20px;width:180px;height:120px;z-index: 999999;display:none;}
table.valuelist td.uploaderPodcast em div img {width:100%;height:100%;}
/*在线测试 添加试题 元数? 展开方式*/
.moreDataOptions {
    font-weight: bold;
    font-size: 13px;
    color: #333333;
    padding-left: 10px;
    border-left: 4px solid #006DD9;
    margin: 24px 0 14px 0;
}
.moreDataOptions-show {
    cursor: pointer;
    border: none;
    background: transparent;
    color: #006DD9;
    font-size: 12px;
    font-weight: normal;
    padding: 0 24px 0 14px;
    vertical-align: 1px;
    background: url(../image/moreDataOptions_toggle_down.png) no-repeat center right;
    background-size: 16px 16px;
}
.moreDataOptions-hide {
    background: url(../image/moreDataOptions_toggle_up.png) no-repeat center right;
}
.moreDataOptions-show:focus,
.moreDataOptions-hide:focus {
    outline: none;
}

/* 测试 学生 添加考试要求和测试说? */
.qtest-title {
    width: 28%;
    padding: 0 2%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.qtest-bl-d {
    border-left: 1px solid #ddd;
}
.qtest-txt-red {
    color: #FF0000;
}
.qtest-info-box {
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 14px;
}
.qtest-info-item {
    width: 100%;
    border-bottom: 1px solid #ddd;
    height: 50px;
    line-height: 50px;
}
.qtest-info-title {
    width: 9%;
    border-right: 1px solid #ddd;
    text-align: center;
    background: #F3F3F3;
    color: #000;
}
.qtest-description-box,
.qtest-requirement-box {
    position: relative;
    width: 86%;
    padding: 0 2%;
}
.qtest-description-info,
.qtest-requirement-info {
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}
.qtest-description-box input,
.qtest-requirement-box input {
    position: absolute;
    right: 0;
    top: 10px;
}
.qtest-moreDataOptions{
    position: absolute;
    right: 0;
    top: 10px;
    cursor: pointer;
    border: none;
    background: transparent;
    color: #CC0000;
    font-size: 14px;
    padding-left: 14px;
}
.qtest-fancybox-wrap {
    padding: 0 40px;
}
.qtest-fancybox-conts {
    line-height: 24px;
    font-size: 14px;
    color: #333;
    text-align: left;
    max-height: 280px;
    overflow-y: auto;
}

/*自定义select选择?*/
.open-model-box {
    position: relative;
    z-index:22;
    display: inline-block;
    width: 120px;
    height: 26px;
    line-height: 26px;
    text-indent: 14px;
    border: 1px solid #ccc;
    background: url(../image/module_button_bg.jpg) repeat-x scroll 100%;
}
.open-model-box .model-select-text {
    position: relative;
    height: 26px;
    background: url(../image/custom_menu_arrow.png) no-repeat 90% center;
    -webkit-background-size: 11px 6px;
    background-size: 11px 6px;
    width: 120px;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    cursor: pointer;
    user-select: none;
}
.open-model-box_new .model-select-text{
    height: 38px !important;
    font-size: 14px !important;
    background: url(../image/custom_menu_arrow.png) no-repeat 100% center !important;
}
.open-model-box .model-select-option {
    position: absolute;
    top: 27px;
    left: 0;
    display: none;
    list-style: none;
    border: 1px solid #e4e4e4;
    border-top: none;
    padding: 0;
    margin: 0;
    width: 120px;
    box-sizing: border-box;
    z-index: 99;
    background-color: #fff;
}
.open-model-box_new .model-select-option{
    top: 42px !important;
    width: 136px !important;
}
.open-model-box .model-select-option li {
    height: 26px;
    line-height: 26px;
    color: #333;
    font-size: 12px;
    margin: 0;
    border-bottom: #ccc solid 1px;
    cursor: pointer;
}
.open-model-box_new .model-select-option li {
    height: 36px;
    line-height: 36px;
    color: #333;
    font-size: 12px;
    margin: 0;
    border-bottom: #ccc solid 1px;
    cursor: pointer;
}
.open-model-box .model-select-option li:last-child {
    border-bottom: none;
}
.open-model-box .model-select-option li:hover {
    background-color: #F5f7fa !important;
    border-bottom-color:#ccc!important;
    color: #409eff !important;
}
.open-model-box .model-select-option li.selectedLi {
    background-color: #F5f7fa !important;
    border-bottom-color:#ccc!important;
    color: #409eff !important;
}

/*管理? 强制绑定手机*/
.force_switch > .switch {width:40px;height: 20px;position: relative;border-radius: 16px;}
.force_switch > .switch .slider {width:20px!important;height: 20px!important;}
.force_switch > .switch-on .slider {left:20px!important;}
.force_switch > .switch-off {background:#cccccc!important;border-color:#cccccc!important;box-shadow: rgb(204, 204, 204) 0 0 0 16px inset!important;}

force_switch > .switch-on {
    box-shadow: rgb(109 158 235) 0px 0px 0px 16px inset !important;
}
.force_switch > .switch-on .slider{
    left: 0 !important;
    left: 16px !important;}
.force_switch > .switch .slider{
    width: 16px !important;
    height: 16px !important;
}
.force_switch > .switch{
    width: 32px !important;
    height: 16px !important;
}

/*在线测试 添加新测试提示语样式*/
.qtest-tips {
    background: url(../image/tips.png) no-repeat left center;
    padding-left: 22px;
}

/*管理? 用户登录设置*/
#changeLoginTable  th,#changeLoginTable td{
    text-align: center;
    border:none;
    border-bottom: 1px solid #DDDDDD;
}
#changeLoginTable input[type="radio"] {
    width: 18px;
    height:18px;
}
.prompt{
    display: none;
    height: 16px;
    width: 100%;
    background: #ffffff url("../image/prompt.png") left no-repeat;
    font-size: 12px;
    line-height: 16px;
    color:red;
    text-indent: 20px;
}
.changeLoginTypeBtn{
    width: 100%;
}
.changeLoginTypeBtn span{
    text-align: center;
    display: block;
}
.changeLoginTypeBtn span input{
    margin: 0 5px;
}
#accSwitch > .switch,#vfySwitch > .switch{
    width: 32px;
    height: 16px;
}
#accSwitch > .switch .slider,#vfySwitch > .switch .slider{
    width: 16px!important;
    height: 16px!important;
}

#accSwitch > .switch-on .slider,#vfySwitch > .switch-on .slider{
    left: 16px!important;
}

#accSwitch > .switch-on,#vfySwitch > .switch-on{
    background-color: #1890FF!important;
    border-color: #1890FF!important;
}
body .loader {
    height: 250px;
    position: relative;
    margin: auto;
    width: 400px;
    z-index:10;
}
body .loader_overlay {
    width: 150px;
    height: 150px;
    background: transparent;
    box-shadow: 0px 0px 0px 1000px rgba(255, 255, 255, 0.67), 0px 0px 19px 0px rgba(0, 0, 0, 0.16) inset;
    border-radius: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
body .loader_cogs {
    z-index: -2;
    width: 100px;
    height: 100px;
    top: -120px !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
body .loader_cogs__top {
    position: relative;
    width: 100px;
    height: 100px;
    -webkit-transform-origin: 50px 50px;
    transform-origin: 50px 50px;
    -webkit-animation: rotate 10s infinite linear;
    animation: rotate 10s infinite linear;
}
body .loader_cogs__top div:nth-of-type(1) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
body .loader_cogs__top div:nth-of-type(2) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
body .loader_cogs__top div:nth-of-type(3) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
body .loader_cogs__top div.top_part {
    width: 100px;
    border-radius: 10px;
    position: absolute;
    height: 100px;
    background: #2693FF;
}
body .loader_cogs__top div.top_hole {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: white;
    position: absolute;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
body .loader_cogs__left {
    position: relative;
    width: 80px;
    -webkit-transform: rotate(16deg);
    transform: rotate(16deg);
    top: 28px;
    -webkit-transform-origin: 40px 40px;
    transform-origin: 40px 40px;
    -webkit-animation: rotate_left 10s .1s infinite reverse linear;
    animation: rotate_left 10s .1s infinite reverse linear;
    left: -24px;
    height: 80px;
}
body .loader_cogs__left div:nth-of-type(1) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
body .loader_cogs__left div:nth-of-type(2) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
body .loader_cogs__left div:nth-of-type(3) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
body .loader_cogs__left div.left_part {
    width: 80px;
    border-radius: 6px;
    position: absolute;
    height: 80px;
    background: #FF9326;
}
body .loader_cogs__left div.left_hole {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: white;
    position: absolute;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
body .loader_cogs__bottom {
    position: relative;
    width: 60px;
    top: -65px;
    -webkit-transform-origin: 30px 30px;
    transform-origin: 30px 30px;
    -webkit-animation: rotate_left 10.2s .4s infinite linear;
    animation: rotate_left 10.2s .4s infinite linear;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    left: 79px;
    height: 60px;
}
body .loader_cogs__bottom div:nth-of-type(1) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
body .loader_cogs__bottom div:nth-of-type(2) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
body .loader_cogs__bottom div:nth-of-type(3) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
body .loader_cogs__bottom div.bottom_part {
    width: 60px;
    border-radius: 5px;
    position: absolute;
    height: 60px;
    background: #FFC926;
}
body .loader_cogs__bottom div.bottom_hole {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: white;
    position: absolute;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* Animations */
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate_left {
    from {
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg);
    }
    to {
        -webkit-transform: rotate(376deg);
        transform: rotate(376deg);
    }
}
@keyframes rotate_left {
    from {
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg);
    }
    to {
        -webkit-transform: rotate(376deg);
        transform: rotate(376deg);
    }
}
@-webkit-keyframes rotate_right {
    from {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    to {
        -webkit-transform: rotate(364deg);
        transform: rotate(364deg);
    }
}
@keyframes rotate_right {
    from {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    to {
        -webkit-transform: rotate(364deg);
        transform: rotate(364deg);
    }
}