/* 公用样式 start */
html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    background: #fff;
    color: #222;
    /*font-family: Microsoft YaHei, SimSun, Arial;*/
    font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}
body{
    overflow-y:scroll;
}
a{outline:none;}
a:active{noOutline:expression_r(this.onFocus=this.blur());}
a:focus{outline:0;}
/*.container{
    padding:0 auto;
    margin:0 auto;
    text-align: center;
    background-color: #EAEBEE;
}*/
#topLogo img{
   width:265px;
}
.header, .content, .footerAD, .footer {
    width: 100%;/*    padding-left: 150px;
                    padding-right: 150px;*/
    margin: 0 auto;
    padding: 0 auto;
}

/* 公用样式 end */

/*header样式 start*/
.header {
    background-color: #343434;
    height: 65px;
}

.header .container{
    width:95%;
}
.header h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
    padding-bottom: 19px;
}

.header .top-menu {
    color: #fff;
    display: block;
    padding-right:0;
}

.header .userinfo-dropdown-btn {
    font-size: 14px;
    color: #FFF;
    background: none;
    border: none;
}
.head-pd-r22{
    padding-right:10px;
}

.header .userinfo-head-img {
    height: 35px;
    width: 35px;
    text-align: right;
    border: solid 2px #9F9F9F;
}

.header .platform {
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 23px;
    border-radius: 20px;
    background-color: #12ab77;
}

.header .userinfo-dropdown {
}

/*header样式 end*/

/*footer样式 start*/
.footer {
    font-size: 14px;
    text-align: center;
    height: 57px;
    line-height: 20px;
    /*line-height: 43px;*/
    padding-top: 10px;
    color: #bbb;
    background-color: #494949;
    position:fixed;
    bottom:0;
    z-index:1;
}

.footer a {
    font-size: 14px;
    color: #D0D5D9;
}

/*footer样式 end*/

/*content样式 start*/
.content {
    padding-top: 25px;
    padding-bottom: 40px;    /*/*min-height: 550px;*/
}

/*content样式 end*/

/*content-block样式 start*/
.content-block {
    background-color: #FFF;
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/    /*min-height: 479px;*/
    /*border: 1px   #eee  solid;*/    /*margin:0px -5px 0px -5px;*/
}
@media (max-width:767px) {
    .header {
        width: 750px;
    }
    .container {
        width: 750px;
    }
}
@media (min-width:1281px) {

    /*.content {
      min-height: 700px;
    }*/

    /*.user-config-center .content-block {
      min-height: 700px;
    }*/
}
.content-block>.title {
    border: 0px;
    height: 80px;
    color: #222;
    padding: 20px 20px 20px 65px;
    line-height: 80px;
    border-bottom: solid 1px #d3d3d3;
}
.content-block>.title>h4 {
    font-size: 22px;
}
.content-block>.title>h4>small {
    margin-top: 16px;
}
.content-block>.title>h4>small>a{
   color: #03efcb;
}
.content-block>.title>span {
    float: right;
}
.content-block>.info {
    padding: 20px   20px  40px  20px;
    min-height: 300px
}

/*content-block样式 end*/

/*个人设置样式 start*/
.user-config-left {
    background:#f7fbfc;
    padding: 0px;
    min-height: 380px;
}
.user-config-left .content-block{
    background:none;
    box-shadow:none;
    border:none;
}
.user-config-center {
    padding: 0px;
    padding-left: 10px;
}
.left-menu-title {
    width:100%;
    height:50px;
    padding:0 5%;
    line-height:50px;
    text-align:center;
    text-indent: -10px;
    background-color: #eff5f5;
    border-bottom: solid 1px #EDF1F2;
    cursor: pointer;
    margin-bottom: 15px;
}
.left-menu-title i {
    color: #828D9D;
}
.user-config-left .list-group-item {
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top:5px;
    height: 45px;
    line-height:45px;
    padding:0;
    color: #333;
    border: 0px;
    background:none;
}
.user-config-left .list-group-item:first-child {
    border-radius: 0px;
}
.user-config-left .list-group-item:last-child {
    border-radius: 0px
}
.user-config-left .list-group-item.active, .user-config-left .list-group-item.active:hover, .user-config-left .list-group-item.active:focus {
    z-index: 2;
    border-radius:50px;
    color: #fff;
    background:#26dab7;
}

