html, body {
    width: 100%;
    height: 100%;
}

*:focus {
    outline: none !important;
}

.module {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.module2 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nav-all {
    position: fixed !important;
    width: 100%;
    min-height: 60px;
    top: 0;
    left: 0;
    z-index: 9999;
}

.sl {
    width: 49px;
}

.sl .studentList {
    min-width: 220px;
    background: #fff;
    z-index: 999;
    position: absolute;
    top: 60px;
    right: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 2px 6px #777;
    -webkit-box-shadow: 0 2px 6px #777;
    -moz-box-shadow: 0 2px 6px #777;
    -o-box-shadow: 0 2px 6px #777;
}

.sl .studentList > li {
    width: 100%;
    height: auto;
    min-height: 30px;
    line-height: 30px;
    background: #fff;
    text-align: left;
    padding-left: 15px;
    border-bottom: 1px dotted #ddd;
    margin-left: 0;
    position: relative;
}

.sl .studentList li li {
    width: 100%;
    height: auto;
    min-height: 30px;
    line-height: 30px;
    background: #fff;
    text-align: left;
    border-bottom: 1px dotted #ddd;
    margin-left: 0;
    padding-left: 15px;
    color: #000;
    z-index: 9999;
    height: 30px;
}

.sl .studentList li a {
    color: #666;
}

.sl .studentList > li.active > a,
.studentList > li:hover > a,
.sl .studentList li li.active a,
.studentList li li:hover a {
    color: #03a9f4;
}

.sl .studentList > li ul {
    position: absolute;
    right: 200px;
    top: 0px;
    border: 1px solid #ccc;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#777', Direction=135, Strength=5);
    box-shadow: 0 2px 6px #777;
    -moz-box-shadow: 0 2px 6px #777;
    -webkit-box-shadow: 0 2px 6px #777;
    -o-box-shadow: 0 2px 6px #777;
}

.sl .triangle {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0px;
    border-bottom: 10px solid #03a9f4;
    border-right: 11px solid #f1f1f1;
    border-left: 9px solid #f1f1f1;
    right: 90px;
    top: 60px;
    z-index: 9999;
}

.sl .triangle2 {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0px;
    border-left: 10px solid #03a9f4;
    border-top: 11px solid #ffffff;
    border-bottom: 9px solid #ffffff;
    left: 0;
    top: 5px;
    z-index: 9999;
}

/*登录*/

.login {
    width: 100%;
    height: 100%;
    background-image: url(../../images/login_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: '宋体';
    color: #575757;
}

.login .text {
    width: 515px;
    margin: 0 auto;
    padding-top: 100px;
    text-align: center;
}

.login .text .login-input {
    width: 500px;
    height: 430px;
    margin: 25px auto 0;
    padding: 30px;
    background: rgba(255, 255, 255, .4);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
}

.login .text .login-input .nav-tabs {
    border-bottom: none;
    width: 385px;
    margin: 0 auto;
}

.login .text .login-input .nav-tabs > li > a {
    background-color: rgba(255, 255, 255, 0);
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    color: #575757;
    border-radius: 0;
    padding: 8px 14px 3px;
    font-weight: bold;
}

.login .text .login-input .nav-tabs > li.active > a,
.login .text .login-input .nav-tabs > li.active > a:focus,
.login .text .login-input .nav-tabs > li.active > a:hover {
    color: #575757;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    border-bottom: 3px solid #03A9F5;
    border-bottom-color: #03A9F5 !important;
}

.login .text .login-input .tab-content {
    margin-top: 30px;
}

.login .text .login-input .tab-content .contents label {
    margin-left: 10px;
    margin-right: -15px;
    font-weight: normal;
    padding-right: 0;
}

.login .text .login-input .tab-content .tab-pane label {
    padding: 0 5px 0 0;
    line-height: 30px;
}

.login .text .login-input .tab-content .tab-pane .col-xs-8,
.tab-pane .col-sm-8 {
    padding-left: 0;
}

.login .text .login-input .tab-content .loginbtn {
    width: 100%;
    background: #03a9f5;
    color: #fff;
    border-radius: 30px;
    padding: 4px 12px;
    letter-spacing: 2px;
}

/*.login .text .login-input .tab-content .btn {
	width: 100%;
	background: #03a9f5;
	color: #fff;
	border-radius: 30px;
	padding: 4px 12px;
	letter-spacing: 2px;
	}*/

.login .text .login-input .tab-content .contents .login_btn {
    letter-spacing: 10px;
    text-align: center;
    padding: 4px 12px 4px 22px;
}

.login .text .login-input .tab-content .row {
    margin-top: 8px;
}

.login .text .login-input .tab-content a {
    font-size: 12px;
    word-break: keep-all;
    white-space: nowrap;
    text-decoration: underline;
    color: #575757;
}

.login .text .login-input .tab-content p {
    margin-top: 20px;
    text-align: left;
    color: #575757;
}

.login .text .login-input .tab-content .help {
    position: absolute;
    width: 72%;
    text-align: center;
    bottom: 10px;
    left: 14%;
    margin-bottom: 0;
}

.login .text .login-input .tab-content .help div {
    text-align: left !important;
    width: calc(100% - 5em);
    float: left;
}

.login .text .login-input .tab-content .help span {
    color: red;
    width: 5em;
    float: left;
}

.login .text .login-input .tab-content .student {
    width: 360px;
    margin: 0 auto;
}

.login .text .login-input .tab-content .student .lesson {
    margin-bottom: 80px;
    margin-top: 55px;
}

.login .text .login-input .tab-content .student .lesson a {
    width: 49%;
    display: inline-block;
    font-size: 14px;
    color: #575757;
}

.login .text .login-input .tab-content .student .lesson .language {
    margin-bottom: 40px;
}

.login .text .login-input .tab-content .airal {
    font-family: 'airal';
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 45px;
    line-height: 45px;
    background: #1890ff;
}

.footer p {
    text-align: center;
    color: #fff;
}

.footer p span {
    font-family: 'airal';
    font-size: 14px;
    margin: 0 4px;
}

.footer2 {
    background: #1890ff;
    border-top: 1px solid #DADADA;
}

.footer3 {
    background: #1890ff;
    border-top: 1px solid #DBDBDB;
    /* width: calc(100% - 230px);
    margin-left: 230px; */
}


.footer4 {
    background: #1890ff;
    border-top: 1px solid #DADADA;
}

@media screen and (max-width: 700px) {
    .login .text {
        width: 515px;
        margin: 0 auto;
        padding-top: 50px;
        text-align: center;
    }
}

.login .text .login-input .nav-tabs {
    border-bottom: none;
    width: 385px;
    margin: 0 auto;
}

.login .text .login-input .nav-tabs > li {
    width: 33.33%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.nav-all {
    margin-bottom: 0;
}

.teaching_Net {
    width: 360px;
    margin: 0 auto;
}

.admin_Net {
    width: 360px;
    margin: 0 auto;
}

.btn_l {
    margin: 20px;
    float: right;
}

.admin_Net .lesson,
.teaching_Net .lesson {
    margin-bottom: 80px;
    margin-top: 55px;
}

.login .text .login-input .admin_Net .lesson a,
.login .text .login-input .teaching_Net .lesson a {
    width: 50%;
    display: inline-block;
    font-size: 14px;
    color: #575757;
}

.admin_Net .lesson p,
.teaching_Net .lesson p {
    margin-top: 20px;
    text-align: left;
    color: #575757;
}

/*首页*/

.all {
    background: #F1F1F1;
    width: 100%;
    height: calc(100% - 60px);
    margin-top: 60px;
    overflow: hidden;
}

@media screen and (max-width: 954px) {
    .all {
        min-height: calc(780px + 22.5em);
    }
}

@media screen and (min-width: 955px) and (max-width: 1090px) {
    .all {
        min-height: calc(780px + 10.5em);
    }
}

/*@media screen and (max-width: 1024px) {
    .all {
        overflow-x: scroll;
    }
    }*/

.all-left {
    background: #fff;
    width: 230px;
    height: calc(100% + 55px);
    margin: 0 auto;
    float: left;
    border-right: 1px solid #DBDBDB;
    text-align: center;
    position: fixed;
    top: 62px;
    left: 0;
    transition: all 0.5s ease-in-out;
    z-index: 999;
}

.all-left .head {
    width: 80px;
    height: 80px;
    position: relative;
    margin: 50px auto 20px;
}

.all-left .head img {
    width: 100%;
    height: 100%;
    border: 2px solid #DBDBDB;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}

.all-left .head span {
    position: absolute;
    color: #ffffff;
    right: 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.all-left .head .man {
    background: #03a9f5;
}

.all-left .head .woman {
    background: #fc7a52;
}

.all-left p {
    margin: 15px 0 25px;
}

.all-left ul li {
    text-align: left;
    float: left;
    clear: both;
}

.all-left ul li label {
    width: 8em;
    text-align: right;
    padding: 0;
    font-weight: normal;
    float: left;
    border-top: none;
}

.all-right {
    width: calc(100% - 240px);
    /*height: calc(100% - 45px);*/
    height: calc(100% - 65px);
    overflow-x: hidden;
    float: right;
    padding: 15px 0 10px 0;
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

.all-right .student {
    background: #F1F1F1;
    width: 100%;
    height: 100%;
    margin-bottom: 45px;
    overflow: hidden;
}

.all-right .student .contents {
    width: 100%;
    height: 100%;
    min-height: 245px;
    overflow: hidden;
}

.all-right .student .contents .top {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #DBDBDB;
}

.all-right .student .contents .top h4 {
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
    cursor: pointer;
}

.all-right .student .contents .top h4 span {
    margin-right: 7px;
    color: #03a9f5;
}

.all-right .student .contents .top a {
    float: right;
    color: #03a9f5;
    padding-right: 10px;
    font-size: 12px;
}

/*公用*/
.all-right .student .contents .notice {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

.all-right .student .contents .notice .notice-left {
    width: 49%;
    float: left;
    border: 1px solid #DBDBDB;
    background: #fff;
    min-height: 147px;
}

.all-right .student .contents .notice .notice-right {
    width: 49%;
    float: right;
    border: 1px solid #DBDBDB;
    background: #fff;
    min-height: 147px;
}

.all-right .student .contents .notice .notice-con ul {
    padding: 10px 0 0 10px;
}

.all-right .student .contents .notice .notice-con li {
    line-height: 30px;
    height: 30px;
    width: 100%;
}

.all-right .student .contents .notice .notice-con li .num {
    display: inline-block;
    background: #fc7a52;
    width: 8px;
    height: 8px;
}

.all-right .student .contents .notice .notice-con li span.notop {
    margin-right: 5px;
    margin-left: 0;
}

.all-right .student .contents .notice .notice-con li a {
    color: #03a9f5;
    width: calc(100% - 100px);
    height: 30px;
    display: inline-block;
}

.all-right .student .contents .notice .notice-con li a span {
    display: inline-block;
    max-width: calc(100% - 45px);
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.all-right .student .contents .notice .notice-con li img {
    margin-left: 5px;
    vertical-align: top;
    margin-top: 10px;
}

.all-right .student .contents .notice .notice-con li .time {
    float: right;
    margin-right: 10px;
}

.all-right .student .contents .warning {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #DBDBDB;
    margin-top: 10px;
}

.all-right .student .contents .times {
    overflow: hidden;
    position: relative;
}

.all-right .student .contents .times a {
    color: #575757;
    text-align: center;
}

.all-right .student .contents .times .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: none;
    border-bottom: 2px solid #03a9f5;
    border-radius: 0;
    text-align: center;
    margin-bottom: 0;
}

.all-right .student .contents .times > a {
    width: 30px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    position: absolute;
    top: 0;
    background: #fff;
    z-index: 990;
}

.all-right .student .contents .times > a.pre {
    left: 0;
}

.all-right .student .contents .times > a.next {
    right: 0;
}

.all-right .student .contents .times > a:hover {
    background-color: #03a9f5;
    color: #fff;
}

.all-right .student .contents .times .tabs-all {
    width: calc(100% - 43px);
    height: 42px;
    padding: 0;
    margin: 0;
}

.all-right .student .contents .times .tabs-all .nav {
    position: absolute;
    width: 10000px;
    border-bottom: none;
    left: 30px;
    top: 0;
}

.all-right .student .contents .times .tabs-all .nav li {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
    margin: 0;
}

.all-right .student .contents .times .tabs-all .nav li a {
    padding: 0;
    margin: 0;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    margin-right: 0;
    width: 100%;
}

.all-right .student .contents .times .tabs-all button {
    position: absolute;
    left: 0;
}

.all-right .student .contents .times .tab-content {
    border-top: 1px solid #ddd;
    padding: 10px;
}

.all-right .student .contents .warning .table {
    margin-bottom: 0;
}

.all-right .student .contents .warning .table > thead > tr > th {
    vertical-align: top;
    background: #fff;
    font-weight: bold;
}

.all-right .student .contents .warning .table tr > td {
    vertical-align: middle;
}

.all-right .student .contents .warning .table tr > td span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 auto;
    display: block;
}

.red {
    background: red;
}

.green {
    background: green;
}

.blue {
    background: blue;
}

/*学生*/

.student .contents .credit {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #DBDBDB;
    margin-top: 10px;
}

.student .contents .tab-all .tab {
    margin: 10px 10px 13px;
    border: 1px solid #DBDBDB;
}

.student .contents .tab-all .tab a {
    color: #575757;
    text-align: center;
}

.student .contents .tab-all .tab .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-top: 2px solid #03a9f5;
    border-radius: 0;
    /*margin-top: -1px;*/
}

.student .contents .tab-all .tab .nav-tabs > li:first-child.active > a {
    border-left: none;
}

.student .contents .credit .tab .major {
    padding: 15px;
    min-height: 100px;
    color: #575757;
}

.student .contents .credit .tab .major .statistics p {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
}

.student .contents .credit .tab .major .pro-all {
    width: 100%;
    min-height: 50px;
}

.student .contents .credit .tab .major .pro-all li {
    width: 50%;
    float: left;
}

.student .contents .credit .tab .major .pro-all li .tiao {
    height: 20px;
    background: #5cb85c;
    border-radius: 4px;
    float: left;
    margin-bottom: 20px;
}

.student .contents .credit .tab .major .pro-all li .progress {
    width: 50%;
    float: left;
    height: 12px !important;
    margin-top: 5px;
    margin-bottom: 12px !important;
}

.student .contents .credit .tab .major .pro-all li .num {
    margin-left: 10px;
    color: #5CB85C;
}

.student .contents .icon {
    width: 100%;
    background: #fff;
    border: 1px solid #DBDBDB;
}

.student .contents .icon .imgs {
    margin: 10px;
    overflow: hidden;
    border: 1px solid #ddd;
}

.student .contents .icon .imgs .imgs-content .tab-pane {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 20px 10px 0;
}

.student .contents .icon .imgs .imgs-content .tab-pane ul {
    width: 100%;
    height: auto;
}

.student .contents .icon .imgs .imgs-content .tab-pane ul li {
    width: 12.5%;
    float: left;
    text-align: center;
    min-height: 140px;
}

@media screen and (max-width: 1450px) {
    .student .contents .icon .imgs .imgs-content .tab-pane ul li {
        width: 16.666%;
    }
}

@media screen and (max-width: 1200px) {
    .student .contents .icon .imgs .imgs-content .tab-pane ul li {
        width: 20%;
    }
}

.student .contents .icon .imgs .imgs-content .tab-pane ul li div {
    background-image: url(../../images/studentBg.png);
    width: 69px;
    height: 69px;
    margin: 0 auto;
}

.student .contents .icon .imgs .imgs-content .tab-pane ul li .warnings span {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    background: #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fc7a52;
    border: 1px solid #fc7a52;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
}

.student .contents .icon .imgs .imgs-content .tab-pane ul li .school { /*学籍*/
    background-position: -138px 0;
}

.student .contents .icon .imgs .imgs-content .tab-pane ul li .warnings { /*预警*/
    position: relative;
    background-position: -276px 0;
}

.student .contents .icon .imgs ul li .score { /*成绩*/
    background-position: -276px 199px;
}

.student .contents .icon .imgs .imgs-content .tab-pane ul li .result { /*我的选课结果*/
    background-position: 0px 199px;
}

.student .contents .icon .imgs .imgs-content .tab-pane ul li .system { /*选课系统*/
    background-position: -414px 69px;
}

/********************************************/
.student .contents .icon .imgs .imgs-content .tab-pane ul li .physical { /*体育课选课*/
    background-position: 490px 69px;
}

.student .contents .icon .imgs .imgs-content .tab-pane ul li .teaching { /*我的评教*/
    background-position: -414px 199px;
}

.student .contents .icon .imgs ul li .cet { /*四六级*/
    background-position: 490px 199px;
}

.student .contents .icon .imgs ul li .turn { /*转专业申请*/
    background-position: 0 0;
}

.student .contents .icon .imgs ul li .preselection { /*预选专业申请*/
    background-position: 349px 199px;
}

/********************************************/
.student .contents .icon .imgs ul li .accreditation { /*专业认定申请*/
    background-position: 210px 0px;
}

.student .contents .icon .imgs ul li .exchange { /*接收交换生选课申请*/
    background-position: -137px 69px;
}

.student .contents .icon .imgs ul li .course { /*课程库查询*/
    background-position: 349px 69px;
}

.student .contents .icon .imgs ul li .courseLibrary { /*全校开课课程查询*/
    background-position: 211px 69px;
}

.student .contents .icon .imgs ul li .training { /*培养方案*/
    background-position: 490px 0;
}

/********************************************/
.student .contents .icon .imgs ul li .plan { /*开课计划*/
    background-position: 349px 0;
}

.student .contents .icon .imgs ul li .query { /*课表查询*/
    background-position: -138px 199px;
}

.student .contents .icon .imgs ul li .freeClassroom { /*空闲教室*/
    background-position: 211px 199px;
}

.student .contents .icon .imgs ul li .undergraduate { /*本科专业查询*/
    background-position: 0 69px;
}

.student .contents .icon .imgs ul li .credits { /*我的学分学费*/
    background-position: 69px 0px;
}

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

.student .contents .icon .imgs ul li p {
    color: #575757;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0 !important;
}

.student .contents .icon .imgs ul li a:hover {
    text-decoration: none;
}

.student .contents .icon .imgs .con {
    margin: 60px 0;
}

/*教师*/

.student .contents .in-icon {
    width: 100%;
    background: #fff;
    border: 1px solid #DBDBDB;
}

.student .contents .in-icon .category {
    margin: 10px;
    overflow: hidden;
    border: 1px solid #ddd;
}

.student .contents .in-icon .category .imgs-content .tab-pane {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 20px 10px 0;
}

.student .contents .in-icon .category .imgs-content ul {
    padding: 0 20px;
}

.student .contents .in-icon .category .imgs-content ul li:last-child {
    padding-bottom: 0;
}

.student .contents .in-icon .category .imgs-content ul li p {
    margin: 10px;
}

.student .contents .in-icon .category .imgs-content ul li {
    float: left;
    width: 12.5%;
    text-align: center;
    min-height: 140px;
}
@media screen and (max-width: 1450px) {
    .student .contents .in-icon .category .imgs-content ul li {
        width: 16.666%;
    }
}

@media screen and (max-width: 1200px) {
    .student .contents .in-icon .category .imgs-content ul li {
        width: 20%;
    }
}
.student .contents .in-icon .category .imgs-content ul li p {
    text-align: center;
}

.student .contents .in-icon .category .imgs-content ul li div {
    background-image: url(../../images/indexBg.png);
    width: 69px;
    height: 69px;
    margin: 0 auto;
}

.student .contents .in-icon .category .imgs-content ul li div.dealt {
    background-position: 0 0;
}

.student .contents .in-icon .category .imgs-content ul li div.making {
    background-position: -122px 0;
}

.student .contents .in-icon .category .imgs-content ul li div.timetable {
    background-position: -245px 0;
}

.student .contents .in-icon .category .imgs-content ul li div.result-input {
    background-position: 321px 0;
}

.student .contents .in-icon .category .imgs-content ul li div.score {
    background-position: 196px 0;
}

.student .contents .in-icon .category .imgs-content ul li div.results {
    background-position: 70px 0;
}

.student .contents .in-icon .category .imgs-content ul li div.temporary {
    background-position: 0 70px;
}

.student .contents .in-icon .category .imgs-content ul li div.public {
    background-position: -120px 70px;
}

.student .contents .in-icon .category .imgs-content ul li div.transfer {
    background-position: -245px 70px;
}

.student .contents .in-icon .category .imgs-content ul li div.change {
    background-position: 321px 70px;
}

.student .contents .in-icon .category .imgs-content ul li a {
    text-decoration: none;
    color: #575757;
}

.student .contents .in-icon .category .imgs-content ul li p {
    margin-top: 10px;
}

.student .contents .details {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #DBDBDB;
    margin-top: 10px;
    overflow: hidden;
}

.student .contents .details .text {
    position: relative;
    width: 49%;
    min-height: 99.5px;
    float: left;
    border: 1px solid #DBDBDB;
    padding: 0 10px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: .5%;
}

.student .contents .details .text p {
    margin: 10px 0;
}

.student .contents .details .text .text-con {
    width: 100%;
    height: 100%;
    float: left;
}

.student .contents .details .text .text-con ul li {
    width: 33.33%;
    padding-top: 10px;
    float: left;
}

.student .contents .details .text .text-con ul li .serve {
    text-align: center;
}

.student .contents .details .text .text-con ul li .serve div {
    width: 45px;
    height: 45px;
    line-height: 43px;
    background: #E6F7FF;
    border: 2px solid #7ED3FA;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}

.student .contents .details .text .text-con ul li .serve div.current {
    background: #ffffff;
    border: 2px solid #fc7a52;
}

.student .contents .details .text .text-con ul li .serve div span {
    vertical-align: text-bottom;
}

.student .contents .details .text .text-con .situation li div {
    width: 45px;
    height: 45px;
    line-height: 43px;
    background: #E6F7FF;
    border: 2px solid #7ED3FA;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    padding-right: 2px;
}

.student .contents .details .text .text-con .situation li div {
    width: 45px;
    height: 45px;
    line-height: 43px;
    background: #E6F7FF;
    border: 2px solid #7ED3FA;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    padding-right: 2px;
}

.student .contents .details .text .text-con ul li p {
    text-align: center;
}

.student .contents .details .text .curr {
    float: right;
    margin-right: 10px;
}

.tips {
    float: right;
    padding: 0 5px;
    color: #639;
    cursor: pointer;
}

.tips_ct {
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    width: 160px;
    padding: 5px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 700;
    background: #fff;
    border: 1px #00AAEE solid;
    border-radius: 4px;
    text-align: center;
    box-shadow: 2px 2px 2px #ccc;
    color: #03a9f5;
}

.tips_t {
    position: absolute;
    top: -10px;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #00AAEE;
}

/*学生预警*/

.stu-warning {
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 0 10px;
}

.stu-warning .search-all {
    padding: 10px 0 !important;
}

.stu-warning .search-cen {
}

.tables-warning {
    border-top: 1px dashed #ff7442;
    padding-top: 20px;
    clear: both;
}

.tables-warning caption {
    color: #03a9f5;
    border-bottom: 2px solid #03a9f5;
    font-size: 15px;
}

.tables-warning thead {
    font-weight: bold;
}

.tables-warning tbody tr:nth-of-type(even) {
    background: #f1f1f1;
}

.tables-warning tbody tr:hover {
    background-color: #FFF2D8 !important;
    cursor: pointer;
}

.tables-warning tbody tr td > span {
    color: #ff7442;
}

.tables-warning tbody tr td > span:hover {
    color: #03a9f5;
}

.tables-warning tbody tr .grade {
    color: #fff;
}

.tables-warning tbody tr .grade span {
    margin-right: 5px;
}

/*登录页说明*/
.prompt-text {
    width: 400px;
    padding: 10px;
    text-align: center;
    position: fixed;
    top: 10px;
    right: 10px;
    -webkit-box-shadow: #999 0px 0px 10px;
    -moz-box-shadow: #999 0px 0px 10px;
    box-shadow: #999 0px 0px 10px;
    animation: mypro 3s;
    -moz-animation: mypro 3s;
    -webkit-animation: mypro 3s;
    -o-animation: mypro 3s;
    z-index: 9999;
}

.prompt-text h4 {
    border-bottom: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
}

.prompt-text div {
    line-height: 30px;
}

.prompt-text a {
    display: block;
    /*float: right;*/
    margin-top: 10px;
    text-align: right;
    font-size: 14px;
    color: #3d96e2;
}

.prompt-text a.h-l {
    /* border:none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px; */
}

@keyframes mypro {
    from {
        top: -330px;
    }
    to {
        top: 10px;
    }
}

@-moz-keyframes mypro {
    from {
        top: -330px;
    }
    to {
        top: 10px;
    }
}

@-webkit-keyframes mypro {
    from {
        top: -330px;
    }
    to {
        top: 10px;
    }
}

@-o-keyframes mypro {
    from {
        top: -330px;
    }
    to {
        top: 10px;
    }
}

/*问卷调查*/
.invest-all {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.invest {
    width: 80%;
    margin: 20px auto;
    font-size: 14px;
    border: 1px dashed #ddd;
    padding: 0 2%;
}

.invest-view {
    width: 100%;
    border: none;
}

.invest .in-top {
    border-bottom: 2px solid #E33B3D;
    height: 70px;
}

.invest .in-top h1 {
    display: inline-block;
    color: #005825;
}

.invest .in-top span {
    font-size: 17px;
    color: #666;
    font-weight: bold;
}

.in-top input {
    float: right;
    margin-top: 20px;
}

.invest .in-cen {
    margin-top: 15px;
}

.invest .in-cen ul {
    -webkit-padding-start: 0;
}

.invest .in-cen li {
    margin-bottom: 15px;
    list-style: none;
    min-height: 130px;
    border: 1px solid #ddd;
}

.invest .in-cen li > p {
    min-height: 30px;
    line-height: 30px;
    background-color: #EEF6FF;
    margin: 0;
    padding-left: 10px;
    font-weight: bold;
}

.invest .in-cen li p span {
    color: red;
}

.invest .in-cen li .inputs {
    padding-left: 10px;
    overflow: hidden;
    padding-top: 10px;
}

.invest .in-cen li .inputs > p {
    display: inline-block;
    width: 15%;
}

.invest .in-cen li .inputs textarea {
    width: 98%;
    margin: 10px auto;
    border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: none;
    border: 1px solid #aaa;
}

.invest .in-cen li .inputs .left {
    float: left;
}

.invest .in-cen li .inputs .left span {
    color: red;
    padding-right: 5px;
}

.invest .in-cen li .inputs .left p {
    display: inline-block;
    font-weight: bold;
}

.invest .in-cen li .inputs .right {
    float: left;
    margin-left: 10%;
    padding-top: 5px;
}

.invest .in-cen li .inputs .right2 {
    float: left;
    margin-left: 10px;
}

.invest .in-cen li .inputs input[type=text] {
    padding-left: 10px;
    height: 25px;
    width: 200px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: none;
    border: 1px solid #aaa;
}

.invest .in-cen li .inputs .advice input[type=text] {
    border-width: 0 0 1px 0 !important;
    width: 98% !important;
    text-shadow: none;
}

.invest .in-cen li .inputs .right span {
    margin-left: 10px;
}

.invest > .btn {
    margin-bottom: 15px;
    margin: 0 auto;
    display: block;
}

.invest input[type=button] {
    background: #03a9f5;
    border: none;
    border-radius: 3px;
    width: 80px;
    height: 35px;
    line-height: 35px;
    color: #fff;
}

.invest .in-cen li.look .right {
    width: 500px;
}

.invest .in-cen li.detail {
    min-height: 200px;
}

.invest .in-cen li li {
    border: none;
    min-height: 30px !important;
    margin-bottom: 0 !important;
}

.invest .in-cen li li p {
    background-color: #fff;
    display: inline-block;
    width: 315px;
    color: #666;
}

.invest .in-cen li.detail span {
    color: #666;
}

.invest .in-cen li.detail .handle {
    color: red;
}

.invest .in-cen li.detail a {
    margin-left: 10px;
    color: #0066FF;
}

.invest .in-cen .right-input {
    padding-top: 25px !important;
}

.invest .in-cen .right2 .num {
    color: #000;
    margin-left: 10px;
}

.invest .in-cen .right2 .send {
    background: #03a9f5;
    border: none;
    color: #fff;
    margin-bottom: 15px;
}

.invest .in-cen .right2 .form-group {
    margin-right: 20px;
}

/*本科专业查询*/
.tables-warning .bootstrap-table {
    padding: 0 15px;
}

.tables-warning .bootstrap-table tr th, .tables-warning .bootstrap-table tr td {
    height: 30px;
    vertical-align: middle;
}

.tables-warning .bootstrap-table .fixed-table-container .bs-checkbox .th-inner {
    max-height: 30px;
    padding: 0 !important;
}

.tables-warning .bootstrap-table .fixed-table-container tbody td .th-inner, .tables-warning .bootstrap-table .fixed-table-container thead th .th-inner {
    padding: 5px !important;
}

.tables-warning .bootstrap-table tr th .checkbox, .tables-warning .bootstrap-table tr td .checkbox {
    /*margin-left: 5px !important;*/
    min-width: 35px;
    text-align: center;
}

.tables-warning .bootstrap-table tr .bs-checkbox {
    padding: 4px 0 0 0 !important;
    vertical-align: middle;
}

.tables-warning .bootstrap-table tr th .checkbox label, .tables-warning .bootstrap-table tr td .checkbox label {
    padding: 0;
    text-align: center;
}

/*公告列表*/
.btn-l {
    padding: 5px 10px;
    margin-top: 20px;
    margin-left: 33px;
}

.btn-l label {
    padding: 0;
    line-height: 30px;
}

.btn-l .btn-input {
    width: 150px;
    display: inline-block;
}

.btn-l .btn-input input {
    line-height: 30px;
    height: 30px;
}

.btn-l .btn {
    line-height: 30px;
    height: 30px;
    padding: 0 12px;
    margin-top: -3px;
    margin-left: 10px;
}

.btn-l .btn span {
    margin-right: 5px;
}

.notice-list {
    border-top: 1px dashed #ff7442;
    padding: 20px;
    clear: both;
}

.stu-professionSearch h5 {
    padding: 0 10px;
    background: #03a9f5;
    border: 1px solid #ddd;
    margin: 0;
    height: 40px;
    line-height: 40px;
    color: #fff;
}

.stu-professionSearch h5 a{
    float: right;
    color: #fff;
}

.notice-list p {
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    margin-left: 13px;
}

.notice-list p span {
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
}

.notice-list ol {
    padding-left: 25px;
    clear: both;
}

.notice-list ol li {
    min-height: 35px;
    line-height: 35px;
    font-size: 14px;
    list-style-type: decimal;
    border-bottom: 1px dashed #ddd;
}

.notice-list li a {
    color: #03a9f5;
}

.notice-list li img {
    margin-left: 5px;
}

.notice-list li .notop {
    margin-right: 5px;
    margin-left: 0;
}

.notice-list li .time {
    float: right;
    margin-right: 10px;
}

.notice-see {

}

.notice-see h4 {
    text-align: center;
}

.notice-see h5 {

}

.notice-see > p {
    text-indent: 2em;
}

.notice-see .name p {
    text-align: right;
}

.notice-see table tr {
    border: 1px solid #ddd;
}

.notice-see table .firstRow td span {
    white-space: nowrap;
}

.notice-see table tr td {
    border-right: 1px solid #ddd;
    padding: 5px;
}

.notice-see table tr td:last-child {
    border-right: none;
}

.notice-see table tr td p {
    margin-bottom: 0;
}

.notice-see table tr td span {
    display: inline-block;
}

/*.notice-see .MsoNormal:last-child{
    text-align: right;
    }*/

/*问卷调查定*/
.invest2 {
    z-index: 999;
    background: #03a9f5;
    width: 90px;
    height: 90px;
    border: 1px solid #ddd;
    position: absolute;
    right: 10px;
    bottom: 50px;
}

.invest2 a {
    width: 90px;
    height: 90px;
    display: block;
}

.invest2 a:hover, .invest2 a:visited, .invest2 a:link {
    color: #fff;
}

.invest2 img {
    width: 40px;
    height: 40px;
    z-index: 9999;
    text-align: center;
    margin: 10px 25px;
}

.invest2 p {
    color: #fff;
    text-align: center;
}

/*学生 --我的学籍*/
.mystu {
    min-width: 905px;
}

.alls .stu-tab2 {
    width: 145px;
    /*height: 413px;*/
    /*border-left: 2px solid #03a9f5;*/
    float: left;
    margin: 0 10px;
}

.alls .stu-tab2 .nav-tabs {
    border: none;
}

.alls .stu-tab2 .nav-tabs > li {
    float: none;
    border: none;
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    border-radius: 5px 0 0 5px;
}

.alls .stu-tab2 .nav-tabs > li a {
    background-color: #eee;
    border: none;
    color: #000;
    border-radius: 0;
    text-align: left;
    margin-right: 0;
}

.alls .stu-tab2 .nav-tabs > li a:hover {
    border-right: 3px solid #03a9f5;
    background-color: #eee;
}

.alls .stu-tab2 .nav-tabs li.active {
    border: none;
    border-right: 3px solid #03a9f5;
    border-bottom: 1px solid #fff;
}

.alls .stu-tab2 .nav-tabs li.active a, .alls .stu-tab2 .nav-tabs li.active a:hover {
    border: none;
    background-color: #eee;
}

.alls .stu-msg {
    border-bottom: 1px solid #03a9f5;
    margin: 15px 10px;
}

.alls .stu-msg p {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
}

.alls .stu-all2 {
    width: calc(100% - 165px);
    float: left;
}

.alls .stu-all2 .tables-all {
    border: none;
    padding: 0 15px 0;
}

.alls .stu-all2 .stu-con {
    padding: 0;
}

.alls .stu-all2 .stu-con .col-xs-6 {
    margin-bottom: 7px;
}

.alls .stu-all2 .stu-con .col-xs-6 label {
    padding: 0;
    line-height: 30px;
    text-align: right;
    font-size: 12px;
    width: 45%;
}

.alls .stu-all2 .stu-con .col-xs-6 .col-xs-7 {
    padding: 0;
    width: 55%;
}

@media screen and (min-width: 1100px) {
    .mystu {
        overflow-x: scroll;
    }
}

/*学生--我的学籍*/
.stu-score {

}

.stu-score .content {
    border-bottom: 1px solid #ddd;
    padding: 0 10px;
}

.stu-score .content h5 {
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}

.stu-score .content ol {

}

.stu-score .content ol li {
    margin-left: 15px;
    list-style-type: decimal;
    font-size: 13px;
    margin-bottom: 5px;
}

.stu-score .search-cen .div_cols {
    width: 30% !important;
    max-width: 250px;
}

.stu-score .search-cen .div_cols .col-xs-8 {
    max-width: 200px;
}

.stu-score .search-cen .search-bot {
    width: 10% !important;
    max-width: 80px;
    float: left !important;
}

.stu-score .score-list {
    border-top: 1px solid #ddd;
    clear: both;
    padding: 0 10px;
    min-width: 824px;
}

.stu-score .score-list .checkbox-all {
    margin-left: 60px;
    float: left;
}

.stu-score .score-list .set-text {
    font-size: 14px;
    float: left;
    line-height: 35px;
    min-width: 120px;
}

.stu-score .score-list .set-text span {
    color: red;
    margin-right: 2px;
}

.checkbox-all label {
    padding: 5px 20px !important;
}

.checkbox-all input[type=checkbox] {
    -webkit-appearance: none;
    border: 1px solid #C7C7C7;
    border-radius: 4px;
    width: 15px;
    height: 15px;
    margin: 2px 10px 0 -20px;
    cursor: pointer;
}

.checkbox-all input[type=checkbox]:checked:before {
    content: "\2713";
    width: 13px;
    height: 15px;
    color: #03a9f5;
    position: absolute;
    text-align: center;
    line-height: 15px;
    font-weight: bold;
}

.stu-score .score-list .list-type, .stu-score .score-list .list-type2 {
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%;
}

.stu-score .score-list .list-type ul, .stu-score .score-list .list-type2 ul {
    width: 100%;
    margin-bottom: 0;
}

.stu-score .score-list .list-type {
    /*overflow:hidden;*/
    width: 100%;
    min-width: 1285px;
}

.stu-score .score-list .list-type ul li, .stu-score .score-list .list-type2 ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    padding: 0 10px;
}

.stu-score .score-list .list-type ul li {
    position: relative;
    text-align: left;
}

.stu-score .score-list .list-type li:first-child, .stu-score .score-list .list-type2 li:first-child {
    font-weight: bold;
}

.stu-score .score-list .list-type li:last-child, .stu-score .score-list .list-type2 li:last-child {
    border-bottom: none;
}

/********************************/
.stu-score .score-list .list-type li div {
    width: 25%;
    /*max-width: 210px;*/
    max-width: 150px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    overflow: hidden;
    text-align: left;
}

.stu-score .score-list .list-type li .teach-list {
    width: calc(100% - 515px - 25%) !important;
    max-width: 100px;
    text-align: left;
}

.stu-score .score-list .list-type li > span {
    width: auto;
    min-width: 80px;
    display: inline-block;
    /*padding: 0 0 0 5px;*/
    overflow: hidden;
    text-align: center;
}

/*序号*/
.stu-score .score-list .list-type li > .class-num {
    width: 40px;
    min-width: 40px;
    padding-left: 0;
    text-align: left;
}

.stu-score .score-list .list-type li > .class-min {
    width: 40px;
    min-width: 40px !important;
}

.stu-score .score-list .list-type li > .class-sem {
    width: 70px;
    min-width: 70px !important;
}

.stu-score .score-list .list-type li > .class-rank {
    width: 92px;
}

/********************************/
.stu-score .score-list .labels {
    min-width: 40px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
}

.stu-score .score-list .labels2 {
    background: #777777;
}

.stu-score .score-list .list-type li .over-text {
    /*width: calc(100% - 50px);*/
    /*max-width: 160px;*/
    width: 100px;
    max-width: 100px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.stu-score .score-list p {
    margin: 15px 0 10px;
    font-size: 14px;
    border-left: 3px solid #03a9f5;
    padding-left: 5px;
}

.stu-score .score-list .list-type2 ul li {
    padding: 0 10px;
    cursor: default;
}

.stu-score .score-list .list-type2 li > span {
    width: 85px;
    display: inline-block;
    padding: 0 5px;
}

.stu-score .score-list .list-type2 li > span:nth-child(1) {
    width: 60px;
}

.stu-score .score-list .list-type2 li > span:nth-child(2) {
    width: 100px;
}

.stu-score .score-list .labels3 {
    background: #D41B1C;
}

.stu-score .score-list .labels4 {
    background: #FEE3E3;
    color: red;
}

.stu-score .score-list .list-type2 li .degree {
    min-width: 300px;
    width: auto;
}

.stu-score .score-list .list-type2 li .degree .progress {
    margin: 0;
    height: 9px;
    vertical-align: middle;
    background-color: #D4D4D4;
}

.stu-score .ranking-all {
    /*border-radius: 4px;*/
}

.stu-score .ranking-all td p {
    margin: 0;
    padding: 0;
    text-align: center;
}

.stu-score .ranking-all tr td {
    text-align: center;
}

.stu-score .method {
    position: relative;
}

.stu-score .method span {
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
}

.stu-score .method span {
    /*min-width: 55px;*/
    cursor: pointer;
}

.stu-score .method .labl {
    /*margin-left: 50px;	*/
}

.stu-score .score-echart2 {
    margin-top: 15px;
    height: 460px;
}

.stu-score .score-echart2 .btn {
    border-color: #03a9f4;
}

.stu-score .score-echart2 .btnl {
    color: #03a9f4;
}

.showRead2 {
    position: absolute;
    box-shadow: #999 0px 0px 10px;
    z-index: 99999;
    background: #fff;
    /*max-width: 300px;*/
    min-width: 200px;
    min-height: 35px;
    height: auto !important;
    line-height: 25px;
    padding: 5px 10px;
    left: 560px;
    top: 40px;
    display: block;
}

.className {
    left: 0;
    top: 80px;
    min-height: 25px !important;
}

.className p {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 20px;
    font-size: 12px !important;
}

/* .showRead2:after {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid dashed dashed dashed;
    border-width: 9px;
    border-color: #03a9f5 transparent transparent transparent;
    overflow: hidden;
    zoom: 1;
    font-size: 0;
    content: '';
    position: absolute;
    right: calc(50% - 5px);
    top: 0;
    color: transparent;
    } */

.algorithm {
    left: 140px !important;
    margin-top: -21px;
    display: block;
    min-width: 200px;
}

.algorithm p {
    margin: 0 !important;
    padding: 0 10px !important;
    background: #FEE3E3;
    color: red;
    border: none !important;
}

/*鼠标移上显示*/
.stu-mud li {
    position: relative;
}

.hoverText {
    position: absolute;
    left: 5% !important;
    top: -15px !important;
    background: rgba(238, 244, 241, .7) !important;
    border: 1px solid #1AB083 !important;
    width: 90% !important;
    height: 100% !important;
    margin: 0 auto;
    border-radius: 2px !important;
    padding: 10px;
    display: none;
}

.hoverText p {
    text-align: center !important;
    font-size: 20px !important;
    margin-top: 5px !important;
}