@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{ padding:0; margin:0;color:#1b1b1b; font:12px/20px "微软雅黑","SimSun","宋体","Arial Narrow",HELVETICA; /*background:url(../images/body_bg.png) repeat-y #EDEDED;*/}
body.bg_img {background:url(../images/body_bg.png) repeat-y #EDEDED;}
body.bged {background:#ededed;}
body.bged2 {background:#ededed;-moz-user-select: none;-khtml-user-select: none;user-select: none;}

body.body-teachingdesign {background:url(../images/body_bg.png) repeat-y #EDEDED;}
body.body-teachingdesign #teachingdesign {background: #ddd;}
body.body-teachingdesign #teachingdesign i {color:#888;}

h1,h2,h3,h4,p,ul,li,dl,dt,dd,input,img,select{ padding:0; margin:0; border:none; list-style:none; font-family:'微软雅黑';}
input { font-family:'微软雅黑'}
a:link,a:visited{ color:#1B1B1B; text-decoration:none;}
a:hover {color:#00395f;}

@media (max-width: 992px) {
    body.bg_img {
        background: #ededed;
    }
}

/*头部改bootstrap*/
.header {width:100%; height:55px; line-height: 55px; margin:0 auto; min-width:1200px;}
.header-left {
    width: 220px;
    float: left;
    background: #00a0f5;
    height: 55px;
    color: #fff;
    line-height: 55px;
}
a.back-home {
    display: block;
    padding-left: 40px;
    color: #fff;
}
.with-header-left {
    margin-left: 220px;
    margin-right: 0;
    background: #74c6f1;
    height: 55px;
    line-height: 55px;
}
.location {
    height: 55px;
    line-height: 55px;
    padding-top: 12px;
    padding-bottom:13px;
}
.location ul {overflow: hidden;}
.location ul li {
    height: 30px;
    float: left;
    background: url(../images/location_bg.png);
    padding:0 5px 0 10px;
    line-height: 30px;
}
.location ul li.location-right,.location ul li.location-right2 {
    background: none;
    padding: 0;
}
a.white-link {
    color: #fff;
}
.text-white,.text-white i {
    color: #fff;
}

img.img-normal {
    vertical-align: top;
}
.toggle-group {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    height: 55px;
}
.toggle-link {
    height: 55px;
    opacity: 0.5;
    color: #fff;
    display: inline-block;
    padding:0 8px;
    border-top: 3px solid transparent;

}
.toggle-cur {
    border-top: 3px solid #fff;
    opacity: 0.8;
}

.navbar-default .navbar-nav > li > a.toggle-link {
    color: #fff;
    font-size: 12px;
}


/*home.html页面header   bootstrap*/
body.newstyle .header-left {
    background: rgba(255,255,255,0.8);
}
body.newstyle .with-header-left {
    background: rgba(255,255,255,0.54);
}

/*bootstrap prepareLesson*/
.content-left {
    width: 220px;
    float: left;
}
.with-content-left {
    margin-left: 220px;
    margin-right: 0px;
}
.float-left-nav {
    border-right:1px solid #ddd;
    background: #fff;
    position:absolute;
    z-index:999;
    /*  height:100% !important;
    min-height:100% !important; */
    margin-top: 55px;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
}
@media (max-width: 992px) {
    .with-content-left {
        margin-left: 0;
    }
}
.with-con-left {
    margin-left: 220px !important;
    margin-right: 0;
}



/*头像信息部分*/
.content_L .center {width:220px; height:101px; border-bottom:1px solid #ddd; padding:10px 0; background:#fbfbfb;}/*boot过*/
.content-left .center {width:220px; height:101px; border-bottom:1px solid #ddd; padding:10px 0; background:#fbfbfb; border-right:1px solid #ddd;}
.center .centerL {width:79px; height:79px; float:left; margin-left:16px; display:inline;}
.centerL img {border-radius:50%; border:4px solid #fff; width:79px; height:79px;}
.center .centerR {width:100px; height:78px; margin-left:15px; float:left;}
.centerR h3 {width:100px; height:28px; line-height:28px; font-size:16px; font-weight:normal; padding-left:18px; background:url(../images2/dot.png) no-repeat left center;}
.centerR p {font-size:14px; color:#333; height:22px; line-height:22px;}
.centerR p span {color:#999; font-size:12px;}
.centerR p a,.centerR p a:link,.centerR p a:visited { color:#999;}



/*course-list bootstrap*/
.course-padding {
    padding:30px 45px;
}
.course-white {
    background: white;
    border-bottom: 1px solid #ddd;
}
.course-body {
    width: 100%;
    margin: 0 auto;
    height:40px;
    position:relative;

}
.course-prev,.course-next {
    position: absolute;
    cursor: pointer;
    top: 9px;
}
.course-prev {
    left:-25px;
}
.course-next {
    right: -25px;
}
.course-list {
    overflow: hidden;
    height: 51px;
}
.course-list ul li {
    float:left;
    width: 185px;
    height: 40px;
    background: red;
    margin-right:12px;
    position: relative;
    cursor: pointer;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}


a.cp-icon {
    width: 40px;
    height: 100%;
    float: left;
    background: url(../images2/label_icon.png) center center no-repeat #e5e5e5;
}
span.cp-name {
    width: 145px;
    height: 100%;
    float: left;
    background: #e5e5e5;
    line-height: 40px;
    text-align: center;
}
span.cp-arrow {
    width: 22px;
    height: 11px;
    background: transparent url("../images2/label_arrow.png") no-repeat scroll 0% 0%;
    position: absolute;
    left: 81px;
    bottom: -11px;
    display: none;
}

.course-list ul li:hover a.cp-icon {
    background: url(../images2/label_icon_hover.png) no-repeat center center #d96d00;
}

.course-list ul li:hover span.cp-name {
    background: #ff8000;
    color: #fff;
}

.course-list ul li.cur a.cp-icon {
    background: url(../images2/label_icon_hover.png) no-repeat center center #d96d00;
}
.course-list ul li.cur span.cp-name {
    background: #ff8000;
    color: #fff;
}
.course-list ul li.cur span.cp-arrow {
    display: inline-block;
}

.navbar-brand {
    margin-left:-15px;
}
@media (min-width: 301px) {
    .course-media {
        width: 287px;
    }
}
@media (min-width: 498px) {
    .course-media {
        width: 484px;
    }
}
@media (min-width: 695px) {
    .course-media {
        width: 681px;
    }
}

@media (min-width: 892px) {
    .course-media {
        width: 878px;
    }
}
@media (min-width: 992px) {
    .course-media {
        width: 681px;
    }
}
@media (min-width: 1089px) {
    .course-media {
        width: 878px;
    }
}
@media (min-width: 1286px) {
    .course-media {
        width: 1075px;
    }
}
@media (min-width: 1483px) {
    .course-media {
        width: 1272px;
    }
}
@media (min-width: 1680px){
    .course-media {
        width: 1469px;
    }
}
@media (min-width: 1877px) {
    .course-media {
        width: 1666px;
    }
}
@media (min-width: 2074px) {
    .course-media {
        width: 1863px;
    }
}
@media (min-width: 2271px) {
    .course-media {
        width: 2060px;
    }
}
@media (min-width: 2468px) {
    .course-media {
        width: 2257px;
    }
}
@media (min-width: 2665px) {
    .course-media {
        width: 2454px;
    }
}
@media (min-width: 2862px) {
    .course-media {
        width: 2651px;
    }
}

.lesson-exclamation {
    padding:30px 30px 30px 230px;
}

@media (max-width:992px){
    .lesson-exclamation {
        padding-left: 50px;
    }
}

.lesson-media {
    margin-top: 0 auto;
}

.lesson-body {
    width: 100%;
    position: relative;
    width: 1360px;
    margin:0 auto;
}
.lesson-list {
    background: url(../images2/scrollbox_ico_bg.jpg) repeat-x 0px 63px;
    width: 100%;
    overflow: hidden;
}
.lesson-prev,.lesson-next {
    position: absolute;
    top: 155px;
    cursor: pointer;
}
.lesson-prev {left: -22px;}
.lesson-next {right: -22px;}

.lesson-box {
    width: 271px;
    padding:0 27px 40px 27px;
    display: inline-block;
    height: 100%;
    position: relative;
    /* transition: all 0.4s; */
}
.lesson-num {
    width: 30px;
    height: 40px;
    background: url(../images2/num.png) no-repeat;
    line-height: 30px;
    color: #bbb;
}
.lesson-icon {
    width: 50px;
    height: 50px;
}

.lesson-plan {
    margin-top: 15px;
}
.lesson-plan .lesson-title {
    background: #43B59B;
    height: 48px;
    line-height: 48px;
}
.lesson-plan .lesson-chapter {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #ededed;
}
.ques-icon {

    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #ededed;
}
.ques-icon i img {
    margin-top: -5px;
}
.ques-icon>div {

}
.ques-icon>div>a {
    display: block;
    color: #999;
}
.lesson-time {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #ededed;
}
.lesson-btn {
    height: 44px;
    line-height: 44px;
}
.lesson-btn > div {
    border-right: 1px solid #ededed;
}
.lesson-btn > div >a {
    display: block;
    color: #77A622
}
.lesson-add {
    cursor: pointer;
    position: absolute;
    right: -32px;
    top: 48px;
}


@media (max-width: 658px){
    .lesson-body {
        width: 271px;
    }
}
@media (min-width: 659px){
    .lesson-body {
        width: 542px;
    }
}
@media (min-width: 930px){
    .lesson-body {
        width: 813px;
    }
}
@media (min-width: 1201px){
    .lesson-body {
        width: 1084px;
    }
}
@media (min-width: 1472px){
    .lesson-body {
        width: 1355px;
    }
}
@media (min-width: 1743px){
    .lesson-body {
        width: 1626px;
    }
}
@media (min-width: 2014px){
    .lesson-body {
        width: 1897px;
    }
}
@media (min-width: 2285px){
    .lesson-body {
        width: 2168px;
    }
}
@media (min-width: 2556px){
    .lesson-body {
        width: 2168px;
    }
}
@media (min-width: 2827px){
    .lesson-body {
        width: 2439px;
    }
}
@media (min-width: 3098px){
    .lesson-body {
        width: 2710px;
    }
}






/*page1新&login页面*/
body.newstyle {background:url(../images2/login_bg.png); background-size:cover; position:relative; }
body.newstyle .header {position:absolute; left:0; top:0; z-index:10;}
body.newstyle .header .header_L {color:#333; background:url(../images2/logo2.png) no-repeat 40px center;}
body.newstyle .header .header_R {background:none;}
body.newstyle .header_R .header_btn ul li.top_ico1 {background:url(../images2/new_icon01.png) no-repeat left center;  width:37px;}
body.newstyle .header_R .header_btn ul li.top_ico2 {background:url(../images2/new_icon02.png) no-repeat center center; margin:0 15px; }
body.newstyle .header_R .header_btn ul li.top_ico3 {background:url(../images2/new_icon03.png) no-repeat center center;}


@media (max-width: 1440px) {
    body.newstyle {
        background-size: inherit;
    }
}



.signup_top {padding-top:25px;}


.newcontent {width:100%; height:auto; position:absolute; top:200px; z-index:999; opacity:0; filter:alpha(opacity=0); left:-200px;}
.newcontent ul {width:936px; margin:0 auto; height:174px;}
.newcontent ul li {width:174px; float:left; margin-right:80px; position:relative; height:100%; z-index:1000;}
.newcontent ul li a {display:block; width:174px; height:174px; position:absolute; z-index:2;}
.newcontent ul li span.btn_bg {width:232px; height:238px; position:absolute; left:22px; top:16px; background:url(../images2/btn_bg.png) no-repeat; z-index:1;}
.newcontent ul li div.btn_name a {width:174px; font-size:30px; color:#fff; text-shadow:1px 1px 1px #222; text-align:center; height:80px; line-height:60px; top:174px; font-weight:bold;}
.newcontent ul li div.btn_name a img {display:block; margin:0 auto; margin-top:15px;}


@media (max-width: 936px) {
    .newcontent ul {
        width: 468px;
    }
    .newcontent ul li {
        height: 250px;
    }

    .newcontent ul li:nth-child(even){
        margin-right: 0;
    }
}



.newcontent ul li:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



/*云*/
.cloud{
    position:absolute;
    top:400px;
    width:278px;
    height:153px;
    background:url(../images2/cloud.png) no-repeat 0 0;
    background-size:contain;
    -webkit-animation:float 40s linear  infinite both  ;
    -moz-animation:float 40s linear infinite both  ;
    -o-animation:float 40s linear infinite both  ;
    animation:float 40s linear infinite both  ;
}
.cloud2 { position:absolute;top:250px;
    -webkit-animation:float 50s linear 8s  infinite both  ;
    -moz-animation:float 50s linear 8s infinite both  ;
    -o-animation:float 50s linear 8s infinite both  ;
    animation:float 50s linear 8s infinite both  ;
}
.cloud3 { position:absolute;width:160px; height:88px; background-size:cover;
    -webkit-animation:float2 60s linear 5s infinite both  ;
    -moz-animation:float2 60s linear 5s infinite both  ;
    -o-animation:float2 60s linear 5s infinite both  ;
    animation:float2 60s linear 5s infinite both ;
    top:100px;
}


/*login*/
.login {width:840px; margin:0 auto; padding-top:10px;}
.login .login_L {width:360px; float:left;}
.login_L img {float:right; margin-right:40px; margin-top:25px;}
.login_tit {height:67px; padding:20px 0; overflow:hidden; width:100%;}
.login_input input.lgn {display:block; width:322px; height:45px; background:#fff; border:1px solid #ddd; padding-left:10px; margin-bottom:25px; color:#aaa; font-size:16px;}
.login_input input.lgn-sm {
    display:block;
    width: 202px;
    height:45px;
    background:#fff;
    border:1px solid #ddd;
    padding-left:10px;
    margin-bottom:25px;
    color:#aaa;
    font-size:16px;
}

.login-alert{
    width: 322px;
    text-align: left;
}

.login-captcha{
    margin: 0 !important;
}

.login_btn input.login_button {width:155px; height:45px; background:#92d83f; font-size:16px; color:#fff; text-align:center; border-radius:4px; float:left;}
.login_btn div.forget {width:167px; height:45px; font-size:16px; color:#000; text-align:center; line-height:45px; float:left;}




.content {width:100%;height:auto; margin:0 auto; min-width:1200px; overflow:hidden;}
.content2 {width:100%;height:auto; margin:0 auto; min-width:1200px;}
.content .content_L {width:220px; float:left; position:absolute;}
.content .content_R {width:auto; margin-left:220px; height:100%; }
.content .no-border {border:0;}
.content2 .content_L {width:220px; float:left; position:absolute;}
.content2 .content_R {width:auto; margin-left:220px; height:auto;height:100%; position:relative;}
.content2 .no-border {border:0;}





/*提示*/
.content_R .promet {height:101px; border-bottom:1px solid #ddd; background:#fbfbfb;font-size:14px; color:#a5a5a5; padding-left:70px; padding-top:40px;}

.editCourseInfo-promet {
    height: 101px;
    border-bottom:1px solid #ddd;
    background: #fbfbfb;
    font-size: 14px;
    color: #a5a5a5;
    padding-left: 70px;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow:hidden; /*不显示超过对象宽度的内容*/
    text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记（...）*/
    white-space:nowrap; /*限制在一行内显示所有文本*/
}


.content_R .model_promet {background:none;border-bottom:0;}
.promet p {height:20px; line-height:20px; background:url(../images2/icon-3.png) no-repeat left top; padding-left:30px;}

/*模块按钮*/
.content .mod_list {width:100%; padding:135px 0 200px; background:#ededed; clear:both;}
.mod_list ul {width:821px; margin:0 auto; height:182px;}
.mod_list ul li {float:left; margin-right:31px; width:182px; height:182px; overflow:hidden;}
.mod_list ul li.gl {margin-right:0;}
.mod_list ul li .pad {margin:20px;}
.mod_list ul li a {display: inline-block;width: 100%;height: 100%;color: #FEFEFE;text-align: center;border: 0px none;}
.mod_list ul li .pad img {width:60px; margin:26px;}
.mod_list ul li .pad h5 {font-size:20px; margin:0; font-weight:normal;}
/*颜色*/
.mod_list ul li.blue {background:#5BC0DE;}
.mod_list ul li.green {background:#85b200;}
.mod_list ul li.orange {background:#f98e33;}
.mod_list ul li.yellow {background:#ffb61c; margin-right:0;}
/*action*/
li.box-link img{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition:all 0.3s eas-in-out;
    transition:all 0.3s eas-in-out;
}

li.box-link:hover img, li.box-link:active img, li.box-link:focus img {
    opacity: .3;
    -webkit-transform: rotate(30deg) scale(3.5);
    -moz-transform: rotate(30deg) scale(3.5);
    -ms-transform: rotate(30deg) scale(3.5);
    transform: rotate(30deg) scale(3.5);
}

li.box-link:hover h5 {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}





/*page3*/

.editinfo-box {
    padding: 50px 0;
}



.def_input { background:#ededed; padding:60px 0 100px 0; clear:both; width:410px; margin:0 auto;}
.def_input .def_input_box {height:43px; margin-bottom:28px; clear:both;}
.def_input_box span {font-size:18px; color:#666; height:43px; line-height:43px; display:block; float:left; width:110px;}
.def_input_box input.txt {width:300px; height:43px; background:#fff; padding-left:15px; font-size:18px; color:#666; display:block; float:left;}
.def_input_box a.enter {display:block; width:125px; height:43px; background:#779b37; border-radius:4px; text-align:center; color:#fff; font-size:18px; float:left; line-height:43px; margin-left:70px;}
.def_input_box button.enter {display:block; width:125px; height:43px; background:#779b37; border-radius:4px; text-align:center; color:#fff; font-size:18px; float:left; line-height:43px; margin-left:70px;}
.def_input .sections {width:300px; height:43px; display:inline-block; position: relative}
.sections .choice_title {background: url(../images2/sel_arrow.png) no-repeat 260px center #fff;color:#666; font-size:18px; height:43px;padding-left:15px; line-height:43px; cursor:pointer;}

/*.sections ul {position:relative; z-index:10;}
.sections ul li {width:300px; padding-left:15px; color:#666; font-size:18px; border-bottom:1px solid #ededed; height:40px; line-height:40px; background: url(../images2/weixuanding.png) no-repeat 260px center #fff;}
*/

/*课下资源*/
.res_con .content_L {background:#fbfbfb; border-right:1px solid #ddd;}
.res_con .content_L .center {border-bottom:0; border-right:1px solid #ddd;}





/*bootstrap manage left-nav*/
.left-nav {
    height: 45px;
    line-height: 45px;

}
a.manage-left-nav {
    display: block;
    height:100%;
    border-bottom: 1px solid #ddd;
    color: #333;
    border-left: 3px solid #00a0f5;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    background: #fff;
    border-left:3px solid transparent;
}
span.left-nav-text {
    margin-left: 20px;
}
.faicon {
    margin: 12px auto 0px;
    padding-left: 9px;
    width: 30px;
    height: 14px;
    color: #00a0f5;
    text-align: center;
}

.faicon.fa-2x {
    font-size: 1.6em;
}
.manage-right-title {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}


/*左侧导航列表*/
.content_L .left_Nav {width:220px; height:auto;}
.left_Nav .left_Nav_li {width:220px; height:45px;}
.left_Nav_li  a,.left_Nav_li  a:link,.left_Nav_li a:visited {display:block; color:#00a0f5; width:220px; line-height:44px; height:44px;background:#fff; border-bottom:1px solid #ddd; border-left:3px solid #00a0f5; position:relative; border-right:1px solid #ddd;}
.left_Nav_li  a i {width:37px; height:44px;  position:absolute; z-index:100; left:0; top:0; }
.left_Nav_li  a i img {width:18px; height:16px; display:block; margin:0 auto; margin-top:14px;}
.left_Nav_li  a span.li_icon {display:inline-block; width:37px; height:44px; float:left}
.left_Nav_li  a span.li_text {display:inline-block; width:165px; height:44px; position:absolute; left:55px; top:0;}

.left_Nav_li a span.li_icon {background:#00a0f5; width:0px; height:44px;}
/*
.topic_cur a span.li_icon {background:url(../images2/topic_icon_cur.png) no-repeat center center #e94b3b;}
.topic_cur a span.li_text {font-weight:bold;}

.source a span.li_icon {background:url(../images2/source_icon.png) no-repeat center center;}
.source_cur a span.li_icon {background:url(../images2/source_icon_cur.png) no-repeat center center #e94b3b;}
.source_cur a span.li_text {font-weight:bold;}
*/

.left_Nav .Nav_list {width:220px; height:auto; overflow:hidden;}
.Nav_list ul li {width:220px; height:45px; border-bottom:1px solid #ddd; line-height:45px;}

.Nav_list ul li a,.Nav_list ul li a:link,.Nav_list ul li a:visited {display:block; width:220px; padding-left:75px; height:44px; line-height:44px; background:url(../images2/nav_li_icon.png) no-repeat 48px center #fbfbfb; color:#999; border-right:1px solid #ddd;}
.Nav_list ul li a:hover {color:#333; background:url(../images2/nav_li_icon_hover.png) no-repeat 48px center #ddd;}

.Nav_list ul li.Nav_list_cur a,.Nav_list ul li.Nav_list_cur a:link,.Nav_list ul li.Nav_list_cur a:visited {background:url(../images2/nav_li_icon_hover.png) no-repeat 48px center #ddd; color:#333;}


/*右侧——左右结构*/
.content_R .con_R_L {margin-right:130px;  background:#f9f9f9; height:100%;}
.con_R_header { height:51px; background:#f7f7f7; padding-left:20px; border-bottom:1px solid #ddd; overflow:hidden;}
.con_R_header .conR_header_L {width:130px; float:left; height:50px; background:url(../images2/kexia_icon.png) no-repeat left center; padding-left:35px;}

/*展示资源*/
.con_R_header .zszy {background:url(../images2/zhanshi_icon.png) no-repeat left center;}

.conR_header_L input.text {width:100px; height:30px; line-height:30px; margin-top:10px; background:#f7f7f7; font-size:16px; color:#333; font-family:'微软雅黑'; float:left; margin-right:5px;}
.conR_header_L input.ipt {background:#ededed;}
.conR_header_L span.edit {display:block; float:left; width:20px; height:20px; margin-top:15px; cursor:pointer;}


.con_R_L .conR_body { overflow:hidden;}
.conR_body .conR_box {width:181px; height:146px; float:left; border:1px solid #ececec; margin-top:20px; margin-left:25px; cursor:pointer; display:inline;}
.conR_box .conR_box_Top {width:179px; height:110px; position:relative;}
.conR_box_Top img {position:absolute; z-index:0; display:block;}
.zy_label {width:36px; height:36px; background:url(../images2/wxz.png) no-repeat; position:absolute; right:0; top:0; z-index:20;}
.issue {width:auto; height:20px; line-height:20px; color:#fff; font-size:12px; padding:0 8px; position:absolute; z-index:3; background:#55bba4; left:10px; top:10px; border-radius:2px;}
.conR_box .conR_box_Bottom {width:179px; height:34px; color:#666; line-height:34px; padding-left:29px;}
.conR_box .ppt {background:url(../images2/ppt_icon.png) no-repeat 7px center;}
.conR_box .mp3 {background:url(../images2/mp3_icon.png) no-repeat 7px center;}
.conR_box .page {background:url(../images2/page_icon.png) no-repeat 7px center;}
.conR_box .mp4 {background:url(../images2/mp4_icon.png) no-repeat 7px center;}
.conR_box .url {background:url(../images2/url_icon.png) no-repeat 7px center;}


.xuanding {background:url(../images2/xz.png) no-repeat right top}


.conR_header_R { height:50px; float:right; line-height:50px;}
.conR_header_R ul li {float:right; margin-right:17px;}
.conR_header_R ul li a,.conR_header_R ul li a:link,.conR_header_R ul li a:visited {color:#8a9c20; display:block; padding-left:25px;}
.conR_header_R ul li.ts a {background:url(../images2/ts_icon.png) no-repeat left center;} /*推送学生*/
.conR_header_R ul li.del a {background:url(../images2/del_icon.png) no-repeat left center;} /*删除*/
.conR_header_R ul li.sc a {background:url(../images2/sc_icon.png) no-repeat left center;} /*上传*/
.conR_header_R ul li.dr a {background:url(../images2/dr_icon.png) no-repeat left center;} /*导入*/
.conR_header_R ul li.src a {background:url(../images2/src_icon.png) no-repeat left center;} /*插入链接*/

/*右侧列表*/
.content_R .con_R_R {width:130px; float:right; background:#EDEDED; }
.con_R_R .con_R_Tit {width:130px; height:51px; font-size:16px; color:#999; padding-left:15px; line-height:50px; border-bottom:1px solid #ddd;}
.con_R_R .new_b {
    width:130px;
    height:50px;
    padding-left: 16px;
}
.new_b a,.new_b a:link,.new_b a:visited {
    display:block;
    width:130px;
    height:50px;
    line-height:26px;
    border-bottom:1px solid #ddd;
    padding:12px 0;
    color:#777;
}

.new_b a span{
    font-size: 16px;
}

.new_b a:hover {
    color:#65c0ac;
}

.new_b a:focus{
    outline: 0;
}

.con_R_R .con_R_list {width:130px; overflow:hidden;}
.con_R_list ul li {width:130px; height:48px;}
.white {background:#fff;}



.shaft_block .top_right_ctrl{
    position: absolute;
    right: 0;
    top: 0;
    /*display:none;*/
    padding:5px 5px;
}

/*
.shaft_block:hover .top_right_ctrl{
    display:block;
}
*/
.top_right_ctrl a{
    color: white;
}

.top_right_ctrl .delete:hover i{
    color: #ff7373;
}

.top_right_ctrl .edit:hover i{
    color: #55bba4;
}




/*bootstrap designQuestion*/
.ques-box {padding-bottom:10px;}
.ques-num {
    font-size:16px;
    color:#999;
    height:28px;
    line-height:28px;
    float:left;
}
.ques-sel {
    width:90px;
    height:28px;
    background:#b2b2b2;
    float:left;
    margin-left:10px;
    display:inline;
    border-radius:4px;
}
.ques-sel-green{
    width:150px;
    height:28px;
    background:#4fbdaf;
}

.ques-sel .ques-sel-view {
    width:100%;
    height:28px;
    line-height:28px;
    cursor:pointer;
    color:#fff;
}

.ques-sel-view span.sel-text {
    width:62px;
    padding-left:20px;
    display:block;
    float:left;
    height:28px;
    line-height:28px;
    color:#fff;
}
.ques-sel-green .ques-sel-view span.sel-text  {
    width:152px;
}
.ques-sel-view span.sel-arrow {
    width:28px;
    height:28px;
    border-left:1px solid #eee;
    background:url(../images2/sel_arrow2.png) no-repeat center center;
    float:left;
}
.ques-sel ul {
    border-radius:4px;
    border:1px solid #eee;
    width:98px;
    position:relative;
    z-index:1001;
}
.ques-sel ul li {
    height:28px;
    line-height:28px;
    padding-left:20px;
    background:#fff;
    border-bottom:1px solid #eee;
    cursor:pointer;
    color:#999;
}
.ques-score {
    width:60px;
    height:28px;
    float:left;
    margin-left:10px;
}
input.score-input {
    width:40px;
    height:28px;
    border:1px solid #eee;
    border-radius:3px;
    float:left;
    text-align:center;
    line-height:28px;
}
.ques-score span {
    width:10px;
    height:28px;
    float:left;
    line-height:28px;
    margin-left:10px;
}

/*bootstrap edit*/
.ques-con h3.ques-title-edit {
    font-size:14px;
    color:#333;
    font-weight:normal;
    height:40px;
    line-height:40px;
}
.options {
    height:30px;
    position:absolute;
    left:10px;
    top:6px;
}
.ques-con {
    padding:0 30px 0 50px !important;
    margin-bottom:30px;
    position:relative;
}




/*请在左侧题目编辑区编辑题目内容*/
.papers {width:100%;  height:110px; border-bottom:1px solid #ddd; font-size:16px; text-align:center; font-weight:bold; color:#999; line-height:100px;}
.papers.active {background:#E5F8FF;}



/*bootstrap preview-box*/
.preview-box {
    width:auto;
    height:auto;
    background:url(../images2/wxz2.png) no-repeat left top;
    border-bottom:1px solid #ddd;
    padding:30px 20px 40px 25px;
    cursor:pointer;
    position:relative;
}
.preview_box_focus {
    background:url(../images2/xz2.png) no-repeat left top #e5f8ff;
}

.preview-box .delquestion {
    display:none;
}
.preview-box:hover .delquestion {
    display:inline-block;
}
.source-title {
    line-height:30px;
    margin-bottom:5px;
}
.source-title .num {
    margin-right:10px;
    float:left;
}
.source-title .type {
    margin-right:20px;
    float:left;
}
.source-title .kp {
    margin-right:35px;
    float:left;
}

.score {
    float:right;
}

ul.queslist li {
    padding-left:15px;
    line-height:25px;
    overflow:hidden;
    margin-bottom:4px;
}


table td.td-color-blue{
    background:#E5F8FF;
}
table td.td-color-gray {
    background:#eee;
}



.preview_ques_box { overflow:hidden; clear:both;}
.preview_ques_box .questitle {width:auto; line-height:30px; margin-bottom:5px;}
.preview_ques_box ul.queslist li {padding-left:15px; line-height:25px; overflow:hidden; margin-bottom:4px;}


.ques_table {width:auto; padding:0 10px; margin-top:10px;}
.ques_table table { border-collapse:collapse;}
.ques_table table tr td {background:#eee; border:2px solid #fff; text-align:center; height:30px; line-height:30px;}
.ques_table table tr td.td_left {background:#dff7ff; border-left:0;}
.ques_table table tr td.td_top {border-top:0;}
.ques_table table tr td.td_bottom {border-bottom:0;}
.ques_table table tr td.td_right {border-right:0;}



/*page7 主客观试卷*/
.con_R_header .zkgsj {background:url(../images2/zhukeguan_icon.png) no-repeat left center;}
.zkg_list ul li a,.zkg_list ul li a:link,.zkg_list ul li a:visited {background:url(../images2/zkg_list_bg.png) no-repeat 10px 12px; padding-left:35px; width:110px;}/*最右侧客观资源列表*/
.zkg_list ul li a span.right_list_text {width:75px;}

ul li.zkg {background:url(../images2/weixuanding2.png) no-repeat left center;} /*选择主观or客观*/
ul li.zkg_focus {background:url(../images2/xuanding2.png) no-repeat left center;} /*选择主观or客观*/


/*page5主管试卷*/
.con_R_header .zgsj {background:url(../images2/zhuguan_icon.png) no-repeat left center;}
.eva {height:28px; line-height:28px; float:left; margin:0 20px;}
.eva span {float:left;}
.eva ul {display:block; border:none; width:auto; float:left;}
.eva ul li {float:left; padding-left:25px; height:28px; line-height:28px; margin:0 5px; cursor:pointer;}

.zg_list ul li a,.zg_list ul li a:link,.zg_list ul li a:visited {background:url(../images2/zg_list_bg.png) no-repeat 8px 8px;}

.zg_list ul li a.shared, .zg_list ul li a.shared:link,.zg_list ul li a.shared:visited {background:url(../images2/zg_list_bg.png) no-repeat 8px 8px;}

.ques_con .photo {padding-left:0;font-size:14px; color:#666; height:20px; line-height:20px; margin-bottom:40px;}
.ques_con .photo span.photo_che {margin-right:6px;}
.ques_con .photo span.photo_text {margin-left:0; margin-right:10px;}



/*page9 选择学生*/
.student_list {width:90%; min-height:500px; position:absolute; background:#fff; left:5%; top:100px;}
.student_list .student_list_header {height:55px; background:#a4ba26; width:100%;}
.stuche {float:left; overflow:hidden; height:28px; line-height:28px; margin-top:13px; margin-left:20px;}
.stuche ul li {float:left; color:#fff; font-size:15px; margin-right:20px;}
.stuche ul li.stusel {margin-right:10px; width:80px; height:28px; border-radius:3px; background:url(../images2/trans_bg.png); margin-left:0; font-size:12px;}
.stusel .sel_box {width:80px;}
.stusel .sel_box span.sel_text {width:52px; padding-left:0; text-align:center; overflow:hidden;}
.stusel ul {width:78px; padding:0; height:auto;position:absolute;z-index: 10;display: none;border: 1px solid #EEE;}
.stuche ul li.stusel ul li {padding:0; margin:0; float:none; height:28px; width:78px; font-size:12px; text-align:center; color:#333;}

.stubtn {float:right; overflow:hidden; height:28px; line-height:28px; margin-top:13px;}
.stubtn ul li {float:right; margin-right:30px; padding-left:30px; font-size:13px; color:#fff; cursor:pointer;}
.stubtn ul li.stu_ok {background:url(../images2/ok.png) no-repeat left center;}
.stubtn ul li.select_all {background:url(../images2/select_all.png) no-repeat left center;}

/*学生列表*/
.student_list_body {width:100%; background:#fff; padding:30px 0;}
.student_list_body ul li {float:left; width:70px; height:auto; overflow:hidden; margin-left:20px; display:inline; margin-bottom:10px; cursor:pointer;}
.student_list_body ul li div.student_head {width:62px; height:62px; border-radius:50%; border:4px solid #fff; position:relative;}
.student_list_body ul li div.student_head div.student_icon {width:21px; height:20px; background:url(../images2/student_icon.png) no-repeat; position:absolute; right:0px; bottom:0px;}
.student_list_body ul li span {display:block;width:70px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#666;}
.student_list_body ul li.pitch_on div.student_head div.student_icon { background-position:-21px 0;}
.student_list_body ul li.pitch_on span {color:#85b200;}


/*教学设计 bootstrap*/

.teach-title {
    float:left;
    padding-right: 15px;
    width: auto;
    overflow: hidden;
    max-width: 300px;
}
.teach-edit-btn {
    float: left;
    cursor: pointer;
}
.teach-add {
}
.exclamation {
    padding-top: 40px;
    padding-left:70px;
    padding-bottom:50px;
}
.model-body {
    position: relative;
    width: 920px;
    margin:0 auto;
}

.model-list {
    /* width: 1150px; */
    /* height: 200px; */
    overflow: hidden;/*导致拖拽问题属性*/
    background: url(../images2/dashed.png) repeat-x left 16px;
    /*  margin:0 auto;margin-left: 42px; */
}

.shaft-block {
    width:200px;
    /* height: 200px; */
    float: left;
    margin: 0 15px;
    position: relative;
}
.model-next,.model-prev {
    float: left;
    width: 22px;
    position: absolute;
    height: 57px;
    top: 80px;
    cursor: pointer;

}
.model-prev {
    left: -42px;
}
.model-next {
    right: -42px;
}
.shaft-block .shaft-icon {
    width:32px;
    height:32px;
    margin:0 auto;
    background:url(../images2/shaft_icon1.png) no-repeat center center;
    margin-bottom:15px;
}

.shaft-box {
    width:200px;
    background: #ededed;
}
.jt {
    width:21px;
    height:10px;
    position:relative;
    margin: auto;
}
.jt img {
    display: block;
}
.shaft-box .shaft-title {
    width: 100%;
    min-height: 55px;
    padding:7px;
    background: #fba854;
    font-weight: bold;
}
.modulename {
    font-size:14px;
    font-weight:bold;
    font-family:'微软雅黑';
    padding-left:8px;
    margin-bottom:7px;
    height:18px;
    color: #fff;
    overflow:hidden;
}
.explain {
    color:#fff;
    font-weight: normal;
    padding-left: 8px;
}
a.edit-btn {
    margin-right: 4px;
    color: #fff;
}
.shaft-list {
    background: #fff;
    padding:10px 0;
    border:1px solid #ddd;
    border-top: 0;
    min-height: 100px;
}
.shaft-res {
    padding-top:6px;
    padding-bottom: 6px;
    cursor: pointer;
}
.shaft-res span {
    margin-left: 8px;
    color: #aaa;
}

/*教学环节 宽度响应*/
@media (max-width:1249px) {
    .model-body {
        width: 690px;
    }
}
@media (min-width:1250px) {
    .model-body {
        width: 920px;
    }
}
@media (min-width: 1480px) {
    .model-body {
        width: 1150px;
    }
}
@media (min-width: 1710px) {
    .model-body {
        width: 1380px;
    }
}
@media (min-width: 1940px){
    .model-body {
        width: 1610px;
    }
}
@media (min-width: 2170px) {
    .model-body {
        width: 1840px;
    }
}

/*source-nav*/
.slide-btn {
    height: 20px;
    background: url(../images2/slidebtn_bg.png) no-repeat center center #d5d5d5;
    cursor: pointer;
}
.source-boxs {
    height: 50px;
    background: #fff;
    border-radius: 4px;
    border-right: 3px #ededed solid;
    padding:10px;
    margin-top: 4px;
    cursor: pointer;
}
.source-boxs:hover {
    background: #d7d7d7;
}
.source-boxs span {
    color: #aaa;
    margin-left: 10px;
}
.source-nav {
    height: 40px;
    line-height: 40px;
    background: #fff;
    margin-top: 5px;
    color: #aaa;
    border-top:1px solid #ccc;
}
.source-body {
    min-height: 260px;
}
.source-icon {
    cursor: pointer;

    overflow: hidden;
}
.source-icon i {margin-right: 5px; margin-top: 5px;}

.source-icon i:before {
    display: block;
    float: left;
    margin-top: 5px;
}

.source-line {
    width: 100%;
    height: 3px;
    background: #A4BA26 none repeat scroll 0% 0%;
    position: absolute;
    left: 0px;
    top: 0px;
}
/*高度响应*/

@media (max-height:719px){
    .shaft-block,.model-body {
        min-height:410px ;
    }
    .teach-design-table {
        min-height: 510px;
    }
}
@media (min-height:720px){
    .shaft-block,.model-body {
        min-height:420px ;
    }
    .teach-design-table {
        min-height: 520px;
    }
}
@media (min-height:768px) {
    .shaft-block,.model-body {
        min-height: 490px;
    }
    .teach-design-table {
        min-height: 590px;
    }
}
@media (min-height:830px) {
    .shaft-block,.model-body {
        min-height: 550px;
    }
    .teach-design-table {
        min-height: 650px;
    }
}
@media (min-height:890px) {
    .shaft-block,.model-body {
        min-height: 610px;
    }
    .teach-design-table {
        min-height: 710px;
    }
}
@media (min-height:950px) {
    .shaft-block,.model-body {
        min-height: 670px;
    }
    .teach-design-table {
        min-height: 770px;
    }
}
@media (min-height:1010px) {
    .shaft-block,.model-body {
        min-height: 730px;
    }
    .teach-design-table {
        min-height: 830px;
    }
}
@media (min-height:1080px) {
    .shaft-block,.model-body {
        min-height: 790px;
    }
    .teach-design-table {
        min-height: 890px;
    }
}

@media (min-height:1140px) {
    .shaft-block,.model-body {
        min-height: 850px;
    }
    .teach-design-table {
        min-height: 950px;
    }
}
@media (min-height:1200px) {
    .shaft-block,.model-body {
        min-height: 910px;
    }
    .teach-design-table {
        min-height: 1010px;
    }
}


a.pencil-icon:hover i{
    color: #55bba4;
}

a.close-icon:hover i{
    color: #ff7373;
}


/*教学设计 table*/
table.teach-table tr td {
    vertical-align:middle !important;
    color: #666;
}
table.teach-table tr th,table.teach-table tr td {
    min-height: 42px;
    line-height: 42px;
}
table.teach-table tr th {
    color: #fff;
    background: #ccc;
}
.table-source-list {
    min-height: 84px;
}
.table-source-list ul li {
    cursor: pointer;
}

div.table-del {
    color: #ccc;
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
}
div.table-del:hover {
    color: #A4BA26;
}




/*page10 教学形式设计*/




/*upload dialog*/

.upload {width:577px; height:380px; background:#fff; margin:100px auto;}
.upload .upTit {width:577px; height:53px; line-height:53px; color:#fff; background:#a4ba26; padding-left:20px; font-size:15px;}
.upload .upbody {width:577px; height:327px; padding:0 20px;}
.upbody .add_file {height:50px; line-height:50px; padding-left:25px; background:url(../images2/upload_icon.png) no-repeat left center; color:#666; cursor:pointer;}
.upbody .add_file:hover {background:url(../images2/upload_icon_hover.png) no-repeat left center; color:#5fbfa9;}

.upbody .add_box {height:185px; width:100%; border:3px dashed #ccc; border-radius:5px; overflow:auto;}
.add_box ul li {width:100%; height:45px; border-bottom:1px solid #ccc; font-size:14px;}
.add_box ul li span {display:block; float:left; height:100%; line-height:44px;}
.add_box ul li span.del {width:9%; padding-top:16px; padding-left:10px;}
.add_box ul li span.del i {cursor:pointer; display:block; width:12px; height:12px; background:url(../images2/right_list_del.png) no-repeat;}
.add_box ul li span.del i:hover  {background:url(../images2/right_list_del_hover.png) no-repeat;}
.add_box ul li span.filename {width:66%; color:#333;}
.add_box ul li span.size {width:14%; color:#666;}
.add_box ul li span.load {width:11%; color:#999;}

.add_box .up_word {width:100%; height:40px; line-height:40px; font-size:12px; color:#ccc; text-align:center;}

.upload_btn {margin-top:23px; width:100%;}
.upload_btn ul li {float:right; height:45px; width:128px; margin-left:15px; line-height:45px; border-radius:4px;}
.upload_btn ul li a {display:block; width:128px; height:45px; text-align:center; line-height:45px; border-radius:4px; color:#fff;}
.upload_btn ul li a.tj {background:#a4ba26;}
.upload_btn ul li a.qx {background:#999;}

/*滚动条*/
.add_box::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.add_box::-webkit-scrollbar-track,
.add_box::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
}

.add_box::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}

.add_box::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}

.add_box::-webkit-scrollbar-corner {
    background: transparent;
}

.uploadfile.modal-header {color: #fff; background:#a4ba26; }
.con_R_header2 { height:51px; background:#f7f7f7; padding-left:20px; border-bottom:1px solid #ddd;}



/*4月7日 孙海修改 myclass页面的padding问题*/
.change_padding {padding-left:35px; padding-right:35px;}





.tbmar {margin:10px 0;
    background:#e5f8ff;
}




/* WebKit browsers */
.pher+input::-webkit-input-placeholder {
    color: #ccc
}
/* Mozilla Firefox 4 to 18 */
.pher+input:-moz-placeholder {
    color: #ccc;
    opacity: 1;
}
/* Mozilla Firefox 19+ */
.pher+input::-moz-placeholder {
    color: #ccc
opacity: 1;
}
/* Internet Explorer 10+ */
.pher+input:-ms-input-placeholder {
    color: #ccc
}





.fluid-width {
    width:100%; !important
transition-property:all;
    transition-duration: 0.2s;
}
.without-width {
    width:0;
    overflow:hidden;
    min-height:auto;
    transition-property:all;
    transition-duration: 0.2s;
    padding:0;
}
.without-width div {
    padding:0;
    margin:0;
}
.without-width . ques-table {
    display:none;
}









/*修改展示资源lightbox的样式（控制按钮调到图片下面，关闭按钮在左上角） */
.lightbox-nav {position:static; margin-top:8px;}
.modal-body {padding:0px 15px;}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
    margin-top:15px;
    margin-bottom:15px;
}
.lightbox-nav .close {top: 0px; right: 10px;}

.lightbox-image-caption {
    position: static;
    margin: 0.2em 0.9em;
    color: #000;
    font-size: 1.2em;
    text-align: center;
    text-shadow: 0.1em 0.1em 0.2em rgba(255, 255, 255, 0.5);
}
.lightbox-image-caption span {
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0.4em 0px 0px rgba(255, 255, 255, 0.75), -0.4em 0px 0px rgba(255, 255, 255, 0.75);
}



.publish_label{
    position: absolute;
    z-index: 1;
    color: #fff;
    top: 5px;
    left: 5px;
    padding: 0 5px;
    border-radius:2px;
    background: #55bba4;
}



.cg-busy-default-sign{
    background-color:none;
    border:none;
}
.cg-busy-default-text {margin:0;}

.hidden-text {
    overflow: hidden;
}


.margin-auto {
    margin:0 auto;
}


.wxewm {position: absolute; right: 10px; display: none;}



@media (min-width:768px) {
    .signin-icon:hover .wxewm {
        display: inline;
    }

    .select-2:hover > ul {
        display: block;
    }

}


.signin-icon {margin-top: 4px;}