@charset "UTF-8";
@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../iconfont/iconfont.woff2') format('woff2'),
    url('../iconfont/iconfont.woff') format('woff'),
    url('../iconfont/iconfont.ttf') format('truetype'),
    url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.okButton,
.cancelButton,
.saveButton,
.edit-select-btn,
.tongGuo-btn,
.buTongGuo-btn,
.cheXiao-btn,
.boHui-btn,
.huiTui-btn
{
    font-family: "iconfont" !important;
    font-style: normal;
    font-size: 14px;
}

/*底部按钮样式 */
/*两个字  */
/*取消  */
.cancelButton {
    border-radius: 5px;
    width: auto;
    height: 26px;
    background: #005ED0;
    border: 1px #005ED0 solid;
    color: #ffffff;
    padding: 2px 10px;
    margin-right: 20px;
}
.cancelButton::before{
    content: '\e64f';
}
/* 保存 */
.saveButton {
    border-radius: 5px;
    width: auto;
    height: 26px;
    background: #005ED0;
    border: 1px #005ED0 solid;
    color: #ffffff;
    padding: 2px 10px;
    margin-right: 20px;
}
.saveButton::before{
    content: '\e627';
}
/*确定*/
.okButton {
    border-radius: 5px;
    width: auto;
    height: 26px;
    background: #005ED0;
    border: 1px #005ED0 solid;
    color: #ffffff;
    padding: 2px 10px;
    margin-right: 20px;
}
.okButton::before{
    content: '\e627';
}
/*选择按钮样式*/
.edit-select-btn {
     font-size: 14px;
     line-height: 16px;
     padding: 4px 10px;
     outline: none;
     background: #fff;
     border: 1px #286fb7 solid;
     color: #286fb7;
     border-radius: 2px;
     cursor: pointer;
     height: 34px;
 }
.edit-select-btn::before{
    content: '\e64a';
}
.edit-other-btn {
    font-size: 14px;
    line-height: 16px;
    padding: 4px 10px;
    outline: none;
    background: #fff;
    border: 1px #286fb7 solid;
    color: #286fb7;
    border-radius: 2px;
    cursor: pointer;
    height: 34px;
}
.edit-other-btn-26 {
    font-size: 14px;
    line-height: 16px;
    padding: 4px 10px;
    outline: none;
    background: #fff;
    border: 1px #286fb7 solid;
    color: #286fb7;
    border-radius: 2px;
    cursor: pointer;
    height: 26px;
}
/*其他*/
.other {
    border-radius: 5px;
    width: auto;
    height: 26px;
    background: #005ED0;
    border: 1px #005ED0 solid;
    color: #ffffff;
    padding: 2px 10px;
    margin-right: 20px;
}
.other1 {
    border-radius: 5px;
    width: auto;
    height: 26px;
    background: #005ED0;
    border: 1px #005ED0 solid;
    color: #ffffff;
    padding: 2px 10px;
}

.other2 {
    border-radius: 5px;
    width: auto;
    height: 26px;
    color: #005ED0;
    border: 1px #005ED0 solid;
    padding: 2px 10px;
}
/*底部按钮  */
.tools-row-bottom {
    border-bottom: white;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -100px
}

/*审核按钮样式  */
.shButton {
    margin-right: 10px;
    border-radius: 5px;
    width: auto;
    height: 26px;
    background: #00ADED;
    border: 1px #00ADED solid;
    color: #fff;
    padding: 2px 10px;
}
.tongGuo-btn {
    border-radius: 5px;
    width: auto;
    height: 26px;
    background: #005ED0;
    border: 1px #005ED0 solid;
    color: #ffffff;
    padding: 2px 10px;
    margin-right: 20px;
}
.tongGuo-btn::before{
    content: '\e627';
}
.buTongGuo-btn {
    border-radius: 5px;
    width: auto;
    height: 26px;
    background: #005ED0;
    border: 1px #005ED0 solid;
    color: #ffffff;
    padding: 2px 10px;
    margin-right: 20px;
}
.buTongGuo-btn::before{
    content: '\e619';
}
.cheXiao-btn {
     border-radius: 5px;
     width: auto;
     height: 26px;
     background: #005ED0;
     border: 1px #005ED0 solid;
     color: #ffffff;
     padding: 2px 10px;
     margin-right: 20px;
 }
