@charset "utf-8";
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    background: #f4f4f4;
    color: #333;
    font-size: 14px;
    line-height: 1.42857143;
    font-family: "微软雅黑, Microsoft YaHei, arial, helvetica, sans-serif";
}

fieldset,
img {
    border: 0;
}

ol,
ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
}

h1 {
    font-size: 32px;
    margin: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

em {
    font-style: normal;
}

input,
button,
select,
textarea {
    outline: none;
}

textarea {
    resize: none;
}


/*禁用了文本的拖拉，尤其在谷歌下*/

p {
    text-align: justify;
    text-justify: distribute;
    margin: 0 0 10px;
}


/*为了使文本段落左右两边对齐*/

a {
    color: #286fb7;
    text-decoration: none;
    background-color: transparent;
}

a:active,
a:hover {
    color: #005691;
    text-decoration: none;
}

b,
strong {
    font-weight: bold;
}

.clear {
    clear: both;
}

@media (min-width: 1200px) {
    .container {
        min-width: 1170px;
        width: 100%;
    }
}

.row {
    margin: 10px 0;
}

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
{
    position: absolute;
    min-height: 1px;
    padding: 0;
    margin: 10px;
    background: #fff;
}

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    float: left;
    min-height: 1px;
    padding: 0;
    margin: 0;
}

.col-md-12 {
    width: 100%;
}

.col-md-11 {
    width: 91.66666667%;
}

.col-md-10 {
    width: 83.33333333%;
}

.col-md-9 {
    width: 75%;
}

.col-md-8 {
    width: 66.66666667%;
}

.col-md-7 {
    width: 58.33333333%;
}

.col-md-6 {
    width: 50%;
}

.col-md-5 {
    width: 41.66666667%;
}

.col-md-4 {
    width: 33.33333333%;
}

.col-md-3 {
    width: 25%;
}

.col-md-2 {
    width: 16.66666667%;
}

.col-md-1 {
    width: 8.33333333%;
}


/***layout****/

.page {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
}

header {
    position: fixed;
    padding: 0;
    width: 100%;
    height: 48px;
    background: #fefefe;
    border-bottom: 1px solid #e5e5e5;
}

