@charset "utf-8";
html,body {
/*scrollbar-face-color:#FB4446; /*滚动条3D表面（ThreedFace）的颜色*/ 
scrollbar-highlight-color:#fff; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/ 
scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边（ThreedShadow）颜色*/ 
scrollbar-3dlight-color:#eeeeee; /*滚动条亮边框颜色*/ 
scrollbar-arrow-color:#000; /*滚动条方向箭头的颜色 */ 
scrollbar-track-color:#fff; /*滚动条的拖动区域(TrackBar)颜色*/
scrollbar-darkshadow-color:#fff; /*滚动条暗边框（ThreedDarkShadow）颜色*/ }

body,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: #F4F7F9;
    color: #24292B;
    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;}
a { color: #00A7F7; text-decoration: none; background-color: transparent;}
a:active, a:hover { color: #0085C5; text-decoration: none;}
b, strong { font-weight: bold;}
.clear { clear: both;}



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

.row { margin: 0; padding: 0;}
.row::after { content: ""; clear: both; display: block;}

.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: 80%;}
.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%;}

span.icon24 { font-size: 24px;}
span.icon18 { font-size: 18px;}
span.icon16 { font-size: 16px;}
span.icon14 { font-size: 14px;}
span.icon12 { font-size: 12px;}

/**--布局--**/
.page { position: absolute; z-index: 0; height: 100%; width: 100%;}
.page-wrap { position: absolute; top: 59px; bottom: 0; width: 100%; height: auto;}