.cheXiao-btn::before{
    content: '\e7c1';
}
.boHui-btn {
    border-radius: 5px;
    width: auto;
    height: 26px;
    background: #005ED0;
    border: 1px #005ED0 solid;
    color: #ffffff;
    padding: 2px 10px;
    margin-right: 20px;
}
.boHui-btn::before{
    content: '\e7c1';
}
.huiTui-btn {
    border-radius: 5px;
    width: auto;
    height: 26px;
    background: #005ED0;
    border: 1px #005ED0 solid;
    color: #ffffff;
    padding: 2px 10px;
    margin-right: 20px;
}
.huiTui-btn::before{
    content: '\e7c1';
}

/*9个字*/
.ninegezi {
    border-radius: 20px;
    width: 150px;
    height: 26px;
    background: #005ED0;
    border: 1px #005ED0 solid;
    color: #fff
}

/*师生互选导师选择学生样式  */
.Container {
    min-width: 1170px;
    background: #f4f4f4;
}

.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.iconfont {
    float: left;
    width: 26px;
    height: 22px;
    margin-right: 5px;
}

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

/*编辑页面表格样式*/
.page-body-div {
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px
}
.page-body-table {
    width: 95%;
    margin: auto;
	border: 1px solid #e7eef0;
}

/*编辑页面表格样式*/
.page-body-table td.bg {
    background: #F4F7F9;
    text-align: right;
    width: 15%;
}
.page-body-table td.bg2 {
    background: #ffffff;
    text-align: left;
    width: 35%;
}
.page-body-table td.tg {
    background: #F4F7F9;
    text-align: right;
    width: 10%;
}
.page-body-table td.tg2 {
    background: #ffffff;
    text-align: left;
    width: 25%;
}
.page-body-table  tr td, .page-body-table  tr th {
    border: 1px solid #e7eef0;
}
.page-body-table  td {
    padding: 6px 10px;
    height: 28px;
}

.page-body-table  tr td .inputStyle, .page-body-table  tr th .inputStyle{
    width: 100%;
    height: 36px;
}
/*编辑页面底部操作栏*/
.div-tools-row {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    background: #ffffff;
    width: 100%;
}
.div-tools-row-fixed{
    text-align: center;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #ffffff;
    padding: 10px 0px;
}


.step_sm_view_admin { height: 36px; float: left; width: 90%;}
.step_sm_view_admin .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_admin .step_sm li { flex: 2; position: relative; width:25%}
.step_sm_view_admin .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_admin .step_sm .step_sm_head::before { left: 0;}
.step_sm_view_admin .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_admin .step_sm .step_sm_foot::before { right: 0;}
.step_sm_view_admin .step_sm .step_sm_item { position: absolute; font-size: 12px; color: #24292B; top: 0; bottom: 0; left: 0;}
.step_sm_view_admin .step_sm .step_sm_item span { position: relative; display: block; padding-left: 36px;}
.step_sm_view_admin .step_sm .step_sm_item span.name { font-weight: bold; padding-bottom: 4px;}
.step_sm_view_admin .step_sm .step_sm_item span.time { color: #77909D;}
.step_sm_view_admin .step_sm .step_sm_success { background: url(images/step_sm_success.png) left center no-repeat;}
.step_sm_view_admin .step_sm .step_sm_processing { background: url(images/step_sm_processing.png) left center no-repeat;}
.step_sm_view_admin .step_sm .step_sm_fail { background: url(images/step_sm_fail.png) left center no-repeat;}
.step_sm_view_admin .step_sm .step_sm_future { background: url(images/step_sm_future.png) left center no-repeat;}