.logo {
    float: left;
    padding-left: 200px;
    font-size: 20px;
    color: #286fb7;
    font-weight: bold;
    line-height: 48px;
}
.logo img { width: 30px; height: 30px; margin: 9px 10px 9px 0; float: left;}
#logo-right {
    float: right;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #e5e5e5;
    font-size: 24px;
    line-height: 24px;
} 
#logo-right span {
    display: block;
    height: 24px;
    padding: 12px 0;
}
.topmenu {
    position:absolute;
    top:14px;
    right:49px;
    z-index:9999;
    background:#fefefe;
}
.topmenu ul.nav {
    list-style-type: none;
    margin: 0px;
    padding: 0px 10px 0 0;
    border: 0px;
    float: right;
}
.topmenu ul.nav li {
    height: 20px;
    list-style-type: none;
    padding: 0px 15px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    border-right: 1px solid #e5e5e5;
}
.topmenu ul.nav li a { color: #666;}
.topmenu ul.nav li a:active, .topmenu ul.nav li a:hover { color: #333;}
.topmenu ul.nav li.current a { color: blue;
    font-weight: 800;
    font-size: 15px;}
.topmenu ul.nav li span { float: left; padding: 2px 6px 2px 0; color: #286fb7;}
.topmenu ul.nav li:last-child { border: none;}

.page-wrap {
    position: absolute;
    top: 98px;
    bottom: 0;
    width: 100%;
    height: auto;
}

.Submenu {
    position: fixed;
    width: 180px;
    top: 0;
    left: 0;
    bottom: 0;
    background: #286fb7;
    z-index: 1;
    overflow: hidden;
    overflow-y: hidden;
}
.Submenu .info {
    background: #005691;
    padding: 20px;
    padding-bottom: 10px;
}
.Submenu .info .info-image {
    margin: 10px auto;
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 30px;
    background: url(../img/info-image.png) center no-repeat;
}
.Submenu .info .info-name { font-size: 16px; color: #fff; line-height: 24px; text-align: center;}
.Submenu .info .info-more a { display: block; text-align: center;}
.Submenu .info .info-centent { font-size: 12px; line-height: 24px; text-align: center; color: #fff; margin: 10px 0;}
.Submenu .info .info-centent span.info-line::before {
    content: "|";
    font-size: 12px;
    color: #fff;
    filter: alpha(opacity=50);
    opacity: .50;
    padding: 0 10px;
}

.subnav {
    width: 100%;
    background: #286fb7;
}
.subnav li .subnav-link {
    display: block;
    font-size: 14px;
    line-height: 48px;
    height: 48px;
    color: #fff;
    padding-left: 40px;
}
.subnav li span.link-img {
    float: left;
    width: 40px;
    height: 48px;
    background: url(../img/icon_nav.png) center no-repeat;
}
.subnav li.open span.link-img {
    background: url(../img/icon_nav_current.png) center no-repeat;
}

.submenu li { margin: 1px 0; background: #005691;}
.submenu li:hover, .submenu li.current { background: #f4f4f4;}
.submenu li a {
    display: block;
    font-size: 12px;
    line-height: 34px;
    height: 34px;
    color: rgba(255, 255, 255, 0.8);
    padding-left: 40px;
}
.submenu li:hover a, .submenu li.current a { color: #286fb7;}


.layout1 {
    position: absolute;
    top: 0px;
    left: 180px;
    right: 0px;
    bottom: 5px;
    z-index: 0;
    overflow: hidden;
    background-color: #f4f4f4;
}

.container {
    min-width: 1170px;
    background: #f4f4f4;
}

.box-shadow {
    background: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    margin: 10px;
    padding: 0;
}

.title {
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

.title a.more {
    float: right;
    width: 24px;
    height: 24px;
}

.title a.tab {
    color: #333;
    background: url(../img/img_tab_bg.png) right 15px no-repeat;
    padding-right: 10px;
    font-size: 18px;
    line-height: 24px;
    height: 24px;
}


/**统计仪表**/

.count-box {
    padding: 0 5px;
}

.count {
    margin: 0 5px;
    height: 48px;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    padding: 16px 20px;
    position: relative;
}

.count1 {
    background: url(../img/bg_count1.png) #ffb840 right bottom no-repeat;
}

.count2 {
    background: url(../img/bg_count2.png) #40c4ff right bottom no-repeat;
}

.count3 {
    background: url(../img/bg_count3.png) #ff406b right bottom no-repeat;
}

.count4 {
    background: url(../img/bg_count4.png) #09d091 right bottom no-repeat;
}

.count5 {
    background: url(../img/bg_count5.png) #cc23ef right bottom no-repeat;
}

.count6 {
    background: url(../img/bg_count6.png) #ff7225 right bottom no-repeat;
}

.count span.line {
    float: left;
    background: #fff;
    width: 2px;
    height: 16px;
    margin-top: 4px;
}

.count span.tip {
    position: absolute;
    right: 0;
    top: 0;
}

.count span.count-data {
    display: block;
    padding-left: 18px;
}

.count span.count-data .h2 {
    display: block;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 4px;
}

.count span.count-data .h4 {
    font-size: 24px;
    line-height: 16px;
    padding-left: 2px;
}

.count span.count-data .h4::before {
    content: "/";
    /**margin-right: 2px;**/
}

.count span.count-data .h4::after {
    /**content: ")";**/
    /**margin-left: 2px;**/
}

.count span.count-data .name {
    font-size: 14px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.8);
}


/**待办事宜**/

.box-dbsy {
    margin-left: 20px;
    height: 280px;
}

.list li {
    float: left;
    width: 20%;
    height: 100px;
    margin-bottom: 15px;
}

.shadow {
    box-shadow: 0 2px 38px 0 rgba(0, 0, 0, 0.07), 0 9px 15px 0 rgba(0, 0, 0, 0.07);
    margin: 0 15px 15px 0;
    font-size: 14px;
    color: #666;
    line-height: 18px;
    padding: 18px 15px;
    white-space: nowrap;
    /**text-overflow: ellipsis;**/
}

.line1 {
    border-top: 4px #ffb840 solid;
}

.line2 {
    border-top: 4px #40c4ff solid;
}

.line3 {
    border-top: 4px #ff406b solid;
}

.line4 {
    border-top: 4px #09d091 solid;
}

.line5 {
    border-top: 4px #cc23ef solid;
}

.line6 {
    border-top: 4px #ff7225 solid;
}

.list li span {
    display: block;
}

.list li span.number {
    font-size: 32px;
    line-height: 32px;
    color: #333;
    margin-top: 10px;
}


/**授予学位**/

.box-syxw {
    margin: 0 20px;
    height: 280px;
}


/**学期事务**/

.box-xqsw {
    margin: 0 20px;
    position: relative;
    z-index: 1;
    padding-bottom: 20px;
}

.timeline {
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    background: #e5e5e5;
    left: 16px;
    top: 0;
    z-index: -1;
}

.flow {
    padding: 20px 0 0;
}

.timepoint {
    float: left;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 25px;
}

.timepoint::before {
    content: "";
    float: left;
    width: 32px;
    height: 25px;
    background: url(../img/Oval0.png) center no-repeat;
    margin-right: 10px;
}

.red::before {
    background: url(../img/Oval1.png) center no-repeat;
}

.blue::before {
    background: url(../img/Oval2.png) center no-repeat;
}

.yellow::before {
    background: url(../img/Oval3.png) center no-repeat;
}

.green::before {
    background: url(../img/Oval4.png) center no-repeat;
}

.flow-content {
    border-bottom: 1px #e5e5e5 solid;
    margin: 0 0 0 110px;
    padding: 0 0 12px 0;
    overflow: hidden；
}

.flow:last-child .flow-content {
    border: none;
}

.flow-content span {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding-bottom: 8px;
    height: 24px;
}

.flow-content span.size12 {
    font-size: 12px;
    padding: 0;
    height:auto;
}

.flow-content b {
    color: #000;
}

span.size18 {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #333;
    padding-left: 8px;
}

span.oval {
    float: left;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #ddd;
    margin: 8px 12px 8px 0;
    padding: 0;
}

.histogram-word {
    float: left;
}

.histogram {
    float: right;
    width: 200px;
    margin: 0;
}

.histogram-oval {
    float: right;
    margin: 10px 0;
}

.progress {
    height: 6px;
    width: 100%;
    padding: 0;
    margin: 9px 0 18px 0;
}

.progress-bar {
    float: right;
    height: 100%;
    border-radius: 6px 0 0 6px;
}

.progress-oval {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 6px #f4f7f9;
    float: right;
    font-size: 10px;
    color: #77909D;
    position: relative;
    margin-left: 20px;
}

.progress-oval-bar {
    position: absolute;
    width: 44px;
    height: 44px;
}

.progress-oval-bar::before {
    position: absolute;
    z-index: 1;
    clip: rect(0, 44px, 44px, 22px);
    width: 44px;
    height: 44px;
    content: '';
    border-radius: 50%;
    box-shadow: inset 0 0 0 6px #77909D;
    transform: rotate(40deg);
}

.progress-oval-bar::after {
    position: absolute;
    clip: rect(0, 44px, 44px, 22px);
    width: 44px;
    height: 44px;
    content: '';
    border-radius: 50%;
    box-shadow: inset 0 0 0 6px #77909D;
    transform: rotate(0deg);
}

.progress-oval .num {
    position: absolute;
    box-sizing: border-box;
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 10px;
    text-align: center;
    color: #77909D;
    left: 6px;
    top: 6px;
    border-radius: 50%;
    z-index: 1;
    white-space: nowrap;
}

span.bg-gary {
    background: #ddd;
}

span.bg-red {
    background: #ff406b;
}

span.bg-blue {
    background: #40c4ff;
}

span.bg-yellow {
    background: #ffb840;
}

span.bg-green {
    background: #09d091;
}

span.bg-green2 {
    background: #b5f0dd;
}

.bg-gary {
    background: #ddd;
}

.bg-red {
    background: #ff406b;
}

.bg-blue {
    background: #40c4ff;
}

.bg-yellow {
    background: #ffb840;
}

.bg-green {
    background: #09d091;
}

.bg-green2 {
    background: #b5f0dd;
}


/**学业预警**/

.box-xyyj {
    margin: 0 20px;
    padding: 10px 0;
}

.block1 {
    margin-bottom: 20px;
}

.block1 li {
    border-right: 1px #eee solid;
    width: 19.66666667%;
    height: 64px;
    float: left;
    display: block;
    text-align: center;
    color: #666;
    cursor: pointer;
    position: relative;
}

.block1 li:last-child {
    border: none;
}

.block1 li span {
    display: block;
}

.block1 li span.icon24 {
    margin-top: 8px;
    color: #40C4FF;
}

.block1 li span.name {
    margin-top: 8px;
    line-height: 14px;
}

.block3 {
    border-top: 1px #eee solid;
    margin-top: 20px;
}

.block3 li {
    float: left;
    margin-right: 20px;
    display: block;
    padding: 15px 0;
    font-size: 12px;
    color: #77909D;
    line-height: 16px;
}

span.badge {
    position: absolute;
    top: -5px;
    right: 10px;
    color: #fff;
    font-size: 12px;
    padding: 0 6px;
    min-width: 6px;
    height: 18px;
    background: #f43530;
    border-radius: 10px;
    line-height: 18px;
    margin-top: 8px; 
}

span.four {
    float: left;
    width: 4px;
    height: 16px;
    background: #40c4ff;
    margin-right: 8px;
}

span.three {
    float: left;
    width: 4px;
    height: 16px;
    background: #ffb840;
    margin-right: 8px;
}

span.two {
    float: left;
    width: 4px;
    height: 16px;
    background: #ff5c00;
    margin-right: 8px;
}

span.one {
    float: left;
    width: 4px;
    height: 16px;
    background: #ff406b;
    margin-right: 8px;
}

span.data {
    color: #333;
}

span.data::before {
    content: "[";
    margin-left: 2px;
}

span.data::after {
    content: "]";
    margin-right: 5px;
}


/**未完成名单**/

.box-wwcmd {
    margin-top: 20px;
}

.block2 {
    margin-bottom: 20px;
}

.block2 li {
    width: 20%;
    height: 84px;
    float: left;
    display: block;
    text-align: center;
    color: #666;
    cursor: pointer;
}

.block2 li:hover {
    background: #f4f7f9;
}

.block2 li span {
    display: block;
}

.block2 li span.icon24 {
    margin-top: 18px;
    color: #77909D;
}

.block2 li span.name {
    margin-top: 8px;
    line-height: 14px;
}

span.icon24 { font-size: 24px;}
span.icon16 { font-size: 16px;}

.margintop20 { margin-top: 20px;}
.box-xjyd {
    margin-left: 20px;
    min-height: 20px;
    padding-bottom: 20px;
}
.box-xjyd::after {
    content: "";
    display: block;
    clear: both;
}
.box-xjyd span.people { 
    text-align: right;
    background: url(../img/icon_people.png)right center no-repeat;
    padding-right: 16px;
}
.xjyd_bg {
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}
.xjyd_bg::before {
    content: "";
    left: -7px;
    top: 20px;
    width: 14px;
    height: 14px;
    background: #3293F0;
    border-radius: 50%;
    position: absolute;
}


/**--0810新增--**/

/**----**/

.block { background: #fff; border-radius: 4px; overflow: hidden;}
.block-title { background: #286FB7; color: #fff; height: 46px; padding: 0 20px; font-size: 16px; line-height: 46px;}
.block-title span { font-weight: normal; font-size: 14px; padding: 0 6px; color: #77909d;}
.block-title span.red { color: #F43530;}
.block-title .alert-link { float: right; display: block; font-size: 12px; color: #77909D; background: url(../images/alert_warning.png) left center no-repeat; padding-left: 18px;}
.block-title .alert-link:hover { color: #24292B;}
.block-lg-title { height: 64px; line-height: 64px;}
.block-box { padding: 20px;}
.block-btn { border-top: 1px #e5e5e5 solid; padding: 20px;}
.block-btn::after { content: ""; display: block; clear: both; line-height: 1;}
.block-btn button { float: right;}
.block-btn a.but-link { float: right; margin: 2px 0; margin-right: 10px;}
.block-operate { padding: 20px; min-height: 26px; border-bottom: 1px solid #e8f1f5;}
.block-operate::after { content: ""; display: block; clear: both;}

.boxshadow { box-shadow: 0 0 10px rgba(204,204,204,.50);}
.floatleft { float: left;}
.floatright { float: right;}
.form-gorup { height: 26px; line-height: 26px; margin-right: 10px; display: inline-block;}
.form-gorup label { font-size: 12px;}

.mima-box { width: 400px; margin: 60px auto;}
.from-group { margin-bottom: 20px;}
.mima-box .from-group:last-child { margin: 0;}
.from-group form { background: #F7F7F7; height: 46px;}
.m-label { font-size: 16px; height: 34px; line-height: 34px; background: #F7F7F7; padding-left: 15px; display: inline-block; width: 65px;}
.m-inputtext { display: inline-block; height: 34px; padding: 6px 10px; font-size: 16px; line-height: 1.42857143; background: #F7F7F7; border:none;}
.from-group span.error { display: block; padding-left: 105px; color: #F43530; margin-top: 8px;}


/**--师生互选--**/

.hx-box { padding: 20px;}
.hx-box .title { padding: 20px 0;}

.hx-list { margin-left: -10px; margin-right: -10px;}
.hx-list::after { content: ""; display: block; clear: both;}
.hx-list li { float: left; width: 20%; margin-bottom: 20px;}

.hx-boxshadow { background: #ffffff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07); border-radius: 8px;}
.hx-list li .hx-boxshadow { margin-left: 10px; margin-right: 10px; position: relative; padding: 20px;}
.hx-list li .Sinfo-photo { text-align: center; height: 80px; overflow: hidden; margin-top: 10px;}
.hx-list li .Sinfo-photo img { width: 80px; height: 80px; border-radius: 50%;}
.hx-list li .IDphoto { text-align: center; height: 100px; overflow: hidden;}
.hx-list li .IDphoto img { width: 80px; height: 100px; border-radius: 0;}
.hx-list li .Sinfo-name { font-size: 18px; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 4px;}
.hx-list li .Sinfo-sort { font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 15px; color: #999;}
.hx-list li .Sinfo-group { border-bottom: 1px dotted #e5e5e5; height: 26px; line-height: 26px; padding-top: 8px; font-size: 12px; white-space: nowrap;}
.hx-list li .Sinfo-group span.icon { float: left; width: 26px; height: 22px; margin-right: 5px;}
.hx-list li .Sinfo-group span.icon-lxdh { background: url(../img/icon-lxdh.png) center no-repeat;}
.hx-list li .Sinfo-group span.icon-xszy { background: url(../img/icon-xszy.png) center no-repeat;}
.hx-list li .Sinfo-group span.icon-rxcj { background: url(../img/icon-rxcj.png) center no-repeat;}
.hx-list li .Sinfo-group span.icon-mail { background: url(../img/icon-mail.png) center no-repeat;}
.hx-list li .Sinfo-group span.red { color: #f43530; padding: 0 4px;}
.hx-list li .Sinfo-link { margin-top: 8px; font-size: 12px; text-align: right; line-height: 18px; height: 18px;}
.hx-list li .Sinfo-link a { display: block; background: url(../img/link-triangle.png) right center no-repeat; padding-right: 10px;}
.hx-list li .Sinfo-btn { width: 100%; font-size: 12px; margin-top: 15px;}
.hx-list li .select-img { position: absolute; top: 0; right: 0;}

.hx-info { margin-bottom: 20px; display: flex; flex-flow: row; padding: 20px;}
.hx-info .hx-info-qrxs { flex: 1; border-right: 1px solid #e5e5e5;}
.hx-info .hx-info-jhzs { flex: 1; border-right: 1px solid #e5e5e5; padding: 0 20px;}
.hx-info .hx-info-hxsm { flex: 1; padding-left: 20px;}
.hx-info .hx-info-hxsm p { font-size: 12px; margin: 0;}
.hx-info .hx-info-hxsm span.red { color: #f43530;}
.hx-info .hx-info-title { font-weight: bold; line-height: 18px; margin-bottom: 10px;}
.hx-info .hx-info-title span { padding: 0 4px;}
.hx-info .hx-info-photo img { width: 40px; height: 40px; margin-right: 10px; margin-top: 5px;}

.jhzs-tiem { font-size: 12px; color: #666; height: 20px; line-height: 20px; margin-bottom: 2px; position: relative;}
.jhzs-tiem .jhzs-dt { float: left; width: 54px; border-right: 1px dashed #ccc; line-height: 20px;}
.jhzs-tiem .jhzs-progress { float: left; width: 200px; margin-left: -1px;}
.jhzs-tiem .jhzs-progress .progress { margin: 7px 0;}
.jhzs-tiem .jhzs-dd { margin-left: 260px;}
.jhzs-tiem .jhzs-dd b { color: #333;}
.progress { height: 6px; width: 100%; padding: 0; margin: 15px 0; background: #e5e5e5;}
.progress-bar { float: left; height: 100%;}


/**--课程排课--**/

.pcxx-box { margin: 0;}
.pcxx-box::after { content: ""; display: block; clear: both;}
.pcxx-box-left { padding-right: 10px;}
.pcxx-box-right { padding-left: 10px;}


/**背景色**/

span.bg_gary { background: #e7eef0;}
span.bg_red { background: #ff406b;}
span.bg_blue { background: #40c4ff;}
span.bg_yellow { background: #FFB400;}
span.bg_green { background: #09d091;}
span.bg_info { background: #77909D;}
span.bg_success { background: #63BC66;}
span.bg_warning { background: #ffb840;}
span.bg_danger { background: #f43530;}
span.bg_primary { background: #00A7F7;}
.bg_gary { background: #e7eef0;}
.bg_red { background: #ff406b;}
.bg_blue { background: #40c4ff;}
.bg_yellow { background: #FFB400;}
.bg_green { background: #09d091;}
.bg_info { background: #77909D;}
.bg_success { background: #63BC66;}
.bg_warning { background: #ffb840;}
.bg_danger { background: #f43530;}
.bg_primary { background: #00A7F7;}
.error { color: #f43530;}


.layout_box {
    background: #ffffff;
    border-radius: 6px;
    padding: 0px;
    margin: 20px auto;
    width:95%;
}

.Operating_area { padding: 20px; border-bottom: 1px solid #E7EEF0;}
.Operating_area .title { font-size: 18px; font-weight: bold; line-height: 36px;}

.zx_record { height: 600px; overflow-y: auto;}
.zx_record li { padding: 20px; border-bottom: 1px solid #E7EEF0; height: 60px;}
.zx_record li:last-child {border: none;}
.zx_record .zx_record_img { height: 60px;}
.zx_record .zx_record_word { margin-left: 80px;}
.zx_record .zx_record_word span { display: inline-block; line-height: 24px; color: #77909D;}
.zx_record .zx_record_word span.zx_name { font-size: 16px; color: #24292B; font-weight: bold;}
.zx_record .zx_record_word span.zx_job { margin: 0 4px;}
.zx_record .zx_record_word span.zx_job::before { content: "[";}
.zx_record .zx_record_word span.zx_job::after { content: "]";}
.zx_record .zx_record_word span.zx_info { color: #F43530;}
.zx_record .zx_record_word span.zx_info::before { content: "[";}
.zx_record .zx_record_word span.zx_info::after {content: "]";}
.zx_record .zx_record_word span.zx_time { float: right;}
.zx_record .zx_record_word p { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 10px;}

.xz_title { text-align: center; height: 36px; line-height: 36px; font-size: 18px; color: #24292B; padding: 0 100px;}
.xz_title span { color: #77909D; padding: 0 8px;}

.zx_chat { height: 480px; overflow-y: auto; padding-bottom: 20px;}
.zx_chat_time { margin: 20px; text-align: center; line-height: 24px; height: 24px;}
.zx_chat_time span { background: rgba(119, 144, 157, .10); color: #77909D; border-radius: 12px; padding: 0 20px;}
.zx_chat_line { margin: 20px; text-align: center; line-height: 24px; height: 24px; color: #77909D;}
.zx_chat_line span { display: inline-block; line-height: 24px; height: 24px;}
.zx_chat_line span::before { content: ""; width: 100px; float: left; height: 12px; border-bottom: 1px solid #E7EEF0; margin-right: 10px;}
.zx_chat_line span::after { content: ""; width: 100px; float: right; height: 12px; border-bottom: 1px solid #E7EEF0; margin-left: 10px;}

.zx_chat_box { margin: 0 20px}
.zx_chat_box li { min-height: 60px; margin-bottom: 20px;}
.zx_chat_box li:last-child { margin-bottom: 0;}
.zx_chat_box li img { border-radius: 50%; float: left;}
.zx_chat_box li.my_chat img { float: right;}

.zx_chat_box li .bubble_box { margin-left: 80px;}
.zx_chat_box li .bubble_box span.bubble_triangle {
    display: block;
    float: left;
    margin: 24px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #e7eef0;
    transform: rotate(45deg);
    -ms-transform:rotate(45deg); 
    -moz-transform:rotate(45deg); 
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}
.zx_chat_box li .bubble_box span.bubble {
    display: block;
    max-width: 70%;
    min-height: 24px;
    padding: 18px 20px;
    background: #e7eef0;
    border-radius: 4px;
    color: #24292B;
    line-height: 24px;
}
.zx_chat_box li.my_chat .bubble_box { margin-right: 80px;}
.zx_chat_box li.my_chat .bubble_box span.bubble_triangle {
    float: right;
    background: #FFF3D6;
}
.zx_chat_box li.my_chat .bubble_box span.bubble {
    background: #FFF3D6;
    float: right;
}

/***--申请流程小图--***/

.step_sm_view { height: 36px; float: left; width: 60%;}
.step_sm_view .step_sm { padding: 0; margin: 0; height: 36px;display: -webkit-box; 
    display: -moz-box; 
    display:-webkit-flex;
    display: -ms-flexbox;
    display:flex; flex-direction: row;}
.step_sm_view .step_sm li { flex: 2; position: relative; width:25%}

.step_sm_view .step_sm .step_sm_done::before { content: ""; position: absolute; left: 10px; right: 0px; top: 0; bottom: 0; background: url(../images/done_bg.png) left center repeat-x;}
.step_sm_view .step_sm .step_sm_head::before { left: 0;}
.step_sm_view .step_sm .step_sm_todo::before { content: ""; position: absolute; left: 10px; right: 0px; top: 0; bottom: 0; background: url(../images/todo_bg.png) left center repeat-x;}
.step_sm_view .step_sm .step_sm_foot::before { right: 0;}
.step_sm_view .step_sm .step_sm_item { position: absolute; font-size: 12px; color: #24292B; top: 0; bottom: 0; left: 0;}
.step_sm_view .step_sm .step_sm_item span { position: relative; display: block; padding-left: 36px;}
.step_sm_view .step_sm .step_sm_item span.name { font-weight: bold; padding-bottom: 4px;}
.step_sm_view .step_sm .step_sm_item span.time { color: #77909D;}
.step_sm_view .step_sm .step_sm_success { background: url(../images/step_sm_success.png) left center no-repeat;}
.step_sm_view .step_sm .step_sm_processing { background: url(../images/step_sm_processing.png) left center no-repeat;}
.step_sm_view .step_sm .step_sm_fail { background: url(../images/step_sm_fail.png) left center no-repeat;}
.step_sm_view .step_sm .step_sm_future { background: url(../images/step_sm_future.png) left center no-repeat;}

/**--12-18-学业进程--****/
/**--表格列表--**/

.listtable { width:100%; border: none;}
.listtable tr { height: 40px;}
.listtable tr.head { border-bottom: 2px solid #00A7F7;}
.listtable tr.odd { background: #F4F7F9;}
.listtable tr.even { background: #fff;}
.listtable tr.selected { background: rgba(255,180,0,.2);}
.listtable tr.hover { background: #E7EEF0;}
.listtable td { padding: 0 10px; border-right: 1px dashed #e5e5e5; text-align:center;}
.listtable tr.head td { border-right: 1px dashed #fff; font-weight: bold;}
.listtable tr td.order { width: 20px; text-align: center;}
.listtable tr td.foot { width: 1px; border: none;}
.listtable tr td.operate { text-align: center;}

.Slayout { margin: 20px 20px;}
.T_title { background: #F4F7F9; color: #77909D; font-size: 16px; padding: 0 20px; line-height: 46px; height: 46px; font-weight: bold; border-bottom: 1px solid #e7eef0;}
.panel1 { background: #fff; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; border-radius: 6px; padding: 0;}
.alert_area { padding: 10px 20px; background: rgba(255,180,0,.1); color: #FF9D00; line-height: 26px; height: 26px;}
.alert_area .alert_link { display: block; float: right; font-size: 12px; color: #77909D; background: url(../images/alert_warning.png) left center no-repeat; padding-left: 18px; margin-top: -26px;}
.alert_area .alert_link:hover { color: #24292B;}
.alert_area-red { background: rgba(244,53,48,.10); color: #F43530;}
.row::after { content: ""; clear: both; display: block;}

.article { position: relative;}
.article-content { padding: 1px 10px 20px 0; margin-right: 200px; border-right: 1px solid #ddd;}
    
.title-level-1 { font-size: 24px; font-weight: bold; line-height: 24px; height: 24px; margin: 40px 0 20px 0; padding-left: 14px; border-left: 6px solid #00A7F7;}
    
.title-level-2 { margin: 0 20px; height: 40px; font-size: 16px; border-bottom: 1px solid #ddd;}
.title-level-2::before { content: ""; width: 6px; height: 6px; background: #00A7F7; display: block; float: left; margin: 17px 0; border-radius: 50%;}
.title-level-2 h4 { float: left; font-size: 16px; font-weight: bold; line-height: 40px; margin: 0; padding-left: 10px;}
.title-level-2 span {font-size: 12px; color: #77909D; float: left; display: block; line-height: 18px; padding: 12px 0 10px 8px;}
.title-level-2 a { float: right; font-size: 12px; line-height: 40px; padding-right: 15px;}
.title-level-2::after { content: ""; display: block; clear: both;}
    
.part-box { margin: 20px;}
    
.catalog { position: fixed; right: 37px; bottom: 40px; width: 210px; top: 30px; overflow: hidden;}
.catalog-scroller { padding: 0 4px; position: absolute; top: 0; left: 0; right: 0; bottom: 52px; overflow-y: auto;}
.catalog-level-1 { height: 24px; line-height: 24px; padding-top: 20px;}
.catalog-level-1::after { content: ""; display: block; clear: both;}
.catalog-level-1 span { float: left; font-size: 16px; font-family: Helvetica, sans-serif; width: 24px; height: 24px; border: 1px solid #ddd; background: #fff; text-align: center; border-radius: 50%; color: #24292B; box-sizing: border-box;}
.catalog-level-1 a { display: block; font-size: 14px; font-weight: bold; padding-left: 34px; color: #24292B;}
.catalog-level-1 a:hover { color: #00A7F7;}
.catalog-current span { background: #00A7F7; border: 1px solid #00A7F7; color: #fff;}
.catalog-current a { color: #00A7F7;}
    
.catalog-level-2 { list-style: none; padding: 0; margin: 0; padding-top: 10px;}
.catalog-level-2 li {font-size: 14px;color: 666; line-height: 21px; background: url(../images/poin-gary.png) left center no-repeat; margin-left: 9px;}
.catalog-level-2 li a { display: block; color: #666; padding-left: 25px;}
.catalog-level-2 li a:hover, .catalog-level-2 li.current a, .catalog-level-2 li.current, .catalog-level-2 li:hover { color: #00A7F7; background: url(../images/poin-blue.png) left center no-repeat;}
.catalog-level-3 { list-style: none; padding: 0; margin: 0; }
.catalog-level-3 li{ height:30px; line-height:15px}
.gotop-button { display: block; width: 32px; height: 32px; padding-top: 20px; position: absolute; bottom: 0;}

.table-lessborder {width: 100%; border-spacing: 0; border-collapse: collapse; border: none;}
.table-lessborder tr { height: 30px; border: none;}
.table-lessborder td { border: none; padding-right: 15px;}
.table-lessborder .text-gary { color: #77909d;} 


/**--课表信息--**/
.panel-tab-nav button { float: right; margin: 19px 20px;}
.tab-title { list-style: none; border-bottom: 1px solid #E8F1F5; padding: 0 10px;}
.tab-title::after { content: ""; display: block; clear: both;}
.tab-title li { float: left; margin: 0 10px;}
.tab-title .active, .tab-title li:hover { border-bottom: 2px solid #286FB7;}
.tab-title li a { display: block; font-size: 18px; line-height: 24px; color: #333; margin: 19px 0;}

.basetable th.base-title span { font-size: 12px; color: #77909d; font-weight: normal; margin-left: 4px;}
.basetable .ke_item { margin-bottom: 8px;}
.basetable .blank-gary { background: #FAFAFA; color: #FAFAFA;}
.basetable .blank-gary td { padding: 0; height: 12px; line-height: 12px;}

.button-area { margin-bottom: 15px;}
.button-area::after { content: ""; display: block; clear: both;}
.button-area button { margin-left: 20px;}


/*---站内通知浮窗--*/ 
#rbbox { position: fixed; right: 0; bottom: 0; background: url(../images/RBbox_bg.png) center no-repeat; width: 520px; height: 340px;z-index:10}
#rbbox .rbbox_close { position: absolute; font-size: 12px; line-height: 24px; right: 70px; top: 70px; color: #77909D; padding: 0 6px;}
#rbbox .rbbox_close:hover { color: #0085C5;}
#rbbox .rbbox_list { position: absolute; width: 360px; left: 80px; top: 106px; height: 220px; overflow: auto;}
#rbbox .rbbox_list li { background: url(../images/rbbox_point.png) left 10px no-repeat; padding-left: 15px; padding-bottom: 10px;}
#rbbox .rbbox_list li a { display: block; color: #24292B; line-height: 24px;}
#rbbox .rbbox_list li span { font-weight: bold; padding-right: 6px;}
#rbbox .rbbox_list li a:hover { color: #0085C5;}
#rbbox .rbbox_list li a:hover span { color: #24292B;}