/*个人设置样式 end*/

/*行间距样式 start*/
.margin-bottom {
    margin-bottom: 25px;
}

/*行间距样式 end*/

/*图标 start*/
.icon-bg-lg-success {
    background: url(/asset/images/common/icon.png) left -227px no-repeat;
    background-size: auto;
    height: 123px;
    width: 123px;
    margin: 0 auto;
    padding: 0 auto;
}

/*图标 end*/

/*按钮统一样式 start*/
.btn-lg, .btn-group-lg > .commonbtn {
    background: #03ebc8 !important;
    height: 40px;
    font-size: 16px;
    border-radius: 3px;
    line-height: 20px;
    color: #fff;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline-offset: 0px;
}
.row .commonbtn {
color:#fff;
/*border-radius: 0px;*/
}
.row .commonbtn:hover {
    background: #09da8f;
    color: #fff;
}

/*按钮统一样式 end*/

/*去掉IE浏览器输入框删除按钮 start*/
input::-ms-clear {
    display: none;
}

/*去掉IE浏览器输入框删除按钮 end*/

/*重写bootstrap样式*/
.dropdown {
    padding-right: 30px;
    float: right;
    overflow: visible;
    margin-right: -30px;
    height: 53px;/*新增高度*/
}
.popover {
    font-size: 12px;
}
.left-menu-title {
    font-weight: bolder
}
.left-menu-title .glyphicon {
    top: 2px;
    right: 6px;
    font-size: 16px;
}

/*重写bootstrap样式*/

/*左侧菜单字体图标*/
.user-tplt-left .list-group-item {
    padding-left: 25%;
    border: 0px;
    background-color: transparent;
}
.list-group .list-group-item .glyphicon {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 16px;
    position: relative;
    top: 1px;
}

/*鼠标滑过用户头像弹出层*/
.dropdown:hover .userinfolist {
    display: block;
}

/*.user-menu{
  width:80px;
}*/
.userinfolist {
    width: 145px;
    /* height: 102px; */
    text-align: left;
    display: none;
    position: absolute;
    right: 6px;
    top: 42px;
    z-index: 9999;
}
.userinfolist .arrow {
    display: block;
    height: 0px;
    width: 0px;
    position: relative;
    top: 1px;
    left: 96px;
    border-bottom: solid 8px #fff;
    border-left: solid 8px rgba(0,0,0,0);
    border-right: solid 8px rgba(0,0,0,0);
}
.usercard {
    display:none;
    width: 145px;
    height: 85px;
    background: url(/asset/images/drop-bg.jpg) no-repeat;
}
.usercard img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: solid 2px #fff;
    margin: 22px 15px 20px 16px;
}
.userinfo_menu {
    padding: 0;
    margin: 0;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
}
.userinfo_menu li {
    height: 49px;
    border-bottom: 1px solid #DCDCDC;
    line-height: 49px;
    text-align: center;
    background: #fff;
    list-style: none;
}
.userinfo_menu li a {
    width: 145px;
    height: 49px;
    display: block;
    color: #333;
    outline: none;
}
.userinfo_menu li a:visited {
    color: #333;
    text-decoration: none;
    outline: none;
}
.userinfo_menu li a .glyphicon {
    color: #666;
}
.userinfo_menu li a:hover {
    color: #34cfb4;
    outline: none;
    text-decoration: none;
}
.userinfo_menu li:hover i {
   color:#34cfb4;
}
.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}

/*新增头部padding替换line-height*/
.head-pd-t12 {
    padding-top: 12px;
}
.head-pd-t22 {
    padding-top: 15px;
}

/*顶部教师中心和学生中心按钮*/
.header-r {
    float: right;
    width: 20%;
}
.head-center-btn{

}

.head-center-btn a{
    display: block;
    width: 90px;
    height: 30px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    margin-top: 3px;
    margin-left: 15px;
    float: left;
}

.head-center-btn a.active{
    background: url(../images/new-icon.png) no-repeat 0px 0px;
}

.head-center-btn a:hover{
    background: url(../images/new-icon.png) no-repeat -107px 0px;
    width: 90px;
    height: 30px;
    text-decoration: none;
    color: #fff;
}