.layout_main { position: absolute; top: 0px; left: 0px; right: 441px; bottom: 0px; z-index: 0; overflow: auto; background-color: #F4F7F9;}
.layout_right { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 0; overflow: auto; background-color: #fff; width: 440px; border-left: 1px solid #e5e5e5;}
.layout1 { position: absolute; top: 0px; left: 183px; right: 0px; bottom: 0px; z-index: 0; overflow: auto; background-color: #F4F7F9; overflow-y:hidden}

.Slayout { margin: 20px 20px;}
.Slayout::after { content: ""; clear: both; display: block;}

.container { min-width: 960px;}

.layout_box { background: #ffffff; border-radius: 6px; padding: 0; margin: 0; position: relative;}

/***--布局面板--***/
.block { background: #fff; border-radius: 6px; overflow: hidden;}
.block-title { background: #E7EEF0; height: 46px; padding: 0 20px; font-size: 16px; font-weight: bold; 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 #E7EEF0 solid; padding: 20px;}

.btn_view { height: 36px; line-height: 36px;}  /***--表单里的按钮操作区--***/
.header_area { height: 36px; margin-bottom: 20px;}  /***--子页面头部的操作去--***/
.header_area::after { content: ""; clear: both; display: block;}
.Operating_area::after { content: ""; clear: both; display: block;}
.basictable .textarea { width: 98%; border-color: #77909D; border-radius: 4px;}
.basictable .inputtext { width: 90%;}

.boxshadow { background: #fff; border-radius: 6px; box-shadow: 0 0 40px rgba(119,144,157,.30); margin: 10px;}

.row-inline { margin-left: -10px; margin-right: -10px;}
.row-inline::after { content: ""; display: block; clear: both;}
.panel1 { background: #fff; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; border-radius: 6px; padding: 0;}
.panel1-head { padding: 15px 20px; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.panel1-body { padding: 20px;}
/**0112-修改**/
.panel1-head::after { content: ""; display: block; clear: both;}
.panel1-head span { padding-left: 10px;}
.panel1-title { margin: 0; font-size: 16px; color: inherit; line-height: 18px; float: left;}
.panel1-default .panel1-head { color: #24292B; background-color: #E7EEF0;}
.panel1-tabs-title { font-size: 16px; padding-bottom: 0;}
.panel1-tabs-title::after { content: ""; display: block; clear: both;}
.panel1-tabs-title li { float: left; margin-right: 20px; padding-bottom: 11px; line-height: 18px;}
.panel1-tabs-title li.current { border-bottom: 4px solid #00A7F7;}
.panel1-tabs-title li a { display: block; color: #77909D; font-weight: 500;}
.panel1-tabs-title li.current a, .panel1-tabs-title li a:hover { color: #24292B;}

/**--补充--**/
.mima-box { width: 400px; margin: 60px auto;}
.from-group { margin-bottom: 20px;}
.mima-box .from-group:last-child { margin: 0;}
.from-group form { background: #F4F7F9; height: 46px;}
.m-label { font-size: 16px; height: 34px; line-height: 34px; background: #F4F7F9; color: #77909D; 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: #F4F7F9; border:none;}
.from-group span.error { display: block; padding-left: 105px; color: #F43530; margin-top: 8px;}

/**--header--**/
header { position: relative; padding: 0; width: 100%; height: 58px; background: #fff; border-bottom: 1px solid #e5e5e5;}

.top-left { float: left; margin-left: 200px; margin-top: 16px; height: 26px; font-size: 12px; line-height: 26px; color: #77909D;}
.top-left span { cursor: pointer;}
.top-left span::after { content: ">"; padding: 0 4px;}
.top-left span.current { color: #00A7F7;}
.top-left span.current::after { content: "";}

.nav_user { float: right; height: 58px; width: 56px; margin-right: 20px;}
.nav_user .nav-link { display: block; height: 58px; line-height: 58px; position: relative; text-align: center;}
.nav_user .nav-link img { border-radius: 50%;}
.nav_user .avt { margin: 10px auto; line-height: 58px; vertical-align: middle; text-align: center; margin-right: 20px;}
.nav_user .arrow { background: url(../images/icon-down.png) center no-repeat; width: 10px; height: 10px; position: absolute; right: 0; top: 26px;}

.popover-photo { height: 216px; background: #fff; position: relative;}
.popover-photo .btn-edit { position: absolute; display: block; width: 38px; height: 26px; top: 0; right: 0; background: url(../images/icon-edit.png)#fff center no-repeat; border: 1px solid #eee; border-radius: 20px;}
.popover-photo .btn-edit:hover {background: url(../images/icon-edit.png)#F4F7F9 center no-repeat;}
.popover-info { position: absolute; left: 100px; top: 0; right: 0;}
.popover-info span { display: block; float: left;}
.popover-info .info-name { font-size: 18px; line-height: 18px; height: 18px; margin-bottom: 10px;}
.popover-info .tag-yellow { height: 18px; line-height: 18px; font-size: 12px; color: #fff; background: #FFB400; border-radius: 2px; padding: 0 4px; margin-left: 8px;}
.popover-info dl { height: 34px; border-bottom: 1px solid #eee; font-size: 14px; line-height: 34px;}
.popover-info dl dt { float: left; color: #77909D; padding-right: 10px;}
.popover-info .info-btn { display: block; float: right; font-size: 12px; line-height: 18px; color: #77909d; background: #fff; border: 1px solid #eee; border-radius: 20px; padding: 4px 12px;}
.popover-info .info-btn:hover { background: #F4F7F9;}

.top-right { float: right; text-align: center; margin-right: 5px;}
.top-right span { position: relative; display: block; float: right; color: #77909d; height: 24px; padding: 17px 15px; cursor: pointer;}
.top-right span.badge { position: absolute; top: 10px; left: 30px; color: #fff; font-size: 12px; padding: 0 3px; min-width: 10px; height: 16px; background: #f43530; border-radius: 10px; line-height: 15px;}

/**--Submenu--**/
.Submenu { position: fixed; width: 180px; top: 0; left: 0; bottom: 0; background: #fff; z-index: 1; overflow: hidden; box-shadow: 6px 0 60px rgba(119, 144, 157, .5);}

.logo { height: 30px; padding: 14px 20px;}
.nav a { padding: 20px 10px 10px 20px; display: block; font-size: 14px; color: #77909d; line-height: 18px; border-left: 3px solid #fff;}
.nav a span {float: left; margin-right: 10px;}
.nav a span.right { float: right; background: url(../images/Triangle-down.png) center no-repeat; width: 18px; height: 18px;}
.nav a:hover { color: #000;}
.nav a:hover span { color: #00A7F7;}
.nav a.current { color: #000; border-left: 3px solid #00A7F7;}
.nav a.current span.right {background: url(../images/Triangle-up.png) center no-repeat;}
.nav a.current span { color: #00A7F7;}

.subnav { border-left: 3px solid #00A7F7;}
.subnav li { padding: 2px 0 2px 30px;}
.subnav li a { padding: 0; font-size: 12px; line-height: 24px; height: 24px; padding-left: 18px; border: none;}
.subnav li a:hover { background: url(../images/subnav-hover.png) left center no-repeat;}
.subnav li a.current { background: url(../images/subnav-current.png) left center no-repeat; border: none;}

.nav_box { position:absolute; width: 180px; top:116px; bottom:40px; overflow-y:auto;}

.help { position:fixed; bottom: 0; left: 0; right: 0; padding: 10px 5px; }
.help a { display: block; font-size: 12px; color: #77909d; line-height: 18px; float: left; padding: 0 10px; border-right: 1px solid #E7EEF0;}
.help a:last-child { border: none; padding-right: 0;}
.help a.current { color: #000;}
.help a.current span { color: #00A7F7;}
.help a span { float: left; margin-right: 2px;}
.help a:hover { color: #000;}
.help a:hover span {color: #00A7F7;}
.help a span.error { color: #d71914; float: right; margin: 0 0 0 2px;}

/**--首页桌面--**/
/**--学业流程--**/
.Mystep_view { padding: 0; margin: 0;}
.Mystep_view li { position: relative;}
.Mystep_view li::before { content: " "; position: absolute; left: 124px; top: 40px; display: block; width: 16px; height: 16px; background: url(../images/Oval_todo.png) no-repeat;}
.Mystep_view .Mystep_done::before { background: url(../images/Oval.png) no-repeat;}
.Mystep_view .Mystep_success::before { background: url(../images/Oval_done.png) no-repeat;}
.Mystep_view .Mystep_processing::before { background: url(../images/Oval_processing.png) no-repeat;}
.Mystep_view .Mystep_future::before { background: url(../images/Oval_future.png) no-repeat;}
.Mystep_view .Mystep_done { background: url(../images/sq_bg_line.png) 130px center repeat-y;}
.Mystep_view .Mystep_todo { background: url(../images/sq_bg_dot2.png) 130px center repeat-y;}
.Mystep_view .Mystep_time { position: absolute; left: 44px; top: 28px; width: 60px; text-align: right; line-height: 24px; font-size: 18px; font-weight: bold;}
.Mystep_view .Mystep_time span { font-weight: normal; font-size: 12px; line-height: 16px; display: block; color: #77909D;}
.Mystep_view .Mystep_time span span { float: right; background: #f43530; color: #fff; border-radius: .25em; padding: 0 3px; margin-left: 2px;}
.Mystep_view .Mystep_title { position: absolute; left: 160px; top: 30px; width: 80px; font-size: 16px; line-height: 36px; text-align: left;}
.Mystep_view .Mystep_title span { font-size: 18px; font-weight: bold;}
.Mystep_view .Mystep_box { margin: 0 30px 0 240px; padding: 20px 10px 10px 10px;}
.Mystep_view .Mystep_box p { font-size: 14px; font-weight: bold; line-height: 36px; margin-top: 10px;}
.Mystep_view .Mystep_box span { font-size: 12px; font-weight: normal; color: #77909D;}
.Mystep_view .Mystep_box span.red { color: #F43530; font-size: 12px;}
.Mystep_view .Mystep_box span.tip { font-weight: bold; color: #24292B; padding: 0 4px; border-radius: 2px; display: inline-block;}

.Mystep_view .bubble {  position: relative;  background: #fff; border-radius: 4px; padding: 18px; box-shadow: 0 5px 20px rgba(119, 144, 157, .2); color: #24292B; font-size: 14px; line-height: 18px; max-width: 640px; min-width: 400px;}
.Mystep_view .bubble::before { content: ""; position: absolute; width: 12px; height: 12px; display: block; left: -6px; top: 20px; transform: rotate(45deg); background: #fff;}
.Mystep_view .bubble p { margin: 0; padding: 0; line-height: 18px; margin-bottom: 15px;}
.Mystep_view .bubble span { color: #77909D; font-weight: normal; font-size: 14px;}
.Mystep_view .bubble span.red { font-size: 14px;}

.Mystep_view span.label { display: inline-block; font-size: 12px; line-height: 18px; padding: 0 6px; background: #77909D; color: #fff; margin-right: 10px;}
.Mystep_view span.label_undone { background: url(../images/label_undone.png)#E7EEF0 6px center no-repeat; color: #77909D; padding-left: 20px;}
.Mystep_view span.label_done { background: url(../images/label_done.png)#09CF90 6px center no-repeat; color: #fff; padding-left: 20px;}

.Mystep_view .time_flow::before { content: "审核："; display: block; float: left; color: #77909D; font-size: 14px; line-height: 18px;}
.Mystep_view .time_flow::after { content: " "; display: block; clear: both;}
.Mystep_view .time_flow dl { float: left;}
.Mystep_view .time_flow dd { margin-bottom: 6px;}
.Mystep_view .time_flow span.flow_done { display: block; float: left; width: 20px; height: 16px; background: url(../images/time_flow_done.png) left 4px no-repeat; margin-right: 10px;}
.Mystep_view .time_flow span.flow_todo { display: block; float: left; width: 20px; height: 16px; background: url(../images/time_flow_undone.png) left 4px no-repeat; margin-right: 10px;}

/**--圆形进度条--**/
.progress-view { position: absolute; top: 20px; right: 20px;}
.circleProgress_wrapper{ width: 60px; height: 60px; position: relative; float: right;}
.circleProgress_wrapper::before { content: ""; width: 48px; height: 48px; border: 6px solid #F4F7F9; float: left; border-radius: 50%;}

.wrapper{ width: 30px; height: 60px; position: absolute; top:0; overflow: hidden;}
.right_bar{ right:0;}
.left_bar{ left:0;}
.circleProgress{ width: 48px; height: 48px; border:6px solid transparent; border-radius: 50%; position: absolute; top:0; transform: rotate(-135deg);}
.rightcircle{ border-top:6px solid #FFB400; border-right:6px solid #FFB400; right:0;}
.leftcircle{ border-bottom:6px solid #FFB400; border-left:6px solid #FFB400; left:0;}
.right_rotate { transform: rotate(45deg);}
.left_rotate { transform: rotate(-120deg);}

.circleProgress_wrapper span.number { display: block; font-size: 12px; color: #24292B; border-radius: 50%; width: 48px; height: 48px; line-height: 48px; text-align: center; padding: 6px; position: absolute;}

.circleProgress_box { position: relative; margin-left: -20px; margin-right: -20px;}
.circleProgress_wrapper_big { float: none; width: 100px; height: 100px; margin: 0 21px;}
.circleProgress_wrapper_big::before { content: ""; width: 88px; height: 88px;}
.wrapper_big { width: 50px; height: 100px;}
.circleProgress_big { width: 88px; height: 88px;}
.rightcircle_border_bule { border-top: 6px solid #00A7F7; border-right: 6px solid #00A7F7; right: 0;}
.leftcircle_border_bule { border-bottom: 6px solid #00A7F7; border-left: 6px solid #00A7F7; left: 0;}
.rightcircle_border_red { border-top: 6px solid #FF6173; border-right: 6px solid #FF6173; right: 0;}
.leftcircle_border_red { border-bottom: 6px solid #FF6173; border-left: 6px solid #FF6173; left: 0;}
.circleProgress_wrapper_big span { display: block; position: absolute; width: 88px; text-align: center; padding: 6px;}
.circleProgress_wrapper_big span.number { font-size: 40px; line-height: 48px; position: absolute; width: 88px; top: 14px;}
.circleProgress_wrapper_big span.number_tip { font-size: 14px; color: #77909d; top: 54px;}
.circleProgress_title { font-size: 14px; line-height: 24px; color: #000; text-align: center; margin-top: 6px;}
.circleProgress_wrapper_big span.text-bule { color: #00A7F7;}
.circleProgress_wrapper_big span.text-pink { color: #FF6173;}
.circleProgress_wrapper_big span.text-orange { color: #ffb400;}

/**--小课表--**/
.group { padding: 20px; border-bottom: 1px #e5e5e5 solid;}
.group:last-child { border: none;}
.curriculum_small { width: 100%; text-align: left; border-collapse:collapse; margin-bottom: 10px;}

.curriculum_small th { height: 34px; color: #00A7F7; background: #00A7F7; text-align: center;}
.curriculum_small th.head { border-radius: 8px 0 0 0;}
.curriculum_small th.foot { border-radius: 0 8px 0 0;}
.curriculum_small th span { color: #fff;}

.curriculum_small td { height: 24px; border-bottom: 1px dashed #ddd;}
.curriculum_small td.order { width: 34px; color: #77909D; font-size: 12px; border: 0; vertical-align: bottom;}

.curriculum_small .item { position: relative;}
.curriculum_small .item .item_bg { position: absolute; left: 1px; right: 1px; top: 6px; background: url(../images/kb_more.png) right bottom no-repeat; background-color: rgba(0, 167, 247, .2); cursor: pointer;}
.curriculum_small .item .item_info { position: absolute; top: 6px; border-top: 4px solid #FFB840; padding: 0 15px; background: #fff; z-index: 2; box-shadow: 0 0 10px rgba(119, 144, 157, 0.30);}
.curriculum_small .item .item_info li { padding: 15px 0; border-bottom: 1px solid #e5e5e5;}
.curriculum_small .item .item_info li:last-child { border: 0;}
.curriculum_small .item .item_info li p { white-space: nowrap; font-size: 14px; line-height: 24px;}
.curriculum_small .item .item_info li span { color: #77909D;}

/**--学分情况--**/
.M-title { position: relative; font-size: 16px; font-weight: bold; line-height: 24px; height: 24px; margin-bottom: 20px;}
.M-title a.tab-name { float: left; color: #24292B; background: url(../images/tab_bg.png) right 12px no-repeat; padding-right: 10px; font-size: 16px; line-height: 24px; height: 24px;}
.M-title a.tab-more { float: right; width: 24px; height: 24px;}
.M-title .tab-popover { position: absolute; left: 0; top: 24px; background: #fff; box-shadow: 0 0 40px rgba(119, 144, 157, 0.30); border-radius: 4px; z-index: 1;}
.M-title .tab-popover a { display: block; font-size: 12px; line-height: 18px; height: 18px; padding: 10px 15px; color: #77909d;}
.M-title .tab-popover a.current { background: #F4F7F9; color: #24292B;}
.M-title .tab-popover a:active, .M-title .tab-popover a:hover { background: #F4F7F9;}

.xf_name { float: left; height: 36px; color: #77909d; width: 70px; border-right: 1px dashed #77909D;  line-height: 36px;}
.xf_progress { float: left; width: 276px; margin-left: -1px;}
.progress { height: 6px; width: 100%; padding: 0; margin: 15px 0; background: rgba(119, 144, 157, 0.30);}
.progress-bar { float: left; height: 100%;}
.xf_number { float: right; text-align: right; line-height: 36px; height: 36px; color: #77909d;}
.xf_number b { color: #24292B;}

/**--学业预警--**/
.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 { display: block; padding-top: 20px; font-size: 12px; color: #77909D; line-height: 18px;}

.YJ_warning { float: left; margin-top: -18px; margin-left: 64px;}

span.four { float: left; width: 4px; height: 16px; background: #40c4ff; margin-right: 8px; margin-top: 1px;}
span.three { float: left; width: 4px; height: 16px; background: #ffb840; margin-right: 8px; margin-top: 1px;}
span.two { float: left; width: 4px; height: 16px; background: #ff5c00; margin-right: 8px; margin-top: 1px;}
span.one { float: left; width: 4px; height: 16px; background: #ff406b; margin-right: 8px; margin-top: 1px;}
span.data { color: #333;}
span.data::before { content: "["; margin-left: 2px;}
span.data::after { content: "]"; margin-right: 5px; }
span.point { position: absolute; top: 0; right: 0; width: 8px; height: 8px; border-radius: 50%;}

/**--操作区[area]--**/
.title_area { margin-bottom: 30px; height: 36px;}
.title_lg { float: left; width: 50%; line-height: 36px; height: 36px; font-size: 22px; color: #77909d;}

.Operating_area { padding: 20px; border-bottom: 1px solid #E7EEF0;}

.tabs_title { background: #E7EEF0; border-radius: 8px 8px 0 0; padding: 0 30px; height: 64px; font-size: 16px; font-weight: bold; line-height: 64px;}
.tabs_title li { float: left; margin-right: 30px;}
.tabs_title li a { display: block; color: #77909D; font-size: 16px; line-height: 24px; padding: 20px 0 16px 0;}
.tabs_title li.current { border-bottom: 4px solid #00A7F7;}
.tabs_title li.current a { color: #24292B;}
.tabs_content { background: #fff; border-radius: 8px 8px 8px 8px; padding: 30px;}
.tabs_arrow { background: url(../images/icon-down.png) right center no-repeat; width: 20px; height: 44px; display: block; float: right;}
.tabs_sm_title { padding: 0 20px; height: 44px; line-height: 44px; font-weight: normal;}
.tabs_sm_title li { margin-right: 20px;}
.tabs_sm_title li a { padding: 10px 0 6px 0;}
.tabs_sm_content { padding: 0;}
.tip_info { color: #F43530;}
.tip_info p {margin-bottom: 10px;}

.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;}

/**--学生课表--**/ 
.curriculum_box { padding: 0 0 20px 0; position: relative;} /**--0721修改--**/
.curriculum { width: 100%; text-align: left; border-collapse:collapse; margin-bottom: 20px;}
.curriculum th { height: 44px; border-bottom: 2px solid #00A7F7; color: #fff; padding-left: 10px;}
.curriculum tr { height: 26px; border-bottom: 1px dashed #ddd;} /**--0721修改--**/
.curriculum td {  padding: 4px;} /**--0721修改--**/
.curriculum th span { font-size: 16px; color: #24292B;}
.curriculum th span.English { color: #77909d; font-size: 12px;}
.curriculum th span.English::before { content: "[";}
.curriculum th span.English::after { content: "]";}
.curriculum td.C_kc { font-size: 12px; color: #77909d; vertical-align: bottom; padding-left: 10px; width: 36px;}

.curriculum .today { background: rgba(255, 184, 64, .16);}

.curriculum .C_kc_rowspan { vertical-align: top; position: relative;}
.curriculum .C_kc_rowspan .C_kc_subject { background: #E7EEF0; padding-top: 10px; height:100%;}
.curriculum .C_kc_rowspan .C_kc_today_subject { background: #ffb840; padding: 10px 0; height: 100%;}
.curriculum .C_kc_rowspan .C_kc_subject p { padding: 0 6px 10px 6px; font-size: 14px;}
.curriculum .C_kc_rowspan .C_kc_subject span { color: #77909d; font-size: 12px;}
.curriculum .C_kc_rowspan .C_kc_subject span::before { content: "["; padding: 0 2px;}
.curriculum .C_kc_rowspan .C_kc_subject span::after { content: "]"; padding: 0 2px;}
.curriculum .C_kc_rowspan .C_kc_today_subject p { padding: 0 6px 10px 6px; font-size: 14px; color: #fff; font-weight: 200;}
.curriculum .C_kc_rowspan .C_kc_today_subject span { font-size: 12px; opacity: 0.8;}
.curriculum .C_kc_rowspan .C_kc_today_subject span::before { content: "["; padding: 0 2px;}
.curriculum .C_kc_rowspan .C_kc_today_subject span::after { content: "]"; padding: 0 2px;}
.curriculum .C_kc_rowspan .C_kc_xuanke { background: #00A7F7;}
.curriculum .C_kc_rowspan .C_kc_xuanke p { color: #fff;}
.curriculum .C_kc_rowspan .C_kc_xuanke span { color: #fff; opacity: 0.8;}
.curriculum .C_kc_rowspan .C_kc_xuanke span::before { content: "["; padding: 0 2px;}
.curriculum .C_kc_rowspan .C_kc_xuanke span::after { content: "]"; padding: 0 2px;}

.curriculum_box .color_block { padding: 0 20px;}
.curriculum_box .color_block span { display: inline-table; padding-right: 20px; font-size: 12px; line-height: 12px; white-space:nowrap;}
.curriculum_box .color_block span.gary_block { padding: 0; width: 12px; height: 12px; background: #e7eef0; float: left; margin-right: 6px;}
.curriculum_box .color_block span.blue_block { padding: 0; width: 12px; height: 12px; background: #00A7F7; float: left; margin-right: 6px;}

.elective { position: fixed; right: 40px; top: 68px; background: #fff; border-radius: 8px; width: 500px; min-height: 44px; box-shadow: 0 0 40px rgba(119, 144, 157, .5);}
.elective_view { padding-left: 20px; max-height: 450px; overflow-y: auto;}
.elective_view li { height: 40px; border-bottom: 1px solid #E7EEF0; padding: 10px 0;}
.elective_view li:last-child { border: 0;}
.elective_view .elective_info { margin-right: 80px; overflow: hidden; height: 40px;}
.elective_view .elective_info p { white-space: nowrap;}
.elective_view .elective_info .info_main { line-height: 22px; height: 22px; font-size: 14px;}
.elective_view .elective_info .info_sub { line-height: 18px; height: 18px; font-size: 12px;}
.elective_view .elective_info span { font-size: 12px; color: #77909D; margin-right: 4px;}
.elective_view .elective_info span.tag_b { background: #ff406b; border-radius: 4px; color: #fff; padding: 0 4px;}
.elective_view .elective_info span.tag_x { background: #40C4FF; border-radius: 4px; color: #fff; padding: 0 4px;}

.elective_view .elective_btn { float: right; width: 80px; margin-top: -40px; cursor: pointer;text-align: center;}
.elective_view .elective_btn span { display: block; font-size: 12px; color: #77909D;}
.elective_view .elective_btn span.btn_bg { background: url(../images/S_ICON.png) no-repeat; height: 24px; width: 24px; margin: 0 28px 2px;}
.elective_view .elective_btn.bg_can span.btn_bg { background-position: 0px 0px;}
.elective_view .elective_btn.bg_cancel span.btn_bg { background-position: -24px 0px;}
.elective_view .elective_btn.bg_cannot span.btn_bg { background-position: -48px 0px;}
.elective_view .elective_btn.bg_cannot span { color: #f43530;}

/**--我的咨询--**/
.ZX_list { margin-right: 20px; padding: 20px 0; min-height: 650px; float: left; width: 200px}

.ZX_nav { margin-bottom: 20px;}
.ZX_nav .zx_title { display: block; background: url(../images/icon-left.png) 20px center no-repeat; line-height: 24px; height: 24px; padding-left: 36px; color: #77909D;}
.ZX_nav_current .zx_title {  background: url(../images/icon-down.png) 20px center no-repeat;}

.ZX_subnav { padding: 0 36px;}
.ZX_subnav li { margin-top: 20px; height: 30px;}
.ZX_subnav li img { float: left; border-radius: 50%;}
.ZX_subnav li a {display: block; line-height: 30px; height: 30px; color: #24292B; float: left; padding-left: 10px;}

.ZX_content { }

.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;}

.xz_textarea { height: 50px; margin: 0 20px 20px 20px; padding: 10px; border: none; background: #F4F7F9; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(119,144,157,.5);}

/**--我的申请--**/
.my_box { padding: 20px 30px; height: 120px;}
.my_box img { float: left; border-radius: 50px; margin-right: 30px;}
.my_time { float: right; margin: 10px 30px;}
.my_time dl { border-bottom: 1px dashed #e7eef0; line-height: 18px; padding: 10px 0 4px 0;}
.my_time dl dt { color: #77909D; padding-right: 10px; display: inline-block; text-align:justify; text-justify:distribute-all-lines; text-align-last:justify; width:70px;}
.my_time dl dd { display: inline-block; color: #24292B;}

.my_content { float: left;}
.my_content .my_name { margin:18px 0; line-height: 18px; height: 18px;}
.my_content .my_name span { font-size: 18px; font-weight: bold; float: left; margin-right: 6px;}
.my_content .my_name span.label_yellow { font-size: 12px; font-weight: normal; background: #ffb840; border-radius: 2px; color: #fff; padding: 0 6px;}
.my_content .my_info { line-height: 24px;}
.my_content .my_info div { padding: 4px 0;}
.my_content .my_info div:last-child {padding: 0;}
.my_content .my_info span { margin-right: 30px;}
.my_content .my_info span.c_g { color: #77909D; margin: 0;}

.step_view { height: 100px;}
.step_view .step_title { float: left; width: 160px; position: relative; height: 72px;}
.step_view .step_title::before { content: " "; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/sq_bg_line.png) left center repeat-x;}
.step_view .step_title .step_item { position: absolute; margin-left: -60px; width: 120px; font-size: 14px; color: #24292B; top: 0; bottom: 0; left: 50%; text-align: center; background: url(../images/sq_dot.png) center center no-repeat;}
.step_view .step_title .step_item span { font-size: 18px; position: relative; line-height: 136px; font-weight: bold;}

.step_view .step { padding: 0; margin: 0; height: 72px; display: -webkit-flex;    /* Safari */ display: flex; flex-direction: row;}
.step_view .step li { flex: 2; position: relative;}
.step_view .step .step_head { flex: 1;}
.step_view .step .step_foot { flex: 1;}
.step_view .step .step_done::before { content: " "; position: absolute; left: 12px; right: 12px; top: 0; bottom: 0; background: url(../images/sq_bg_line.png) left center repeat-x;}
.step_view .step .step_head::before { left: 0;}
.step_view .step .step_todo::before { content: " "; position: absolute; left: 12px; right: 12px; top: 0; bottom: 0; background: url(../images/sq_bg_dot.png) left center repeat-x;}
.step_view .step .step_foot::before { right: 0;}
.step_view .step .step_item { position: absolute; margin-left: -60px; width: 120px; font-size: 14px; color: #24292B; top: 0; bottom: 0; left: 100%; text-align: center;}
.step_view .step .step_item span { position: relative; line-height: 136px;}
.step_view .step .step_item span a { position: absolute; left: 100%; text-align: center; white-space: nowrap; margin-left: 4px; z-index: 1; font-size: 12px;}
.step_view .step .step_success { background: url(../images/sq_1.png) center center no-repeat;}
.step_view .step .step_processing { background: url(../images/sq_2.png) center center no-repeat;}
.step_view .step .step_fail { background: url(../images/sq_3.png) center center no-repeat;}
.step_view .step .step_future { background: url(../images/sq_4.png) center center no-repeat;}

/****--首页初次登陆弹窗--****/
.mask_layer { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,.6);}
.mask_view { width: 1200px; margin: 60px auto; padding:40px; background: #F4F7F9;}
.mask_block { margin-bottom: 20px;}
.mask_title { font-size: 16px; font-weight: bold; line-height: 18px; margin-bottom: 20px;}
.mask_title span { display: block;}
.mask_title span.icon_xyre { padding-left: 28px; background: url(../images/icon_xyrw.png) left center no-repeat;}
.mask_title span.icon_yqtt { padding-left: 28px; background: url(../images/icon_yqtt.png) left center no-repeat;}
.mask_title .title_more { float: right; margin-top: -18px; font-size: 14px; font-weight: normal; background: url(../images/more_gary.png) right center no-repeat;padding-right: 15px;}

.letter { background: url(../images/xin_bg.png) repeat-x; padding: 10px; box-shadow: 0 2px 8px rgba(119, 144, 157, .60); margin-bottom: 40px;}
.letter_view { background: #fff; padding: 20px;}
.letter_bg_xueshi { background:url(../images/xueshi.jpg)#fff right bottom no-repeat;}
.letter_bg_shuoshi { background:url(../images/shuoshi.jpg)#fff right bottom no-repeat;}
.letter_bg_boshi { background:url(../images/boshi.jpg)#fff right bottom no-repeat;}
.letter_bg_daoshi { background:url(../images/daoshi.jpg)#fff right bottom no-repeat;}
.letter_view p { font-size: 14px; line-height: 24px;}
.letter_view p.strong { font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.letter_view p.right { text-align: right;}
.letter_view p.letter_content { line-height: 30px; background: url(../images/letter_line_bg.png); text-indent: 2em; margin-bottom: 20px;}
.letter_view span { font-weight: bold; padding: 0 0.3em;}

.task_box { background: #fff; border-radius: 8px; box-shadow: 0 0 40px rgba(119, 144, 157, 0.30); margin: 0 20px 20px 0; padding-bottom: 20px; height: 380px; position: relative;}
.task_box::after { content: ""; display: block; clear: both;}
.task_title { background: #F4F7F9; padding: 20px; font-size: 18px; line-height: 24px; height: 24px; font-weight: bold; border-radius: 8px 8px 0 0;}
.task_title span { font-size: 24px; color: #00A7F7; float: left; margin-right: 10px;}
.task_item { margin: 20px;}
.task_box dl { line-height: 24px; font-size: 14px; margin-bottom: 10px;}
.task_box dl::after { content: ""; display: block; clear: both;}
.task_box dd { float: left; color: #77909D; width: 30px; padding-right: 10px;}
.task_box dt { margin-left: 40px;}
.task_box dt button { float: right; margin: 10px 0;}
.task_links { float: right; color: #77909d;line-height: 24px; background: url(../images/more_bule.png) right center no-repeat; padding-right: 15px; position: absolute; bottom: 20px; right: 20px;}
.task_links:active, .task_links:hover { color: #0085C5;}
.task_item_done { border-top: 1px solid #e7eef0; margin: 0 20px; padding: 20px 0;}
.task_item_done table { text-align: left; width: 100%; line-height: 24px}
.task_item_done tr {height: 34px; vertical-align: top;}
.task_item_done th { width: 70px; color: #77909D; font-weight: normal;}
.task_box .task_done { position: absolute; top: 10px; right: 20px;}

.prompt { padding-left: 28px;}
.prompt p { color: #77909d; line-height: 24px; margin-bottom: 10px;}
.prompt a { color: #77909d;line-height: 24px; background: url(../images/more_bule.png) right center no-repeat; padding-right: 15px; margin-right: 20px;}
.prompt a:active, .prompt a:hover { color: #0085C5;}
.prompt .prompt_qita { float: right; margin-top: -58px;}
.prompt .prompt_qita::after { content: ""; display: block; clear: both;}
.prompt .prompt_qita p { color: #24292B; font-weight: bold;}
.prompt .prompt_code { float: left; border: 1px solid #B5C3CB; padding: 15px; position: relative;}
.prompt .prompt_code span { position: absolute; display: block; bottom: -10px; left: 25px; right: 25px; font-size: 12px; line-height: 20px; background: #F4F7F9; text-align: center; color: #77909D;}
.prompt .prompt_download { float: left; margin-left: 20px;}
.prompt .download_btn { display: block; width:140px; padding: 11px 24px; font-size: 16px; color: #00A7F7; font-weight: bold; line-height: 24px; text-align: left; background: #F4F7F9; margin: 15px 0 20px 0;}
.prompt .download_btn:hover { background: #fff;}
.prompt .download_btn span { width: 24px; height: 24px; float: left; margin-right: 6px;}
.prompt .download_btn span.icon_iphone { background: url(../images/icon_iphone.png) center no-repeat;}
.prompt .download_btn span.icon_android { background: url(../images/icon_android.png) center no-repeat;}

/**--表单--**/
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    font: inherit;
    color: inherit;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
}
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc;}
input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { color: #ccc;}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #ccc;}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc;}

input[disabled], select[disabled], textarea[disabled] {
    background-color: #eee;
    border-color: #eee;
    color: #666;
}
input:focus, textarea:focus, select:focus {
    border-color: #00A7F7;
    outline: 0;
    outline: thin dotted\9;
    -webkit-box-shadow: 0 0 5px rgba(0,167,247,.3);
    box-shadow: 0 0 5px rgba(0,167,247,.3);
}

label { padding-right: 10px; text-align: left;}
.title { font-size: 18px; font-weight: bold; line-height: 36px;}

/**--Button按钮--**/
button,.btn-default { font-size: 14px; line-height: 1.2; padding: 9px 20px; outline: none; background: #fff; border: 1px #77909D solid; color: #77909D; border-radius: 50px; cursor: pointer;}

.btn-default:active, .btn-default:hover { background: #F4F7F9;}
.btn-primary { background: #00A7F7; border: 1px #00A7F7 solid; color: #fff;}
.btn-primary:active, .btn-primary:hover { background: #0085C5; border: 1px #0085C5 solid;}
.btn-success { background: #63BC66; border: 1px #63BC66 solid; color: #fff;}
.btn-success:active, .btn-success:hover { background: #55A958; border: 1px #55A958 solid;}
.btn-info { background: #77909D; border: 1px #77909D solid; color: #fff;}
.btn-info:active, .btn-info:hover { background: #24292B; border: 1px #24292B solid;}
.btn-warning { background: #FFB400; border: 1px #FFB400 solid; color: #fff;}
.btn-warning:active, .btn-warning:hover { background: #FF9D00; border: 1px #FF9D00 solid;}
.btn-danger { background: #F43530; border: 1px #F43530 solid; color: #fff;}
.btn-danger:active, .btn-danger:hover { background: #d71914; border: 1px #d71914 solid;}
.btn-default2 { background: #F4F7F9; border: 1px #77909D solid; color: #77909D;}
.btn-default2:active, .btn-default2:hover { background: #fff; border: 1px #77909D solid;}

button[disabled] { cursor: not-allowed; filter: alpha(opacity=35); -webkit-box-shadow: none; box-shadow: none; opacity: .35;}

.btn-default[disabled] {background: #fff; border: 1px #77909D solid;}
.btn-default2[disabled] {background: #F4F7F9; border: 1px #77909D solid;}
.btn-primary[disabled] {background: #00A7F7; border: 1px #00A7F7 solid;}
.btn-success[disabled] {background: #63BC66; border: 1px #63BC66 solid;}
.btn-info[disabled] {background: #77909D; border: 1px #77909D solid;}
.btn-warning[disabled] {background: #FFB400; border: 1px #FFB400 solid;}
.btn-danger[disabled] {background: #F43530; border: 1px #F43530 solid;}
.btn-large { font-size: 18px; line-height: 22px; padding: 12px 25px;}
.btn-small { font-size: 12px; line-height: 16px; padding: 4px 15px;}

.btn-link { display: inline-block; padding: 6px 12px; font-size: 14px; line-height: 1.2; border: none; border-radius: 20px; height: 16px; color: #00A7F7;}
.btn-link span { color: #77909D;}
.btn-link:active, .btn-link:hover { background: #E7EEF0;}
.btn-disabled, .btn-disabled:active, .btn-disabled:hover { cursor: not-allowed;filter: alpha(opacity=35); -webkit-box-shadow: none; box-shadow: none; opacity: .35; background: #fff; color: #286fb7;}
.icon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/**--input--**/
.form-control { display: inline-block; width: auto; padding: 8px 10px; font-size: 14px; line-height: 18px; color: #333; background-color: #fff; background-image: none; border: 1px solid #77909D; border-radius: 4px; vertical-align: middle;}
.form-control-small { font-size: 12px; padding: 3px 6px;}
.form-control-large { padding: 14px 15px;}

#focusedInput { border-color: #00A7F7; outline: 0; outline: thin dotted\9; -webkit-box-shadow: 0 0 5px rgba(0,167,247,.3); box-shadow: 0 0 5px rgba(0,167,247,.3);}
#form-errors { border-color: #F43530; background-color: rgba(214,25,21,.06);}
span.errors {font-size: 12px; line-height: 16px; color: #f43530;}

/**--select--**/
.select { background: url(../images/form-triangle.png) right center no-repeat; -moz-appearance: none; -ms-progress-appearance: none; -webkit-appearance: none; padding-right: 20px;}
.select::-ms-expand { display: none;}

/**--标签--**/
.label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;}
.label-default { background-color: #E7EEF0; color: #77909D;}
.label-primary { background-color: #77909d; color: #fff;}
.label-success { background-color: #09CF90; color: #fff;}
.label-info { background-color: #40C4FF; color: #fff;}
.label-warning { background-color: #FFB400; color: #fff;}
.label-danger { background-color: #FF406B; color: #fff;}

/**--page--**/
.page_footer { padding: 20px 0; border-top: 1px solid #e7eef0; width: 100%;}
.page-box { height: 26px; display: inline-block;}
.page_link { float: left; height: 26px; line-height: 26px; padding: 0 20px; color: #24292B; border: none; border-radius: 0;}
.page_link:hover { color: #00A7F7;}
.page-box .borderright { border-right: 1px solid #E7EEF0;}
.page-box .borderleft { border-left: 1px solid #E7EEF0;}
.page-box .disabled { color: #ccc; cursor: not-allowed;}

.page-list { float: left; padding: 0 12px;}
.page-list li { float: left; height: 26px; text-align: center; margin: 0 3px;}
.page-list li a { display: block; width: 26px; height: 26px; line-height: 26px; color: #24292B;}
.page-list li a:hover { color: #00A7F7;}
.page-list li a.current { background: #00A7F7; color: #fff; border-radius: 50%;}

/**--外边距--**/
.floatleft {float: left;}
.floatright {float: right;}

.margintop5 { margin-top: 5px;}
.margintop10 { margin-top: 10px;}
.margintop15 { margin-top: 15px;}
.margintop20 { margin-top: 20px;}
.margintop25 { margin-top: 25px;}
.margintop30 { margin-top: 30px;}
.marginright5 { margin-right: 5px;}
.marginright10 { margin-right: 10px;}
.marginright15 { margin-right: 15px;}
.marginright20 { margin-right: 20px;}
.marginright25 { margin-right: 25px;}
.marginright30 { margin-right: 30px;}
.marginbottom5 { margin-bottom: 5px;}
.marginbottom10 { margin-bottom: 10px;}
.marginbottom15 { margin-bottom: 15px;}
.marginbottom20 { margin-bottom: 20px;}
.marginbottom25 { margin-bottom: 25px;}
.marginbottom30 { margin-bottom: 30px;}
.marginleft5 { margin-left: 5px;}
.marginleft10 { margin-left: 10px;}
.marginleft15 { margin-left: 15px;}
.marginleft20 { margin-left: 20px;}
.marginleft25 { margin-left: 25px;}
.marginleft30 { margin-left: 30px;}

/**--form width--**/
.width40 { width: 40px;}
.width50 { width: 50px;}
.width60 { width: 60px;}
.width70 { width: 70px;}
.width80 { width: 80px;}
.width90 { width: 90px;}
.width100 { width: 100px;}
.width110 { width: 110px;}
.width120 { width: 120px;}
.width130 { width: 130px;}
.width140 { width: 140px;}
.width150 { width: 150px;}
.width160 { width: 160px;}
.width170 { width: 170px;}
.width180 { width: 180px;}
.width190 { width: 190px;}
.width200 { width: 200px;}
.width220 { width: 220px;}
.width240 { width: 240px;}
.width260 { width: 260px;}
.width280 { width: 280px;}
.width320 { width: 320px;}
.width360 { width: 360px;}
.width100x { width: 100%;}
.width50x { width: 50%;}

/**--背景色--**/
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;}

/**--文字颜色--**/
.text-gary { color: #77909d;}
.text-red { color: #D71914;}

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

.basictable { width: 100%;  border: 1px solid #e7eef0;}
.basictable tr td, .basictable tr th { border: 1px solid #e7eef0;}
.basictable th.title { background: #F4F7F9; text-align: left; font-size: 16px; color: #77909D; height: 46px; padding: 0 20px;}
.basictable td { padding: 6px 10px; height: 28px;}
.basictable td.bg { background: #F4F7F9; text-align: right; width: 15%;}
.basictable td.img{ text-align: center;}
.basictable span.red { color: #F43530; font-size: 12px;} /**--0809修改--**/

.T_view { border: 1px solid #e7eef0;}
.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;}
.hidden { position: relative; left: -1px;}
.T_title span { color: #f43530; display: inline-block; font-weight: normal; font-size: 14px; padding: 0 10px;}

.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;}

/**--表格列表--**/
.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;}

/*---滚动条默认显示样式--*/  
::-webkit-scrollbar-thumb{ 
   background-color:#77909D;  
   border-radius:6px;  
}  
/*---鼠标点击滚动条显示样式--*/  
::-webkit-scrollbar-thumb:hover{  
   background-color:#5F7580;  
   border-radius:6px;  
}  
/*---滚动条大小--*/  
::-webkit-scrollbar{  
   width:6px;  
   height:6px;  
}  
/*---滚动框背景样式--*/  
::-webkit-scrollbar-track-piece{   
   border-radius:0;  
}

/*---站内通知浮窗--*/ 
#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;}

/**----系统内页样式----**/
/***--任务须知--***/
.R_view { height: 116px; color: #fff; background: url(../images/banner01.jpg)no-repeat;background-size:100%;}
.R_view .R_icon { font-size: 64px; float: left;}
.R_view .R_icon span {display: block; padding: 26px 20px 26px 40px;}
.R_view .R_title { display: inline-table; vertical-align: middle; padding-top: 35px;}
.R_view .R_title h3 { font-size: 28px; font-weight: bold; margin: 0;}
.R_view .R_title p { font-size: 16px;}

.R_content { border-bottom: 1px solid #E7EEF0; padding: 20px 0;}
.R_content h4 { font-size: 16px; line-height: 24px; font-weight: bold; margin-bottom: 8px; margin-top: 20px;}
.R_content p { line-height: 1.5; margin-bottom: 8px;}

/***--学期注册--***/
.xq-box { width: 100%; margin-right: -20px;}
.xq-box::after { content: ""; clear: both; display: block;}
.xq-box li { float: left; width: 33.33333333%; height: 154px; position: relative; margin-bottom: 20px;}

.xq-item { position: absolute; left: 10px; right: 10px; height: 154px; background: #fff; border-radius: 6px; overflow: hidden;}
.xq-info { margin-left: 150px; margin-top: 20px;}
.info-fettle { position: absolute; right: 0; bottom: 8px;}

.xq-title-mask { position: absolute; width: 90px; left: 40px; height: 114px; top: 20px; box-shadow: 0 0 40px rgba(119,144,157,.30);}
.xq-title { position: absolute; width: 90px; left: 40px; height: 154px; background: #F4F7F9; line-height: 154px; font-size: 64px; color: #40C4FF; text-align: center; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}

.boxshadow { background: #fff; border-radius: 6px; box-shadow: 0 0 40px rgba(119,144,157,.30); margin: 10px;}

.zc-item { padding: 20px;}
.zc-info { background: #F4F7F9; border-radius: 6px; padding: 20px; position: relative;}
.info-item { font-size: 14px; line-height: 24px;}
.info-item .info-primary { color: #F43530; font-weight: bold; margin-bottom: 10px;}
.info-item .info-done { color: #24292B;}
.info-item .info-primary span { color: #24292B; font-weight: normal; margin-left: 6px;}
.info-item dl { margin-bottom: 4px;}
.info-item dl dt { display: inline-block; color: #77909D; text-align: justify; text-justify: distribute-all-lines; text-align-last: justify;}
.info-item dl dd { display: inline-block;}
.zc-note { padding: 10px 20px; font-size: 14px; line-height: 24px;}
.zc-note p { margin-bottom: 10px; padding-left: 70px;}
.zc-note span.note-red { color: #F43530;}
.zc-note::before { content: "注册说明："; float: left; font-weight: bold;}

/***--师生互选--***/
.hx-box { padding: 10px;}
.hx-list { margin-left: -10px; margin-right: -10px; margin-bottom: 10px;}
.hx-list::after { content: ""; clear: both; display: block;}
.hx-list li { float: left; width: 20%; margin-bottom: 20px;}
.teacher-view { margin-left: 10px; margin-right: 10px; background: #fff; border-radius: 6px; box-shadow: 0 0 40px rgba(119,144,157,.30); position: relative;}
.Info-tiem { padding: 20px; text-align: center; border-bottom: 1px solid #E7EEF0;}
.Info-tiem .Info-photo { width: 80px; height: 80px; display: inline-block; position: relative;}
.Info-tiem .Info-photo .Info-links { display: block; width: 24px; height: 24px; background: url(../images/info-tip.png)#fff center no-repeat; box-shadow: 0 0 10px rgba(119,144,157,.30); border-radius: 50%; position: absolute; right: 0; bottom: 0;}
.Info-tiem h4 { margin: 10px 0; font-size: 18px;}
.Info-tiem .Info-note { font-size: 12px; color: #77909D; text-align: center;}
.Info-tiem .Info-note span { padding: 0 4px;}
.Info-tiem .Info-note span.Info-line { opacity: 0.5;}

.jhzs-box { padding: 15px 15px 20px;}
.jhzs-view { margin-bottom: 20px; position: relative;}
.jhzs-view .jhzs-title { margin-bottom: 10px; line-height: 16px;}
.jhzs-view .jhzs-title span { padding: 0 6px;}
.jhzs-view .jhzs-tiem { font-size: 12px; color: #77909D; height: 20px; line-height: 20px; margin-bottom: 2px; position: relative;}
.jhzs-view .jhzs-tiem .jhzs-dt { float: left; width: 54px; border-right: 1px dashed #77909D; line-height: 20px;}
.jhzs-view .jhzs-tiem .jhzs-progress { float: left; width: 50%; margin-left: -1px;}
.jhzs-view .jhzs-tiem .jhzs-progress .progress { margin: 7px 0;}
.jhzs-view .jhzs-tiem .jhzs-dd { position: absolute; right: 0;}
.jhzs-box button { width: 100%; padding: 4px 0;}

.select-img { position: absolute; top: 0; right: 0;}

.danger-view { padding: 10px 20px; background: rgba(244,53,48,.10); color: #F43530; line-height: 26px; height: 26px; border-radius: 6px; margin-bottom: 20px;}
.danger-view .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;}
.danger-view .alert_link:hover { color: #24292B;}

.title span { display: inline-block; font-size: 14px; font-weight: normal;}
.title span.red { color: #F43530;}
.title span.icon_xyre { float: left; margin-right: 10px; width: 18px; height: 36px; background: url(../images/icon_xyrw.png) left center no-repeat;}

/***--申请免修&等级考试--***/
.list-s1 { list-style: none; padding: 0; margin: 0;}
.list-s1 li { margin-bottom: 20px; background: #fff; border-radius: 6px; padding: 20px; position: relative; }
.list-s1 li::before { content: ""; display: block; position: absolute; left: 50%; top: 20px; bottom: 20px; width: 1px; background: #E7EEF0;}
.list-s1 li::after {content: ""; clear: both; display: block;}
.list-s1 li:last-child { margin-bottom: 0;}
.list-s1 li.select { height: 60px;}

.kcinfo-group { float: left; width: 50%;}
.kcinfo-group .kcinfo-title { font-size: 18px; font-weight: bold; line-height: 24px; height: 24px; margin-bottom: 8px;}
.kcinfo-group .kcinfo-title span { font-size: 14px; font-weight: normal; color: #77909D; display: inline-block; margin-left: 10px;}
.kcinfo-group .kcinfo-title span.red { color: #F43530;}
.kcinfo-group .kcinfo-subtitle { font-weight: bold; line-height: 24px;}
.kcinfo-group .kcinfo-subtitle span { font-weight: normal; color: #77909D; display: inline-block; margin-left: 10px;}
.kcinfo-group .kcinfo-subtitle span.red { color: #F43530;}
.kcinfo-group .kcinfo-subtitle span.tag-danger { background: rgba(244,53,48,.10); border-radius: 4px; color: #F43530; padding: 0 4px; font-size: 12px; line-height: 18px;}
.kcinfo-group .kcinfo-content { line-height: 1.5;}
.kcinfo-group .kcinfo-content span { display: inline-block; padding-top: 8px;}
.kcinfo-group .kcinfo-content span.gray { color: #77909D; padding: 0;}
.kcinfo-group .kcinfo-content span.red { color: #F43530;}

.kcinfo-right { float: left; width: 50%; height: 100%;}
.kcinfo-right .kcinfo-note { float: left; margin: 0 120px 0 20px;}
.kcinfo-right .kcinfo-note span.gray { color: #77909D;}
.kcinfo-right .kcinfo-form { margin: 0 20px; position: relative;}
.kcinfo-right .kcinfo-form p { white-space: nowrap;text-overflow:ellipsis;overflow:hidden; margin-bottom: 8px; line-height: 1.5;}
.kcinfo-right .kcinfo-form span { display: inline-block; line-height: 1.5;}
.kcinfo-right .kcinfo-form span.gray { color: #77909D; margin-right: 8px;}
.kcinfo-right .kcinfo-form span.red { color: #F43530; font-size: 12px;}
.kcinfo-right .kcinfo-form .textarea { width: 100%; border-color: #77909D; border-radius: 4px; margin-bottom: 8px;}

.file-upload { margin-bottom: 20px;}
.file-upload .file-item { float: left; width: 60px; height: 60px; position: relative; margin-right: 20px; border: 1px solid #E7EEF0;}
.file-upload .file-img { width: 60px; height: 60px;}
.file-upload .file-close { display: block; width: 18px; height: 18px; background: url(../images/btn_close.png) center no-repeat; position: absolute; top: -6px; right: -6px;}
.file-upload .file-btn { display: block; background: url(../images/icon_file_upload.png) center no-repeat; height: 60px;}

.kcinfo-form-more { position: absolute; right:-20px; top: 0; height: 20px; width: 100%;}
.kcinfo-form-more .form-more-link {display: block; background: url(../images/form-more-link.png) center no-repeat; width: 20px; height: 20px; float: right;}

.tab-popover { position: absolute; right: 0; top: 24px; background: #fff; box-shadow: 0 0 40px rgba(119, 144, 157, 0.30); border-radius: 4px; z-index: 1;}
.tab-popover a { display: block; font-size: 12px; line-height: 18px; height: 18px; padding: 10px 15px; color: #77909d;}
.tab-popover a.current { background: #F4F7F9; color: #24292B;}
.tab-popover a:active, .tab-popover a:hover { background: #F4F7F9;}

.list-s1 .kcinfo-btn { position: absolute; top: 0; right: 0; height: 100%; border-radius: 0; font-size: 16px;}
.list-s1 .kcinfo-fettle { position: absolute; bottom: 8px; right: 0;}

.ksbm-box::after {content: ""; clear: both; display: block;}
.ksbm-photo { width: 100px; height: 120px; text-align: center; overflow: hidden; float: left; margin-right: 20px;}
.ksbm-photo img { width: 100px;}
.ksbm-history { float: right; width: 360px;}
.ksbm-history h5 { color: #77909D; line-height: 18px; margin: 15px 0 20px 0;}
.ksbm-history .ksbm-notes-tag { font-size: 12px; line-height: 18px;}
.ksbm-history .ksbm-notes-tag span { display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.ksbm-history .ksbm-notes-tag span.tag-default { background: #E7EEF0; border-radius: 4px; padding: 2px 6px;}
.ksbm-history .ksbm-notes-tag span.tag-time { color: #77909D; margin: 0; padding: 0 4px;}

.list-s2 { list-style: none; margin: 0; padding: 0;}
.list-s2 li { margin-bottom: 20px; background: #fff; border-radius: 6px; overflow: hidden; display: flex; flex-flow: row;}
.list-s2 li::after { content: ""; clear: both; display: block;}
.list-s2 li:last-child { margin: 0;}

.list-s2 .ksbm-subject { background: #E7EEF0; width: 100px; text-align: center; font-size: 18px; font-weight: bold; line-height: 24px; padding: 34px 0;}
.list-s2 .ksbm-subject span { display: table-cell; vertical-align: middle;}

.ksbm-kcinfo { list-style: none; flex: 1; padding: 0 20px;}
.ksbm-kcinfo li { border-bottom: 1px solid #E7EEF0; border-radius: 0; margin: 0; padding: 20px 0;}
.ksbm-kcinfo li:last-child { border: 0;}

.ksbm-kcinfo-group { width: 100%; float: none; overflow: hidden;}
.ksbm-kcinfo-group .ksbm-btn { float: right; margin-top: -44px;}

/***--申请流程小图--***/
.step_sm_view { height: 36px; float: left; width: 60%;}
.step_sm_view .step_sm { padding: 0; margin: 0; height: 36px; display: -webkit-flex; 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;}

/***--乘车区间维护--***/
.train-head { position: relative; padding: 30px;}
.train-head::before { content: ""; position: absolute; left: -8px; bottom: -8px; width: 16px; height: 16px; background: #F4F7F9; border-radius: 50%;}
.train-head::after { content: ""; position: absolute; right: -8px; bottom: -8px; width: 16px; height: 16px; background: #F4F7F9; border-radius: 50%;}
.train-foot { position: relative; padding: 30px;}
.train-foot::before { content: ""; position: absolute; left: 10px; right: 10px; top: -3px; height: 6px; background: url(../images/train-line.png) repeat-x;}
.train-code { position: absolute; top: 30px; right: 60px;}
.train-notice { padding-right: 200px;}
.train-notice h4 { line-height: 18px;}
.train-notice .icon-train { display: block; float: left; width: 16px; height: 18px; background: url(../images/alert_warning16.png) center no-repeat; margin-right: 10px;}
.train-notice .title { font-size: 14px; font-weight: normal; margin: 10px 0; line-height: 1.5; margin: 20px 0 10px;}
.train-notice p.red { color: #F43530;}
.train-notice ol { list-style: decimal; padding-left: 2em;}
.train-notice ol li { height: 21px; padding-left: 1em;}
.user-info { float: left; padding-right: 80px;}
.user-info h3 { font-weight: bold; padding-bottom: 10px;}
.user-info p { margin: 10px 0;}
.user-info p span { color: #77909D;}
.train-ticket { border-left: 1px solid #E7EEF0; float: left; padding-left: 40px;}
.train-ticket-title { padding: 10px 0; line-height: 20px; height: 20px; font-size: 16px;}
.train-ticket-title span { font-size: 12px; padding-left: 6px; color: #77909d;}
.train-ticket-title span.error { color: #F43530;}
.train-ticket-item { position: relative;}
.train-ticket-item::after { content: ""; display: block; clear: both;}
.train-departure { float: left;}
.train-direction { float: left; margin: 38px 20px 0; width: 160px; height: 26px; background: url(../images/train-direction.png) no-repeat;}
.train-destination { float: left;}
.train-destination .train-select { height: 26px; width: 80px; margin-right: 20px;}
.train-ticket-item .train-seat { height: 26px;}
.train-ticket-item .train-seat label { line-height: 26px;}

/***--奖学金申请--***/
.bonus { height: 260px; position: relative;}
.bonus-sort { height: 34px; padding: 33px 20px; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.bonus-sort-orange {background: url(images/scholarship-icon01.png) right no-repeat,url(images/scholarship-orange.png) no-repeat; background-color: #ff9c00;}
.bonus-sort-bule {background: url(images/scholarship-icon02.png) right no-repeat,url(images/scholarship-bule.png) no-repeat; background-color: #5fc3ff;}
.bonus-sort-green {background: url(images/scholarship-icon03.png) right no-repeat,url(images/scholarship-green.png) no-repeat; background-color: #41d4ba;}
.bonus-btn { width: 100%; margin: 10px 0; position: absolute; left: 10px; right: 10px; bottom: 0;}
.bonus-list { list-style: none; color: #24292B;}
.bonus-list li { position: relative; padding-left: 16px; margin-bottom: 10px;}
.bonus-list li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; display: block; background: #77909D; position: absolute; left: 0; top: 7px;}
.bonus-list li p.textarea { max-height: 80px; overflow: hidden; text-overflow: ellipsis; position: relative;}
.bonus-list li p.textarea::after { content: "…"; position: absolute; right: 0; bottom: 0; background: #fff;}
.bonus-list li span { color: #77909d;} 

/***--网上考试测评--***/
.exam-subjects { text-align: left;}
.exam-sort { padding: 10px; position: relative; text-align: center; height: 128px;}
.exam-sort img { border-radius: 50%;}
.link-arrow { position: absolute; display: block; width: 16px; height: 16px; background: #E7EEF0; text-align: center; padding: 8px; border-radius: 50%;}
.link-arrow:hover, .link-arrow:hover img { opacity: 0.8;}
.exam-sort .link-arrow-left { left: 10px; top: 64px;}
.exam-sort .link-arrow-right { right: 10px; top: 64px;}
.exam-sort .disabled { opacity: 0.3; pointer-events: none;}
.exam-info { padding: 10px 0;}
.exam-info dl { line-height: 24px; margin-bottom: 10px;}
.exam-info dt { float: left; color: #77909D; padding: 5px 20px 5px 0;}
.exam-info dd { border-bottom: 1px dashed rgba(119, 144, 157, .3); padding: 5px 0;}
.exam-info dd.name { font-weight: bold;}
.exam-info dd.red { color: #F43530;}
.exam-btn { width: 100%; margin: 10px 0;}

/**--12-18-学业进程--****/
.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; width:100%;}
.gotop-button { display: block; width: 32px; height: 32px; padding-top: 20px; position: absolute; bottom: 0;}

/**--评优评干--**/
.list-column5 { list-style: none; padding: 0; margin: 0; margin: -10px;}
.list-column5::after { content: ""; display: block; clear: both;}
.list-column5 li { width: 20%; float: left;}
.list-column5 .column5-group { border: 1px solid #E7EEF0; margin:10px; padding: 20px 15px; text-align: center;}

.Appraising-title { font-size: 22px; padding: 10px; font-weight: bold; line-height: 22px;}
.Appraising-info { padding: 10px 0; text-align: left;}
.Appraising-info dl { line-height: 24px; margin-bottom: 10px;}
.Appraising-info dt { float: left; color: #77909d; padding-right: 20px; line-height: 34px;}
.Appraising-info dd { border-bottom: 1px  dashed rgba(119, 144, 157, .3); line-height: 34px;}
.Appraising-link { background: url(../images/arrow-link.png) right center no-repeat; display: block; text-align: right; padding-right: 12px;}

/**--三助一辅--**/
.SanYi-group { height: 360px; padding: 20px;}
.SanYi-bg-1 { background: url(../images/column-bg01.png) left bottom no-repeat; background-size: cover;}
.SanYi-bg-2 { background: url(../images/column-bg02.png) left bottom no-repeat; background-size: cover;}
.SanYi-bg-3 { background: url(../images/column-bg03.png) left bottom no-repeat; background-size: cover;}
.SanYi-bg-4 { background: url(../images/column-bg04.png) left bottom no-repeat; background-size: cover;}
.SanYi-title { height: 48px; padding: 10px 0;}
.SanYi-info dl { background: url(../images/point.png) 0px 9px no-repeat; padding-left: 16px; margin: 10px 0; line-height: 24px;}
.SanYi-info .SanYi-notes { height: 72px; overflow: hidden;}
.SanYi-info dt { color: #77909d; float: left;}

.warning-box { padding: 10px 20px; background: #FFF7E6; color: #ff9c00; line-height: 26px; border-radius: 6px; margin-bottom: 20px;}


/**--重修补考--**/
.XiuKao-group { border: 1px solid #E7EEF0; box-sizing: border-box; position: relative; margin:10px; padding: 10px 15px; height: 272px;}
.XiuKao-group .book_corner { position: absolute; right: -1px; top: -1px;}
.XiuKao-info { border-bottom: 1px dashed rgba(119, 144, 157, .3); padding: 10px 0;}
.XiuKao-info dl { line-height: 28px;}
.XiuKao-info dt { float: left; color: #77909d; width: 60px;}
.XiuKao-info dd { margin-left: 64px; max-height: 56px; overflow: hidden;}
.XiuKao-info .info-number::after { content: ""; display: block; clear: both;}
.XiuKao-info .info-number dt { line-height: 40px;}
.XiuKao-info .info-number dd { float: left; font-size: 32px; color: #F43530; background: url(../images/column-bg06.png) right bottom no-repeat; height: 40px; min-width: 50px; margin-left: 0; line-height: 36px;}
.XiuKao-info .info-number dd span { font-family: "kaiti";}
.XiuKao-link { margin: 20px 0 10px;}
.XiuKao-link::after { content: ""; display: block; clear: both;}
.XiuKao-link .btn-left { box-sizing: border-box; width: 50%; padding-right: 5px; float: left;}
.XiuKao-link .btn-right { box-sizing: border-box; width: 50%; padding-left: 5px; float: left;}
.XiuKao-link button { width: 100%;}


/**--论文评审管理--**/
.panel1-head .title-number { float: left; padding: 0; font-size: 24px; font-weight: bold; color: #40C4FF; line-height: 18px; margin-right: 10px;}
.panel1-head .title-btn-group { float: right;}

.step-list { list-style: disc; list-style-position: inside; color: #00A7F7; padding: 0; margin: 0;}
.step-list li { border-bottom: 1px solid #ddd; line-height: 40px; height: 40px; margin-bottom: 10px; overflow: hidden;}
.step-list li span { display: inline-block; text-overflow:ellipsis; white-space: nowrap;}
.step-list li .list-title { font-weight: bold; color: #24292B; width: 100px;}
.step-list li .text-width30 { color: #24292B; width: 30%;}
.step-list li .text-width50 { color: #24292B; width: 50%;}
.step-list li .text-black { color: #24292B;}
.step-list li .list-right { float: right; margin-right: 20px;}
.step-list li .list-right a { font-size: 12px;}
.step-list li .list-date { background: url(../images/icon-date.png) left center no-repeat; padding-left: 24px;}

.step-list li .list-flow img { float: left; padding: 13px 0; margin-right: 6px;}
.step-list li .flow-icon { padding: 0 10px;}