.head-center-btn a.mooc2uImg {
    background: url(../images/mooc2u_logo.png) no-repeat;
    background-size: 100%;
    width: 75px;
    height: 45px;
    margin-top: 0;
    margin-right: 15px;
}
/*.centerbtn {
   background: url(../images/new-icon.png) no-repeat 0px 0px;
    width: 90px;
    height: 30px;
    text-decoration: none;
    color: #fff;
    display:block;
    line-height:30px;
    text-align:center;

}
.centerbtn:hover {
        background: url(../images/new-icon.png) no-repeat -107px 0px;
        width: 90px;
        height: 30px;
        text-decoration: none;
        color: #fff;
}*/
.no-radius{
    border-radius: 0px;
}

/*顶部公告*/
.head-notice{display:none;}
.notice-text a:hover{text-decoration:underline;}
.head-notice{border:solid 1px #EDD1C3;background:#FDF6F0;height:43px;line-height:43px;overflow:hidden;}
.notice-tips{height:43px;overflow:hidden;}
.notice-icon{color:#EE734A;font-size:20px;margin-right:10px;float:left;width:3%;}
.noticebox{height:43px;overflow: hidden;margin:0;padding:0}
.notice-text{height:43px;display:block;}
.notice-text a{color:#CE6700;height:43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:95%;}
.notice-text a:hover{color: #CE6700;text-decoration: underline;}
.notice-more{color:#EC724B;margin-right:22px;}
.notice-more:hover{color: #EC724B;text-decoration: underline;}
.notice-close {
    width: 21px;
    height: 21px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    color: #E6BDA9;
    border: 1px solid #F0D4C6;
    border-radius: 50%;
    color: #e6bda9;
    font-size: 11px;
    display: inline-block;
    font-size: 11px;margin-top:-3px;
}
.notice-close:hover{
    color: #D69170;
    border: 1px solid #DD9F82;
}

/* 公告logo*/
.top-notice-box{background:#F2F6F7;position:relative;margin:10px 40px 0 20px;}
.top-notice-icon{
   width: 21px;
    height: 16px;
    background: url("../images/new-icon.png") no-repeat 0px -60px;
    display:block;
    position:absolute;
    left:0px;
    top:0px;

}
.top-notice-count{
    width:17px;
    height:15px;
    background:#DD5C01;
    border-radius:40%;
    color:#fff;
    font-size:10px;
    font-family:Arial;
    text-align:center;
    line-height:15px;
    font-style:normal;
    display:inline-block;
    position:absolute;
    right:-10px;
    top:-10px;
}

.modal-footer {
    background: #F1F1F1;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding: 10px 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:active{
    background-color: #06d9ae;
    border-color: #20C6A5;
}

.bootbox-close-button {
    color: #fff;
}

/* 学生多学籍CSS */
.multiple-school-con{
    position: relative;
    margin-top: 3px;
    margin-right: 20px
}

.multiple-school-con span{
    background-color: #494949;
    display: block;
    float: left;
    padding: 5px 12px;
    margin-right: 2px;
    color: #fff;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
}

.multiple-school-con i.iconfont.icon-open-down-line,
.multiple-school-con i.iconfont.icon-open-up-line{
    width: 35px;
    text-align: center;
    position: absolute;
    right: 0;
    font-size: 12px;
    cursor: pointer;
    line-height: 30px;
    color:#fff;
}

.multiple-school-con i.selected{
    font-size: 12px;
    margin-right: 4px;
    display: block;
    float: left;
    line-height: 12px;
    margin-top: 7px;
    width: 15px;
    height: 15px;
    border: 1px solid #1c1c1c;
}

.multiple-school-con p{
    float: left;
    height: 30px;
    background-color: #494949;
    padding-left: 12px;
    padding-right: 20px;
    width: 250px;
    cursor: pointer;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
}

.multiple-school-con p > span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
    width: 100%;
    padding: 5px 0;
}

.multiple-school-con ul{
    padding: 0;
    background-color: #494949;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 9999;
    width: 250px;
    display: none;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    overflow: hidden;
}

.multiple-school-con ul li{
    line-height: 30px;
    background-color: #494949;
    cursor: pointer;
    padding-left: 12px;
    padding-right: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#fff;
}

.multiple-school-con ul li:hover{
    background-color: #666;
}