@charset "utf-8";
* {
    padding: 0;
    margin: 0;
}

html, body {
    height: 100%;
    background: #fff
}

body.teachers {
    position: relative;
    height: auto !important;
    padding-bottom: 72px !important;
}

/*葛颜艳*/
.warpper {
    width: 100%;
    height: 100%;
    position: relative;
}

#mini {
    float: left
}

.logo-box {
    float: left;
    margin-top: 10px;
    line-height: 44px;
}

.logo-box img {
    width: 44px;
    height: 44px;
}

.logo-box span {
    font-size: 22px;
    margin-left: 10px;
}

.newlogo {
    display: inline-block;
    vertical-align: middle;
}

.newlogo2 {
    display: none;
}

.nav-mini.sidebar .newlogo {
    display: none;
}

.nav-mini.sidebar .newlogo2 {
    display: inline-block;
}

/* nav */
.sidebar {
    position: fixed;
    width: 220px;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: #001529;
    transition: all .3s;
}

.nav {
    height: 100%;
    position: relative;
    overflow-y: auto
}

.logo {
    height: 64px;
    overflow: hidden;
    background: #00284d;
    color: #fff;
    line-height: 64px;
    text-align: center;
    font-size: 0;
}

.logo span {
    display: inline-block;
    font-size: 22px;
    margin-left: 8px;
    vertical-align: middle;
}

.logo span.banben {
    font-size: 14px;
    height: 60px;
}

.logo .logotu {
    background: url(../images/logo.png) no-repeat;
    background-size: 36px 23px;
    width: 36px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
}

.nav a, .nav-item > div {
    display: block;
    overflow: hidden;
    padding-left: 20px;
    line-height: 46px;
    min-height: 46px;
    color: #ABB1B7;
    transition: all .3s;
}

.nav a span, .nav-item > div span {
    margin-left: 30px;
    font-size: 16px;
}

.nav-item {
    position: relative;
}

.nav-item.nav-show {
    border-bottom: none;
}

.nav-item ul {
    background: #000c17;
}

.nav-item > a.on, .nav-item > ul > li > a.on {
    background: #1890ff;
    color: #fff;
    transition: all .3s;
}

.nav .nav-icon {
    font-size: 22px;
    position: absolute;
    margin-left: -1px;
}

.nav-item .show-menu > li span {
    font-size: 14px;
    margin-left: 40px;
    position: relative;
}

.nav-item .show-menu > li span:before {
    position: absolute;
    left: -10px;
    top: 6px;
    width: 4px;
    height: 4px;
    background: #ABB1B7;
    content: "";
}

.nav-item > ul > li > a.on span:before {
    background: #fff;
}

.icon_1::after {
    content: "\e616";
}

.icon_2::after {
    content: "\e61d";
}

.icon_3::after {
    content: "\e61a";
    font-size: 24px;
}

.icon_4::after {
    content: "\e61c";
    font-size: 22px;
}

.icon_5::after {
    content: "\e614";
}

.icon_6::after {
    content: "\e615";
    font-size: 24px;
}

.icon_7::after {
    content: "\e61b";
    font-size: 24px;
}

.icon_8::after {
    content: "\e618";
}

.icon_9::after {
    content: "\e617";
}

.icon_10::after {
    content: "\e619";
}

.nav-more {
    float: right;
    margin-right: 20px;
    font-size: 12px;
    transition: transform .3s;
}

.nav-more::after {
    content: "\e621";
}

.nav-show .nav-more {
    transform: rotate(90deg);
}

.nav-show, .nav-item > a:hover {
    color: #FFF;
}

.nav-show > a:before, .nav-item > a:hover:before {
    opacity: 1;
}

.nav-item li:hover a {
    color: #FFF;
    background: rgba(0, 0, 0, .1);
}

/*右侧框架布局*/
.head {
    background: #fff;
    height: 64px;
    border-bottom: 1px solid #f1f0f0;
    position: fixed;
    z-index: 999;
    right: 0;
    left: 220px;
    transition: all .3s;
}

#mini {
    margin-left: 10px;
    width: 64px;
    height: 64px;
    background: url(../images/mini1.png) center center no-repeat;
    cursor: pointer;
}

#mini.show {
    background: url(../images/mini2.png) center center no-repeat;
}

.right-help {
    position: absolute;
    right: 0;
    top: 0;
    color: #5e5e5e;
    padding: 0 20px;
    font-size: 0;
}

.right-help li {
    display: inline-block;
    vertical-align: middle;
    line-height: 64px;
    margin-right: 30px;
    font-size: 14px;
    position: relative;
}

.right-help li:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    top: 22px;
    right: -15px;
    background: #e5e5e5;
}

.right-help li:last-child {
    margin-right: 0;
}

.right-help li:last-child:after {
    display: none;
}

.right-help li.notice, .right-help .user {
    position: relative;
}

.right-help .user {
    padding-right: 20px;
}

.right-help .badge-dot {
    position: absolute;
    top: 20px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    background-color: #FF5722;
}

.right-help li a {
    display: block;
    color: #5e5e5e;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.right-help .nav-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.right-help .more {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #999 transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 28px;
    right: 3px;
    border-width: 6px;
    border-top-color: #999;
}

.help-child {
    display: none;
    position: absolute;
    left: 0;
    top: 63px;
    min-width: 100%;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    border: 1px solid #e2e2e2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
}

.help-child:before {
    position: absolute;
    content: "";
    left: 40px;
    top: -12px;
    border-width: 6px;
    border-top-color: rgba(0, 0, 0, .7);
    border-style: dashed dashed solid;
    border-color: transparent transparent #ddd;
    display: none;
}

.help-child dd {
    line-height: 28px;
}

.help-child dd a {
    padding: 0 10px !important;
    margin: 0 5px;
    display: block;
    color: #666;
    -webkit-transition: all .3s;
}

.help-child dd a:hover {
    color: #000;
}


.content {
    padding-left: 220px;
    background: #f0f2f5;
    overflow: hidden;
    transition: all .3s;
    position: relative;
}

.foot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-left: 220px;
    box-sizing: border-box;
    height: 30px;
    line-height: 1;
    text-align: center;
    color: #464646;
    font-size: 14px;
}

.nywarpper {
    padding: 20px 20px 0;
}

.nywarpper .maincon {
    position: relative;
    background: #fff;
}

/* nav-mini */
.nav-mini.sidebar {
    width: 60px;
}

.nav-mini.sidebar .nav {
    overflow-y: inherit
}

.nav-mini.sidebar .nav-icon { /* margin-left:-2px; */
}

.nav-mini.sidebar .logo span {
    display: none;
}

.nav-mini.sidebar .nav-item > a span, .nav-mini.sidebar .nav-item > div span {
    display: none;
}

.nav-mini.sidebar .nav-more {
    margin-right: -20px;
}

.nav-mini.sidebar .nav-item ul {
    display: none;
    position: absolute;
    top: 0px;
    left: 60px;
    width: 120px;
    z-index: 999;
    background: #3C474C;
    overflow: hidden;
}

.nav-mini.sidebar .nav-item:hover {
    background: rgba(255, 255, 255, .1);
}

.nav-mini.sidebar .nav-item:hover .nav-item a {
    color: #FFF;
}

.nav-mini.sidebar .nav-item:hover a:before {
    opacity: 1;
}

.nav-mini.sidebar .nav-item:hover ul {
    display: block;
}

.nav-mini.sidebar .nav-item ul > li > a > span {
    margin-left: 10px;
    font-size: 14px;
}

.nav-mini.head {
    left: 60px;
}

.nav-mini.content {
    padding-left: 60px;
}

/* menu-left */
#sidebarLeft {
    overflow-y: auto;
    position: absolute;
    left: 1000%;
    top: 0px;
    bottom: 0px;
    background: #fff;
    width: 169px;
    border-right: 1px solid #f0f2f5;
    padding-top: 10px;
}

#sidebarLeft .list {
    width: auto;
    overflow: hidden;
}

#sidebarLeft h2 {
    font-size: 14px;
    color: #000;
    line-height: 40px;
}

#sidebarLeft h2 > span {
    padding-left: 30px;
    position: relative;
}

#sidebarLeft h2 > span:before {
    position: absolute;
    left: 18px;
    top: 5px;
    width: 4px;
    height: 4px;
    background: #333;
    content: "";
}

#sidebarLeft h2 > a {
    color: #000;
    display: block;
    padding-left: 30px;
    position: relative;
}

#sidebarLeft h2 > a:before {
    position: absolute;
    left: 18px;
    top: 18px;
    width: 4px;
    height: 4px;
    background: #333;
    content: "";
}

#sidebarLeft ul > li > a {
    padding: 10px 10px 10px 40px;
    line-height: 20px;
    color: #6b6b6b;
    transition: 200ms ease-in-out;
    display: block;
    position: relative;
}

#sidebarLeft ul > li > a:before {
    position: absolute;
    content: "";
    left: 30px;
    top: 18px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1890ff;
}

#sidebarLeft ul > li > a:hover, #sidebarLeft ul > li > a.active, #sidebarLeft h2 > a.active, #sidebarLeft h2 > a:hover {
    background: #e6f7ff;
    color: #1890ff;
    border-right: 2px solid #1890ff;
}

#sidebarLeft ul > li > a:hover:before, #sidebarLeft ul > li > a.active:before, #sidebarLeft h2 > a.active:before, #sidebarLeft h2 > a:hover:before {
    background: #1890ff;
}

/* 标签页 */
#page-tab, #page-tab * {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased
}

#page-tab, #page-tab #page-tab-content, #page-tab .tab-btn, #page-tab #page-operation, #page-tab #menu-list, #page-tab #menu-list a {
    height: 30px;
    line-height: 30px
}

#page-tab {
    width: 100%;
    border-bottom: 2px solid;
    border-bottom-color: #000;
    position: relative;
    line-height: 30px
}

#page-tab-content {
    margin-left: 30px;
    width: 100000px;
    overflow: hidden;
    background-color: #fff
}

#page-tab button {
    background: #fff;
    border: 0;
    cursor: default
}

#page-tab .tab-btn, #page-tab #page-operation {
    position: absolute;
    width: 30px;
    text-align: center;
    color: #999;
    z-index: 2;
    top: 0
}

#page-tab #page-prev {
    cursor: pointer;
    left: 0;
    border-right: 1px solid #f1f0f0;
    background-image: url(../images/prev.png);
    background-position: 5px 50%;
    background-size: 20px;
    background-repeat: no-repeat
}

#page-tab #page-next {
    cursor: pointer;
    right: 60px;
    border-left: 1px solid #f1f0f0;
    border-right: 1px solid #f1f0f0;
    background-image: url(../images/next.png);
    background-position: 5px 50%;
    background-size: 20px;
    background-repeat: no-repeat
}

#page-tab #page-operation {
    cursor: pointer;
    right: 30px;
    width: 30px;
    background-image: url(../images/list.png);
    background-position: 5px 50%;
    background-size: 16px;
    background-repeat: no-repeat;
    background-color: #fff
}

#page-tab #page-operation:hover {
    background-color: #f1f0f0
}

#page-tab #menu-list {
    float: left
}

#page-tab #menu-list a {
    float: left;
    text-decoration: none;
    padding: 0 10px 0 20px;
    border-right: 1px solid #f1f0f0;
    color: #999;
    font-size: 12px;
    cursor: pointer;
    background-color: #fff;
    transition: background-color .5s;
    -moz-transition: background-color .5s;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s
}

#page-tab #menu-list a:hover {
    background-color: #f1f0f0
}

#page-tab #menu-list a.active {
    background-color: #000;
    color: #bdbcbc;
    border-right: 0;
    transition: color .5s;
    -moz-transition: color .5s;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: background-color .5s;
    -moz-transition: background-color .5s;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s
}

#page-tab #menu-list a.active:hover {
    color: #fff
}

#page-tab .menu-close {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(../images/close.png);
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px
}

#page-tab .menu-close:hover {
    background-image: url(../images/closehover.png)
}

#page-tab #menu-closeall {
    border-left: 1px solid #f1f0f0;
    right: 0;
    width: 30px;
    height: 30px;
    background: #fff url(../images/closeall.png) no-repeat;
}

#page-tab #menu-closeall:hover {
    background-color: #f1f0f0;
}

#menu-all {
    width: 175px;
    border: 1px solid #000;
    position: absolute;
    right: 0;
    z-index: 100;
    min-height: 25px;
    padding: 1px;
    overflow-y: auto;
    display: none;
    max-height: 324px;
    top: 31px;
    background-color: #fff
}

#menu-all #menu-all-ul {
    width: 100%;
    height: 100%
}

#menu-all #menu-all-ul li {
    list-style: none;
    padding: 5px 19px 5px 7px;
    cursor: pointer;
    overflow: hidden;
    font-size: 12px
}

#menu-all #menu-all-ul li.active {
    background-color: #000;
    color: #fff
}

#menu-all #menu-all-ul li:not(.active):hover {
    background-color: #f1f0f0
}

#page-content {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

#page-content .iframe-content {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    border: 0;
    display: none
}

#page-content .iframe-content.active {
    display: block
}

/* 以上市模板框架样式 */
/* 分类管理 */
.fenlei {
    margin-top: 20px;
}

.fenlei .addbtn {
    float: right;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    background: #1890ff;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
}

.fenlei .hbt {
    font-size: 16px;
    color: #333;
}

.tubiao {
    position: relative;
}

.criclewz {
    position: absolute;
    left: 210px;
    top: 55px;
    z-index: 99999;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #fff;
    visibility: hidden;
}

.criclewz span {
    display: block;
    text-align: center;
}

.criclewz span.title {
    font-size: 16px;
    color: #666;
    line-height: 32px;
    margin-top: 55px;
}

.criclewz span.numbers {
    font-size: 24px;
    color: #333;
    line-height: 36px;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    visibility: visible;
}

.fenleicon {
    margin-top: 40px;
}

.fenleicon li {
    float: left;
    width: 160px;
    height: 160px;
    margin-right: 100px;
    margin-bottom: 10px;
    position: relative;
}

.fenleicon li:before {
    position: absolute;
    z-index: 10;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.fenleicon li .cover {
    position: absolute;
    z-index: 12;
    left: 50%;
    top: 50%;
    width: 110px;
    height: 30px;
    margin-left: -55px;
    margin-top: -15px;
    font-size: 0;
    display: none;
}

.fenleicon li .cover a {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.fenleicon li:hover:before, .fenleicon li:hover .cover {
    display: block;
}

.circliful {
    position: relative;
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block
}

.circle-info {
    color: #666;
}

.fenlei-edit {
    line-height: 37px;
    margin: 0 auto;
    text-align: center;
}

.fenlei-edit span {
    display: inline-block;
    vertical-align: middle;
    height: 37px;
}

.fenlei-edit input {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    padding: 6px 15px;
}

.datete_date {
    margin-top: 10px;
    color: #999;
}

/* 学院信息 */
.xueyuan {
    margin-top: 20px;
}

.xueyuan .search {
    width: 430px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    padding: 6px 15px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.xueyuanlay {
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}

.xueyuanlay .box-item {
    margin: 20px;
}

.xueyuanlay label {
    display: inline-block;
    width: 120px;
    line-height: 32px;
    margin-right: 10px;
    text-align: right;
}

.add-xueyuaninfo input {
    width: 540px;
    height: 32px;
    border-radius: 3px;
    line-height: 32px;
    padding: 0 10px;
    border: 1px solid #d9d9d9
}

.xueyuanlay .btn {
    overflow: hidden;
}

.layer-btn {
    padding-top: 10px;
    text-align: right;
    padding: 0 15px 12px;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
}

.layer-btn a {
    display: inline-block;
    vertical-align: top;
    height: 28px;
    line-height: 28px;
    margin: 5px 5px 0;
    padding: 0 15px;
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}

.layer-btn .savebtn {
    border-color: #1E9FFF;
    background-color: #1E9FFF;
    color: #fff;
}

.xueyuanlay textarea {
    width: 540px;
    height: 188px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    vertical-align: top;
}

.xueyuanlay .topwz {
    vertical-align: top
}

.add-xueyuaninfo.callus {
    max-height: 320px;
    overflow-y: auto;
}

.xueyuanlay .item {
    margin: 0 20px;
}

.xueyuanlay .add-box {
    max-width: 85%;
}

.xueyuanlay .input-block {
    float: left;
    color: #dfdfdf;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
}

.xueyuanlay .input-block input {
    width: 250px;
}

.xueyuanlay .input-block em {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    right: 0;
    top: 0;
    z-index: 100;
    background: #ccc;
    cursor: pointer;
}

.xueyuanlay .input-block:hover em {
    background: #f4b8b8;
    color: #dd2121
}

.xueyuanlay .input-block.tel-btn {
    width: 250px;
    height: 32px;
    line-height: 32px;
    border: 1px dashed #d9d9d9;
    text-align: center;
    color: #999;
    cursor: pointer;
    margin-bottom: 20px;
}

.xueyuanlay .input-block.tel-btn:hover {
    color: #1890ff;
    border-color: #1890ff;
}

/* wanxuemei start */
.webuploader-pick {
    padding: 0;
    background: none !important;
    color: #999 !important;
    padding: 0 !important
}

.w8 {
    width: 8%
}

.w72 {
    width: 70%
}

.w20 {
    width: 22%
}

/* 面包屑导航 */
.bread {
    height: 35px;
    line-height: 35px;
    color: #999
}

.bread a {
    color: #999
}

.bread span {
    color: #333
}

/* 头部form部分 */
.select-box-top {
    padding: 1px 0;
}

/* .select-box-top.on{ height:auto; overflow: inherit} */
/* .serch-select-box .item-row{ margin:20px 0;} */
.serch-select-box h3 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.serch-select-box input, .search-scroe input {
    height: 32px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    padding: 6px 15px;
    margin-right: 20px;
}

.serch-select-box .time-input input {
    width: 300px;
    margin-bottom: 20px;
}

.serch-select-box .layui-unselect {
    float: left
}

.serch-select-box label {
    line-height: 32px;
    margin-right: 10px;
}

.serch-select-box .layui-form {
    margin-right: 25px;
    margin-bottom: 20px;
}

.input-time {
    position: relative
}

.input-time img {
    position: absolute;
    right: 30px;
    top: 10px;
}

.select-btn {
    margin-bottom: 20px;
}

.select-btn a {
    display: inline-block;
    padding: 6px 15px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    margin-right: 15px;
    color: #333
}

.select-btn .import {
    float: right;
    margin-right: 0px;
    transition: all .1s
}

.select-btn .import a {
    border: none;
    background: #1890ff;
    color: #fff
}

.select-btn .import a.import-single {
    background: none;
    border: 1px solid #d9d9d9;
    color: #666
}

.select-btn-top .option a {
    margin: 0;
    border-radius: 0
}

.select-btn-top .option a:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.select-btn-top .option a:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: -1px
}

.select-btn-top .option a.on {
    border-color: #1890ff;
    position: relative;
    color: #1890ff;
    z-index: 100
}

/* 搜索重置按钮 */
/* .search-btn-block { position: absolute;right:30px; top:20px;} */
/* .select-box-top.on .search-btn-block { top:73px;} */
.search-btn-block {
    margin-bottom: 20px;
}

.search-btn-block a {
    display: inline-block;
    width: 62px;
    height: 32px;
    line-height: 32px;
    margin-top: -1px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    margin-right: 8px;
    color: #666
}

.search-btn-block a.search-btn {
    background: #1890ff;
    color: #fff;
    border: none
}

.search-btn-block span {
    cursor: pointer;
    color: #1890ff;
    position: relative
}

.search-btn-block span:after {
    cursor: pointer;
    position: absolute;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #1890ff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    top: 0px;
    right: -20px;
}

.search-btn-block span.on:after {
    transform: rotate(-135deg);
    top: 5px;
}

/* 已选几条提示 */
.selected-tip, .no-question {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #e6f7ff;
    border-radius: 3px;
    border: 1px solid #91d5ff;
    padding: 0 16px;
    margin: 0px 0 20px;
}

.selected-tip i, .no-question i {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #1890ff;
    line-height: 15px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    vertical-align: middle;
    margin: -3px 5px 0 0;
}

.selected-tip span, .no-question span {
    margin: 0 5px;
    color: #1890ff
}

.selected-tip a {
    margin-left: 20px;
    color: #1890ff
}

.no-question {
    background: #f9f9f9;
    border-color: #ececec;
    font-size: 16px;
    color: #999
}

.no-question i {
    background: #ccc
}

.question-null {
    text-align: center;
    width: 100%;
    padding: 40px 0;
}

/* 列表头部 */
.question-title {
    width: 100%;
    height: 54px;
    line-height: 54px;
    background: #fafafa;
    border-bottom: 1px solid #d9d9d9
}

/* .question-content{ margin-top:20px;} */
.question-content .select {
    width: 12px;
    height: 12px;
    border: 1px solid #d9d9d9;
    border-radius: 1px;
    margin-top: 20px;
    display: inline-block;
    margin-left: calc(50% - 6px);
    cursor: pointer
}

.question-title .time-sort .time {
    position: relative;
    cursor: pointer
}

.question-title .time-sort .time:before, .question-title .time-sort .time:after {
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: 3px;
    content: '';
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 4px solid #666;
}

.question-title .time-sort .time:after {
    top: 10px;
    border-bottom: none;
    border-top: 4px solid #ccc;
}

.question-title .time-sort .time.on:before {
    border-bottom: 4px solid #ccc;
}

.question-title .time-sort .time.on:after {
    border-top: 4px solid #666;
}

.pick-show em.pick-arrow {
    border: 6px solid #999;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.address-block {
    width: 320px;
    margin-bottom: 20px;
    float: left;
}

/* 问题列表 */
.question-list {
    padding: 15px 0;
    border-bottom: 1px solid #d9d9d9;
}

.question-list .select {
    margin-top: 0;
}

.question-content .select.on {
    border: 0;
    background: url('../images/selected.png');
    background-size: 100%
}

.question-content .select.active {
    border: 0;
    background: url('../images/select-notall.png');
    background-size: 100%
}

.item-content {
    padding-right: 20px;
}

.item-content p {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

.item-content p span {
    display: inline-block;
    border: 1px solid #ff0000;
    padding: 0 5px;
    margin-right: 5px;
    height: 18px;
    vertical-align: middle;
    text-align: center;
    line-height: 18px;
    font-weight: lighter;
    font-size: 12px;
    color: #ff0000;
    border-radius: 3px;
}

.item-content .list-time {
    height: 30px;
    line-height: 30px;
    text-align: right;
    color: #999
}

.item-content .list-info {
    color: #666
}

.question-content.on .list-info {
    margin-top: 0
}

.question-content .ask-text {
    margin: 10px 0;
}

.item-content .list-info span {
    margin-right: 20px;
}

.item-action {
    padding: 0 5px;
}

.item-action .item {
    margin-bottom: 10px;
}

.item-action a {
    color: #1890ff
}

.item-action a:hover, .item-action a:focus, .item-action a:active {
    color: #1890ff
}

.item-action em {
    margin: 0 5px;
    color: #ccc
}

.answer-text {
    width: 100%;
    background: #fafafa;
    border-radius: 2px;
    padding: 10px;
    border: 1px solid #ececec;
    line-height: 24px;
    margin: 15px 0 10px;
}

.answer-text span {
    display: inline-block;
    background: #ffb400;
    border-radius: 2px;
    color: #fff;
    padding: 0 3px;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle
}

.question-list .label {
    margin-top: 10px;
}

.question-list .label span {
    margin: 0 15px 15px 0;
    display: inline-block;
    padding: 02px 6px;
    background: #eeeeee;
    color: #999
}

.question-list .user-action {
    text-align: right
}

.question-list .user-action span {
    margin-right: 10px;
    color: #666
}

/* 列表视频播放部分 */
.question-list .video, .voice-block {
    position: relative;
    width: 160px;
    height: 120px;
    margin-left: 60px;
    margin-top: -15px;
    cursor: pointer
}

.question-list .video img {
    display: block;
    width: 100%;
    height: 100%
}

.question-list .video .o-bg {
    display: none
}

.question-list .video .o-bg img {
    width: 40px !important;
    height: 33px !important;
}

.question-list .video:hover .o-bg {
    display: block
}

.question-list .questionImg {
    width: 350px;
    height: auto;
}

/* 列表语音部分 */
.voice-block {
    width: 280px;
    height: 30px;
    border-radius: 15px;
    background: #ebebeb;
    text-align: center;
    line-height: 29px;
}

.voice-block img {
    margin: 0 15px;
}

.voice-block span {
    width: 134px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
    background: none;
    line-height: 20px;
    background: url(../images/voice.png)
}

.voice-block span.start {
    animation: roll 6s linear infinite;
}

.voice-block label {
    margin: 0 8px;
    display: inline-block;
    width: 70px;
}

@keyframes roll {
    from {
        background-position: 0px 0px
    }
    to {
        background-position: 134px 0px
    }
}

@-webkit-keyframes roll {
    from {
        background-position: 0px 0px
    }
    to {
        background-position: 134px 0px
    }
}

/* 列表上传文件 */
.question-list .txt-block {
    margin-left: 60px;
    margin-top: -15px;
    cursor: pointer
}

.question-list .txt-block img {
    margin-right: 10px;
}

.question-list .txt-block label {
    line-height: 34px;
    cursor: pointer
}

/* 批量导入 */
.import-all-box .import-btn {
    text-align: center;
    width: 280px;
    margin: 20px auto 0;
}

.import-all-box .import-btn a {
    position: relative;
    float: left;
    width: 110px;
    height: 35px;
    border: 1px solid #ececec;
    border-radius: 3px;
    margin: 15px;
    line-height: 35px;
    color: #999
}

.import-all-box .import-btn a input {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

.import-all-box .import-btn img {
    margin-right: 5px;
}

.import-all-box .text, .import-all-box .file-name {
    text-align: center;
    color: #999
}

.import-all-box .file-name {
    line-height: 35px;
}

.import-all-box .file-name img {
    margin-right: 10px;
}

/* 分类弹框 */
.classify-list {
    padding: 15px 24px;
    width: 520px;
}

.classify-list label {
    cursor: pointer;
    float: left;
    width: 120px;
    height: 35px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    text-align: center;
    line-height: 35px;
    margin: 12px;
}

.classify-list a {
    display: block;
    width: 100%;
    height: 100%
}

.classify-list input[type=checkbox]:checked + .check-select {
    background: #0cb8f6;
    color: #fff;
}

.classify-list input {
    display: none
}

.classify-list li.on {
    background: #e7f4ff;
    color: #1890ff;
    border-color: #e7f4ff
}

/* 回复弹框 */
.answer-box .info {
    color: #999
}

.answer-box .question {
    font-weight: bold;
    margin-top: 5px;
}

.ask-style {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    margin-top: 20px;
    overflow: hidden
}

.ask-style a {
    display: inline-block;
    text-align: center;
    line-height: 30px;
    width: 20%;
    height: 100%;
    border: 1px solid #d9d9d9;
}

.ask-style a:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ask-style a:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ask-style a.on {
    border-color: #1890ff;
    color: #1890ff
}

.ask-content {
    margin-top: 20px;
    width: 100%;
}

.ask-content textarea, .question-area {
    width: 100%;
    height: 120px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #d9d9d9
}

.question-area {
    margin-top: 10px;
    height: 60px;
}

.ask-content .code .codeImg {
    display: block;
    width: 120px;
    margin: 0 auto;
}

.ask-content .code .voice-block {
    margin: 0 auto;
}

.ask-content .code p {
    text-align: center;
    color: #999
}

.ask-content .video select {
    width: 200px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    border: 1px solid #d9d9d9
}

.ask-content .video label {
    line-height: 35px;
}

.ask-content .video-block {
    position: relative;
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    margin-top: 20px;
}

.ask-content .video-block ul {
    width: 100%;
    padding: 0 20px;
}

.ask-content .video-block li {
    position: relative;
    float: left;
    width: 120px;
    height: 90px;
    border: 1px solid #fff;
    margin: 12px;
    cursor: pointer
}

.ask-content .video-block li.add {
    position: relative;
    text-align: center;
    border: 1px dashed #e8e8e8;
    background: #fafafa;
    padding-top: 25px;
    color: #7d7d7d
}

.ask-content .video-block li.add span {
    font-size: 20px;
    margin-bottom: 20px;
    color: #858585
}

.ask-content .video-block li.add input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.ask-content .video-block li.on {
    border: 1px solid #1890ff
}

.ask-content .video-block li img {
    display: block;
    width: 100%;
    height: 100%;
}

.o-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6)
}

.o-bg img {
    width: 32px !important;
    height: 32px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ask-content .file .upload {
    margin: 60px auto;
    text-align: center
}

.ask-content .file .upload a {
    position: relative;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    height: 30px;
}

.ask-content .file .upload span {
    margin-right: 10px;
}

.ask-content .file .upload a.del {
    width: auto;
    border: none;
    text-decoration: underline;
    color: #1890ff
}

.ask-content .file .upload img {
    margin-right: 10px;
}

.ask-content .upload a input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.ask-content .notice {
    display: none;
    color: #f00;
    text-align: center
}

.video-brief {
    margin-top: 20px;
}

.video-brief span {
    line-height: 30px;
}

.video-brief textarea {
    width: 100%;
    height: 90px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding: 10px;
    margin-top: 20px
}

.editVoice {
    width: 40px;
    text-align: center;
    color: #1890ff;
    line-height: 30px;
    cursor: pointer
}

.voiceCon {
    width: 320px;
    margin: 20px auto 40px;
}

.layui-layer-content .video-js {
    width: 520px;
    height: 400px;
    margin: 0
}

/* 二级联动 */
.m-form {
    background: #fff;
    padding: 50px;
    font-family: 12px/1.5 arial, \5b8b\4f53, sans-serif;
}

.m-form ul, .m-form li, .m-form dl, .m-form dt, .m-form dd {
    padding: 0;
    margin: 0;
    list-style: none;
}

.m-form label {
    color: #6E6E6E;
    display: inline-block;
    height: 36px;
    float: left;
    line-height: 36px;
    width: 120px;
    text-align: right;
    padding-right: 20px;
}

.m-form .item {
    height: 46px;
    margin-bottom: 10px;
}

.m-form .t {
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    float: left;
}

.m-select {
    position: relative;
    background: #fff;
    width: 220px;
    border-radius: 5px;
}

.m-select-w {
    width: 100px;
}

.m-focus {
    background-position: 100% 100%;
    position: relative;
}

.m-select {
    position: relative
}

.m-select i {
    display: inline-block;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    border-style: dashed;
    border-color: transparent;
    border-width: 6px;
    border-top-style: solid;
    border-top-color: #c2c2c2
}

.m-select.on i {
    margin-top: -9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -3px \9
}

.m-select dt {
    line-height: 32px;
    padding-right: 20px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #d9d9d9;
    text-align: left;
    padding: 0 10px;
    cursor: pointer;
    height: 32px;
    border-radius: 3px;
    color: #333
}

.m-select dd {
    width: 100%;
    overflow-y: auto;
    background: #fff;
    position: absolute;
    left: 0;
    top: 38px;
    border-top: 2px solid #E3E3E3;
    border-bottom: 2px solid #E3E3E3;
    border-radius: 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.m-select dd a {
    display: block;
    font-size: 14px;
    text-indent: 1em;
    line-height: 32px;
    border-right: 2px solid #E3E3E3;
    border-left: 2px solid #E3E3E3;
    height: 32px;
}

.m-select dd a:hover {
    text-decoration: none;
    background: #eee;
}

.m-select dd.age, .m-select dd.height {
    width: 400px;
    border: 2px solid #E3E3E3;
}

.m-select dd.age a, .m-select dd.height a {
    float: left;
    width: 40px;
    text-align: center;
    border: none;
    display: inline-block;
    text-indent: 0;
    height: 24px;
    line-height: 24px;
}

.m-select dd.region {
    width: 405px;
    height: 200px;
    border: 2px solid #E3E3E3;
    z-index: 200
}

.region .tab {
    position: relative;
    height: 45px;
    padding: 10px 0 0 10px;
}

.region .tab li {
    float: left;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    border: 1px solid #E3E3E3;
    margin-right: 5px;
    cursor: pointer;
}

.region .tab li.on {
    border: 2px solid #1890ff;
    cursor: default;
    position: relative;
    background: #1890ff;
    color: #fff;
}

.region .tab em {
    position: absolute;
    right: 20px;
    height: 24px;
    line-height: 24px;
    cursor: pointer
}

.region .tab-con {
    border-top: 2px solid #1890ff;
    padding: 10px;
    position: relative;
    top: -2px;
    background: #fff;
}

.m-select dd.region a {
    float: left;
    text-align: center;
    border: none;
    width: 62px;
    overflow: hidden;
    overflow: hidden;
    display: inline-block;
    text-indent: 0;
}

.m-form .form-item {
    position: static;
    margin-bottom: 200px;
}

.m-select dd.region a.on {
    background: #eee
}

.address-box .m-select {
    width: 280px;
}

.address-box .m-select dt {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* 基础信息 */
.school-title {
    margin: 5px 0 15px
}

.school-title h3 {
    font-size: 20px;
}

.school-notice {
    color: #999;
    font-size: 12px;
}

.school-tab a {
    display: inline-block;
    padding: 0 5px;
    margin-right: 34px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    border-bottom: 2px solid #fff
}

.school-tab a.on {
    color: #1890ff;
}

.base-title {
    margin-bottom: 20px;
    font-size: 18px;
    position: relative
}

.base-title span {
    position: absolute;
    left: -20px;
    top: 4px;
    width: 8px;
    height: 16px;
    background: #1890ff;
}

.base-box {
    padding: 15px 0 0;
}

.base-box .item {
    width: 50%
}

.base-box .input-item label, .school-pop label {
    float: left;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: right;
    margin-right: 10px;
}

.base-box .input-block {
    float: left;
    padding: 0;
    color: #dfdfdf;
    position: relative
}

.base-box .input-block.material-cont-main span {
    padding-left: 0
}

.base-box .input-block.material-cont-main span span {
    padding-left: 5px;
    color: #333
}

.base-box .input-block li {
    color: #666
}

.base-box .input-block input, .school-pop input, .add-content-pop input {
    width: 250px;
    border: 1px solid #dfdfdf;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    border-radius: 3px;
}

.base-box .input-block span {
    display: block;
    height: 25px;
    padding-left: 5px;
    line-height: 25px;
    color: #ff0000
}

.base-box .upload-logo-btn {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    margin-right: 15px
}

.base-box .upload-btn {
    position: relative
}

.base-box .upload-btn input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.base-box .upload-logo-btn img.logo {
    display: block;
    width: 100%;
    height: 100%
}

.base-box .upload-logo-btn span {
    color: #fff;
    display: inline-block;
    vertical-align: middle
}

/* .base-box .upload-logo-btn .upload-icon{margin-top:27px; font-size:20px;} */
.base-box .school-name {
    width: 170px;
    height: 56px;
    line-height: 56px;
}

.base-box .upload-logo-btn .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    border-radius: 5px;
    display: none
}

.base-box .upload-logo-btn.up .cover {
    display: block
}

.base-box .upload-logo-btn.on:hover .cover {
    display: block
}

.logo-tip {
    margin-top: 10px;
    color: #999
}

.input-checkbox {
    max-width: 80%;
}

.checkbox-item-list {
    margin-bottom: 20px;
}

.checkbox-item {
    margin-top: 6px;
    margin-right: 15px;
    line-height: 20px;
}

.checkbox-item input {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.checkbox-item .select {
    position: relative;
    width: 21px;
    height: 20px;
    border: 1px solid #dfdfdf;
    margin-right: 10px;
    background: none
}

.checkbox-item i {
    display: block;
    width: 100%;
    height: 100%;
}

.checkbox-item input[type=checkbox]:checked + i {
    background: url(../images/select.png);
    border-color: #fff
}

.input-item .star {
    color: #f00
}

.input-item {
    position: relative
}

.input-item .action {
    position: absolute;
    right: 10%;
    top: 5px;
    color: #039cf9;
    cursor: pointer
}

.box-item .star {
    color: #f00
}

.top-part {
    padding: 20px 20px 0 34px;
}

.school-base {
    border-top: 25px solid #f0f2f5;
    padding: 20px;
}

.base-box .input-block.tel {
    position: relative;
    margin-right: 20px;
}

.base-box .input-block.tel input {
    width: 164px;
    margin-bottom: 25px;
}

em.remove {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    right: 0;
    top: 0;
    z-index: 100;
    background: #ccc;
    cursor: pointer
}

.base-box .input-block:hover em, .school-list .item:hover em {
    background: #f4b8b8;
    color: #dd2121
}

.base-box .input-block.tel-btn {
    width: 250px;
    height: 32px;
    line-height: 32px;
    border: 1px dashed #d9d9d9;
    text-align: center;
    color: #999;
    cursor: pointer;
    margin-bottom: 25px;
}

.base-box .input-block.tel-btn:hover {
    color: #1890ff;
    border-color: #1890ff
}

.base-box .input-block.attr {
    margin-right: 20px;
    margin-bottom: 20px;
}

.base-box .add-box {
    max-width: 85%
}


.school-name-address p {
    color: #333;
    line-height: 32px;
    text-align: left;
    width: 66%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media screen and (max-width: 1160px) {
    .school-name-address p {
        width: 56%;
    }
}

.school-name-address p a {
    color: #1890ff;
    margin-left: 15px;
}

.map-box {
    width: 100%;
    height: 400px;
    background: #ff0;
    margin-top: 22px
}

.school-pop textarea {
    width: 250px;
    height: 120px;
    padding: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    margin-left: 80px;
}

.school-top {
    margin-bottom: 20px;
}

.school-item {
    margin-bottom: 20px;
}

.base-box .input-block dd {
    color: #666
}

.search-scroe label {
    line-height: 32px;
}

.map-box .map {
    width: 100%;
    height: 100%
}

#map {
    width: 460px;
    height: 260px;
    background: #f00;
    margin: 10px auto;
}

.school-pop .error {
    color: #f00;
    margin-left: 10px;
    line-height: 32px;
}

.school-pop .mapError {
    display: block;
    margin-left: auto;
    width: 320px;
    margin: 0 auto;
}

.select-name {
    margin-right: 20px;
}

.school-list {
    width: 100%;
}

.school-list .item, .add-school {
    position: relative;
    float: left;
    width: 22%;
    text-align: center;
    line-height: 150px;
    color: #999;
    border: 1px dashed #dfdfdf;
    height: 170px;
    margin-right: 4%;
    cursor: pointer;
    padding: 10px 25px 10px 15px;
}

.add-school {
    margin: 0;
}

.school-list .item.on {
    border: 1px solid #1890ff
}

.school-name-address span {
    color: #999;
    line-height: 32px;
}

.school-name-address p {
    margin-left: 70px;
    line-height: 25px;
    min-height: 32px;
    padding-top: 4px;
}

.setSchool span {
    width: 12px;
    height: 12px;
    border: 1px solid #d9d9d9;
    border-radius: 1px;
    display: inline-block;
    cursor: pointer;
    margin-left: 80px;
    margin-right: 10px;
}

.setSchool span.on {
    border: 0;
    background: url('../images/selected.png');
    background-size: 100%
}

.school-pop label {
    width: 70px;
}

.school-list .item font.main {
    position: absolute;
    left: 0;
    top: 0;
    background: #1890ff;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
}

.set_checkbox {
    margin-right: 35px;
    display: inline-block;
    line-height: 26px;
    vertical-align: middle;
    color: #666;
    font-size: 14px;
}

.set_checkbox input {
    display: none;
}

.set_checkbox dd {
    margin-right: 0;
    padding-left: 20px;
    height: 20px;
    background: url(../images/select-no.png) left center no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
    font-size: 0;
}

.set_checkbox dd:hover {
    background: url(../images/select-hover.png) left center no-repeat;
    background-size: 20px 20px;
}

.set_checkbox dd.active {
    background: url(../images/select.png) left center no-repeat;
    background-size: 20px 20px;
}

.set_checkbox dd.some_choose {
    background: url(../images/select-on.png) left center no-repeat;
}

.set_checkbox dd.disabled {
    background: url(../images/check_05.png) left center no-repeat;
    cursor: not-allowed;
}

.set_checkbox dd b {
    font-size: 14px;
    padding-left: 10px;
    line-height: 16px;
    font-weight: normal;
}

.set_checkbox dd:hover b,
.set_checkbox dd.active b {
    color: #039cf9;
}


/* 院校详情 */
.detail-title h4 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.detail-content {
    margin: 15px 0;
}

.detail-title {
    color: #999
}

.add-content {
    text-align: center;
    padding: 20px 0;
}

.add-content p {
    color: #999;
    line-height: 40px;
}

.add-content a {
    display: block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    border-radius: 3px;
    border: 1px solid #dfdfdf
}

.school-detail {
    text-align: center;
    padding: 20px 40px
}

.school-detail h2 {
    font-size: 38px;
}

.school-detail .update-time {
    color: #999;
    margin-top: 20px;
}

.school-detail .school-con p {
    margin: 20px 0;
    font-size: 16px;
    text-align: left;
    line-height: 35px;
}

/* 学院详情 */
.college-detail {
    padding: 20px;
}

.college-detail li {
    float: left;
    width: 33.3%;
    line-height: 35px;
}

.college-detail li span {
    color: #666;
    height: 35px;
}

.college-detail li em {
    height: 70px;
}

.college-detail li .info span {
    display: block
}

.college-detail h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.college-detail p {
    font-size: 16px;
    color: #666
}

.college-detail .college-item {
    border-top: 1px solid #dfdfdf;
    padding: 30px 0
}

.college-detail .college-item:first-child {
    border: none
}

/* 历年分数线 */
.search-scroe {
    margin-top: 20px;
}

.search-scroe label {
    line-height: 32px;
    margin-right: 10px;
}

.search-scroe input.search {
    width: 300px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.table table {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.table table th {
    text-align: left;
    font-weight: 600;
    padding: 0 15px;
}

.table table tr {
    border-bottom: 1px solid #dfdfdf
}

.table table tr:first-child {
    background: #fafafa;
}

.table table tr:nth-child(2n) {
    background: #f2f2f2;
}

.table table tbody tr:hover {
    background: #e6f7ff;
}

.table table td {
    height: 80px;
    text-align: left;
    padding: 0 15px;
}

.table table th {
    height: 50px;
}

.add-score-box .box-item {
    margin: 20px;
}

.add-score-box label {
    display: inline-block;
    width: 120px;
    margin-right: 10px;
    text-align: right;
}

.add-score-box input, .add-score-box select {
    width: 205px;
    height: 32px;
    border-radius: 3px;
    line-height: 32px;
    padding: 0 10px;
    border: 1px solid #d9d9d9
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #d9d9d9 !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 3px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin-top: 5px !important
}

.add-content-pop {
    padding: 20px;
}

.add-content-pop input {
    width: 450px
}

.add-content-pop textarea {
    width: 450px;
    height: 160px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding: 10px;
}

.add-content-pop label {
    display: inline-block;
    line-height: 32px;
}

.add-content-pop .text {
    margin-top: 20px;
}

.chosen-container-single .chosen-single {
    height: 32px !important;
    line-height: 31px !important;
}

.chosen-container-single .chosen-single div b {
    background-position: 0 10px !important;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: 7px 10px !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.chosen-container-active.chosen-with-drop .chosen-single, .chosen-container-single .chosen-single {
    background: none !important;
    box-shadow: 0 0 0 #fff !important
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #d9d9d9 !important
}

.chosen-container .chosen-drop {
    border-color: #d9d9d9 !important
}

.chosen-container-active .chosen-single, .chosen-container-single .chosen-single {
    border-color: #d9d9d9 !important
}

.chosen-container-single .chosen-single {
    border-radius: 3px !important;
}

/* wanxuemei end */


/* 渠畅 */
/*挂件样式、统计数据、聊天界面设置*/
.wrapper > .row > .num_a > div {
    width: 100%;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding-top: 22px;
    padding-bottom: 28px;
    background: #fff;
    height: 280px;
}

span.correntZhe.showOn {
    display: inline-block
}

.wrapper .forAnia > .col-xs-3 {
    height: 22.775vw
}

.mar_20 {
    margin-top: -31px
}

.mar_40 {
    margin-top: 40px
}

.mar-80 {
    margin-top: 80px
}

.mar_60 {
    margin-top: 60px
}

.wrapper .forAnia > .num_a .qesTitle {
    font-size: 16px;
    color: #444
}

.wrapper .forAnia > .num_a .qesTitle + span {
    color: #777
}

.wrapper .forAnia > .num_a {
    color: #777;
    font-size: 14px;
    box-sizing: border-box
}

.wrapper .forAnia > .num_a .allNum-tit {
    font-size: 14px;
    color: #7f7f7f;
    display: inline-block;
    height: 45px;
    line-height: 45px
}

.wrapper .forAnia > .num_a .allNum {
    color: #848484;
    font-size: 30px
}

.wrapper .forAnia > .num_a .normalNum {
    color: #1890ff;
    font-size: 30px
}

.totalNum, .wrapper .forAnia > .num_a .totalUser {
    color: #707070;
    font-size: 30px
}

.wrapper .forAnia > .num_a .totalUser, .zxtotalNum {
    color: #707070;
    font-size: 30px
}

.num_a.AIqes div.mar_40 div:last-child {
    border-left: 1px solid #ddd
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1
}

.num_a.AIqes .power_border {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 10px solid #1ab394;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-left-color: #1E0FBE
}

.num_a.AIqes .power_border .power {
    margin-top: 14px;
    display: inline-block;
    font-size: 35px;
    margin-bottom: -9px
}

.num_a.AIqes .powerLess i {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(../images/star_03.jpg);
    top: 4px
}

.num_a.AIqes .ansYes {
    font-size: 30px;
    color: #ff4c4c
}

.num_a.AIqes .ansNo {
    font-size: 30px;
    color: #707070
}

.num_a.AIqes .powerLess span.infor {
    margin-left: 10px;
    display: inline-block
}

.trend-chart {
    background: #fff;
    border-radius: 5px;
    margin-top: 25px;
    padding: 22px 60px 30px 20px
}

h2.userNum {
    font-size: 20px;
    color: #676a6c;
    margin-bottom: 30px;
    margin-top: 30px
}

h2.userTrend {
    font-size: 20px;
    color: #676a6c;
    margin-bottom: 30px
}

.provincebox {
    width: 100%
}

table.dataTable tbody i {
    background: #44b449;
    height: 10px;
    display: inline-block;
    margin-left: 50px
}

table.dataTable thead .sorting_desc:after {
    display: none
}

.choicebox {
    margin-bottom: 34px
}

.trend-chart .search .form-sel.form-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.choicebox .form-sel {
    margin-right: 0
}

.pageleft .xshs .form-sel-nub, .search .form-sel {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    width: 160px;
    padding: 0 16px;
    text-align: left;
    position: relative;
    border: 1px solid #cad3df;
    border-radius: 4px;
    background-color: #eceff4;
    color: #4f697a;
    cursor: pointer;
    margin-right: 40px;
    font-size: 14px
}

.search .form-sel span {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 124px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

.trend-chart .search .form-selcont {
    width: 160px
}

.pageleft .xshs .form-selcont-nub, .search .form-selcont {
    width: 148px;
    border: 1px solid #cad3df;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    left: -1px;
    top: 28px;
    z-index: 2;
    display: none
}

.comhigh {
    max-height: 280px;
    overflow-y: auto
}

.search .form-selcont li, .search .form-selcont-nub li {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: left;
    cursor: pointer;
    padding-left: 16px
}

.search .form-sel span {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 124px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

.search .icon {
    position: absolute;
    right: 16px;
    top: 10px;
    width: 10px;
    height: 10px;
    background-image: url(../images/icon-down.png);
    background-repeat: no-repeat;
    background-position: center
}

.search .form-selcont li:hover, .search .form-selcont-nub li:hover {
    background: #eee
}

.wtfl-pic {
    width: 100%;
    height: 300px;
    background: #fff;
    margin-top: 25px;
    padding: 22px 60px 30px 20px
}

.pic-title {
    font-size: 16px;
    color: #333
}

.ta_calendar {
    margin-left: -17px;
    width: 570px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 12px;
    text-align: left;
    position: absolute;
    z-index: 100
}

.i_next, .i_pre, .ta_calendar td.first, .ta_calendar td.last, .ta_calendar td.ta_dateRangeSelected, .ta_calendar td.today {
    background: url(../images/calendar_all.png) no-repeat;
    cursor: pointer
}

.ta_calendar td.ta_dateRangeSelected {
    background-position: -164px 2px;
    color: #fff
}

.ta_calendar td.ta_dateRangeGray {
    color: #BBB;
    cursor: default
}

.ta_calendar td.first {
    color: #6590c1;
    background-position: -128px 2px
}

.ta_calendar td.last {
    color: #6590c1;
    background-position: -200px 2px
}

.ta_calendar td.today {
    color: #fff;
    background-position: -92px 2px
}

.ta_calendar .dis {
    color: #9e9e9e
}

.ta_calendar table {
    font-size: 12px;
    float: left;
    margin: 0 8px;
    border-spacing: 0 7px;
    border-collapse: collapse
}

.ta_calendar table caption {
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 14px
}

.ta_calendar table thead tr {
    border: 1px solid #e1e1e1;
    background: #f7f8fa;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.ta_calendar table thead th {
    line-height: 20px;
    padding: 4px 10px;
    color: #444;
    cursor: pointer;
    text-align: left;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

.ta_calendar table.calendar-month {
    font-size: 12px;
    float: left;
    margin: 0 8px;
    border-spacing: 7px;
    border-collapse: separate;
    margin-bottom: 10px
}

.calendar-month caption {
    border-bottom: 1px solid #E1E1E1
}

.calendar-month tbody td {
    line-height: 30px;
    padding: 4px 11px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer
}

.calendar-month caption span:hover, .calendar-month td.hover, .calendar-month td:hover {
    color: #6590c1;
    border: 1px solid #6590c1;
    padding: 3px 10px;
    border-radius: 2px;
    cursor: pointer
}

.calendar .dis:hover {
    color: #9e9e9e;
    border: 1px solid #d3d5d6;
    padding: 3px 10px
}

.calendar-month td.current {
    background: #6590c1;
    color: #fff;
    border-radius: 2px
}

.ta_calendar table thead th.sun {
    border-left: 1px solid #e1e1e1
}

.ta_calendar table thead th.sat {
    border-right: 1px solid #e1e1e1
}

.ta_calendar table tbody td {
    line-height: 20px;
    padding: 4px 11px;
    text-align: center;
    white-space: nowrap;
    font-family: Tahoma
}

.ta_calendar_cont {
    position: relative
}

.ta_calendar_cont .i_next, .ta_calendar_cont .i_pre {
    position: absolute;
    top: 7px
}

.ta_calendar_cont .i_pre {
    left: 10px
}

.ta_calendar_cont .i_next {
    right: 10px
}

.ta_calendar_footer {
    border-top: 1px solid #e5e5e5;
    background: #fafafa;
    padding-top: 6px;
    height: 34px
}

.ta_calendar_footer .frm_btn {
    float: right;
    padding-right: 10px
}

.ta_calendar_footer .frm_btn input {
    margin-left: 3px
}

.ta_calendar_footer .frm_msg {
    float: left;
    padding-left: 10px;
    vertical-align: middle
}

.ta_calendar_footer .ipt_text_s {
    padding: 4px 4px
}

.i_next, .i_pre, .ta_calendar td.first, .ta_calendar td.last, .ta_calendar td.ta_dateRangeSelected, .ta_calendar td.today {
    background: url(../images/calendar_all.png) no-repeat;
    cursor: pointer
}

.i_next, .i_pre {
    width: 23px;
    height: 23px;
    display: inline-block
}

.i_pre {
    background-position: 0 0
}

.i_pre:hover {
    background-position: -46px 0
}

.i_next {
    background-position: -23px 0
}

.i_next:hover {
    background-position: -69px 0
}

.ta_calendar td.first {
    color: #6590c1;
    background-position: -128px 2px
}

.ta_calendar td.last {
    color: #6590c1;
    background-position: -200px 2px
}

.ta_calendar td.ta_dateRangeSelected {
    background-position: -164px 2px;
    color: #fff
}

.ta_calendar td.today {
    color: #fff;
    background-position: -92px 2px
}

table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png)
}

.trend-chart.userbox {
    height: 490px
}

.g-mnc-setting .u-title {
    padding-top: 0;
    padding-bottom: 10px
}

.u-title h3, .u-title h4 {
    font-size: 18px;
    line-height: 1;
    color: #222;
    font-weight: 700;
    padding: 0 0 10px 27px;
    padding-left: 0
}

.g-mnc-setting .j-setting-item {
    font-size: 14px;
    margin-top: 20px
}

.m-form-editableByRich {
    margin-bottom: 50px
}

.m-form {
    margin: 0 auto
}

.m-form .formitm {
    position: relative;
    margin: 30px 0
}

.m-form .formitm .lab {
    float: left;
    margin-top: 12px;
    width: 128px;
    margin-right: 28px;
    text-align: right;
    font-size: 14px
}

.m-form .formitm .necessary {
    position: absolute;
    top: 15px;
    left: 134px
}

.m-form .formitm .necessary:after {
    content: "*"
}

.m-form .formitm .ipts {
    zoom: 1;
    width: auto;
    margin-left: 59px;
    text-align: left
}

.m-form .formitm .ipts:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.m-form .formitm .ipts-clear {
    position: relative;
    height: 28px;
    border-radius: 2px;
    border: 1px solid transparent
}

.m-form .formitm .ipts-clear .u-ipt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-right: 30px
}

.m-form .formitm .ipts-clear .u-icon-clear {
    position: absolute;
    top: 7px;
    right: 7px;
    bottom: 7px;
    cursor: pointer
}

.m-form .formitm .ok {
    zoom: 1
}

.m-form .formitm .ok:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.m-form .formitm .ok .u-ipt {
    float: left
}

.m-form .formitm .btns {
    zoom: 1;
    width: 360px
}

.m-form .formitm .btns:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.m-form .formitm .btns button {
    float: right
}

.m-form .formitm .btns .u-btn-cancel {
    margin-left: 10px
}

.m-form .u-status-error {
    position: absolute;
    bottom: -20px;
    left: 88px
}

.m-form .u-status-error-1 {
    opacity: 0
}

.m-form .u-status-success {
    position: absolute;
    bottom: -20px;
    left: 88px
}

.m-form .u-status-success-1 {
    opacity: 0
}

.m-form .u-status-ok {
    position: static;
    float: left;
    padding-left: 30px;
    height: 40px;
    line-height: 40px
}

.m-form .u-status-message {
    position: absolute;
    bottom: -20px;
    left: 88px
}

.m-form .u-status-validate-pending {
    position: static;
    float: left;
    padding-left: 30px;
    height: 40px;
    line-height: 40px;
    padding-left: 0
}

.m-form .u-status-validate-pending .u-icon-pending {
    vertical-align: middle
}

.m-form .u-status-validate-error {
    position: static;
    float: left;
    height: 40px;
    line-height: 40px;
    padding-left: 0
}

.m-form .u-status-validate-error .u-icon-error {
    margin-right: 10px
}

.m-form-editableByRich .formitm {
    margin-top: 0 !important;
    margin-bottom: 20px
}

.m-form-editableByRich .formitm .lab {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #222;
    line-height: 1.5;
    text-align: left
}

.m-form-editableByRich .formitm .ipts__txt {
    padding: 12px 20px;
    width: 90%;
    min-height: 20px;
    font-size: 14px;
    color: #222;
    line-height: 1.5;
    white-space: normal;
    word-break: break-all;
    background: #fafafa;
    border: 1px solid #f2f2f2;
    border-radius: 2px
}

.m-form-editableByRich .formitm .ipts__txt .linkStyle {
    font-weight: 400;
    color: #5092e1
}

.m-form-editableByRich .formitm .ipts__modify {
    margin-left: 5px;
    font-size: 12px;
    color: #5092e1;
    line-height: 1.5;
    cursor: pointer;
    vertical-align: text-bottom
}

.m-form-editableByRich .formitm .ipts__modify:hover {
    text-decoration: underline
}

.m-form-editableByRich .formitm .ipts__textarea {
    box-sizing: border-box;
    display: block;
    padding: 10px;
    height: 70px;
    min-width: 100%;
    font-size: 12px;
    color: #222;
    line-height: 2;
    white-space: normal;
    word-break: break-all;
    resize: vertical;
    border: 1px solid #ccc
}

.m-form-editableByRich .formitm .ipts__textarea:hover {
    border-color: #bbb
}

.m-form-editableByRich .formitm .ipts__textarea:focus {
    border-color: #5fa7ed
}

.m-form-editableByRich .formitm .ipts__preview {
    padding-top: 10px;
    font-size: 12px;
    color: #222;
    line-height: 2;
    white-space: normal;
    word-break: break-all
}

.m-form-editableByRich .formitm .ipts__preview .linkStyle {
    font-weight: 400;
    color: #5092e1
}

.m-customTips-rich {
    margin-top: 24px
}

.pc_portrait .portrait_cnt {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%
}

input[type=filei] {
    align-items: baseline;
    color: inherit;
    text-align: start
}

#a1513827792874-0, #a1513827792877-0, #b1513827792874-0, #b1513827792877-0 {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.fixedImg {
    padding-top: 50px;
    padding-bottom: 42px;
    min-height: 768px;
    width: 34%;
    z-index: 9999;
    background: #fff;
    position: fixed;
    right: 20px;
    top: 33px
}

.pendant-set .formitm .ipts i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #acacac;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    margin-right: 30px;
    top: 15px
}

.pendant-set .formitm .ipts li:first-child a {
    display: block
}

.pendant-set .formitm .ipts i a {
    width: 10px;
    height: 10px;
    background: #4689fa;
    border-radius: 50%;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px
}

.pendant-set .formitm .iptsImg li {
    margin-right: 120px
}

.pendant-set .formitm .iptsImg img {
    vertical-align: top
}

.pendant-set .bottomPad {
    padding-bottom: 20px;
    border-bottom: 1px solid #e6eaeb
}

.pendant-set .m-form-editableByRich {
    margin-bottom: 0
}

.pendant-set .iptsCol li {
    margin-right: 80px
}

.pendant-set .setLink {
    font-size: 14px;
    color: #222;
    line-height: 36px
}

.setLink-b {
    margin-top: 20px;
    margin-left: 70px;
    font-size: 14px
}

.setLink-b em {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 2px;
    vertical-align: middle;
    font-size: 14px
}

.setLink-b .link-b {
    display: inline-block;
    margin-left: 20px;
    margin-right: 40px;
    min-width: 56px
}

.setLink-b .link-b span {
    cursor: pointer;
    color: #333
}

.setLink-b .link-b:hover > div {
    display: inline-block
}

.link-abso a {
    min-width: 50px
}

.action-box .close {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #db0808;
    background: #e9e9e9;
    top: 0;
    right: 0;
    line-height: 20px;
    text-align: center
}

.action-box .close:hover {
    background: #f7cdcd;
    color: #db0808
}

.slide_info {
    width: 480px;
    height: 112px;
    padding: 16px;
    border: 1px dashed #ddd;
    color: #ddd;
    margin-top: 24px;
    margin-left: 10px;
    position: relative
}

.slide_info:hover {
    border: 1px dashed #1890ff
}

.slide_info > .info {
    margin-left: 15px
}

.slide_info > .info input {
    border: 1px solid #ddd;
    width: 278px;
    height: 32px;
    line-height: 30px;
    padding-left: 6px;
    padding-right: 6px
}

.slide_info > .info .item:nth-child(1) {
    margin-bottom: 16px
}

#plusErFi {
    position: absolute;
    left: 104px;
    top: 0;
    width: 76px;
    height: 76px;
    opacity: 0;
    cursor: pointer;
    padding: 0;
    cursor: pointer
}

.slide_info .img {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.slide_info .img.icon1 {
    background: #f1637a
}

.slide_info .img.icon2 {
    background: #87d0e9
}

.m-modalLink .modal_dialogLink {
    background: #fff;
    width: 560px;
    border-radius: 4px;
    padding-top: 30px;
    padding-left: 20px;
    padding-bottom: 34px
}

.m-modalLink .modal_dialogLink .modal_hd {
    text-align: center;
    margin-left: -60px;
    padding-bottom: 30px
}

.plusEr {
    display: inline-block;
    width: 76px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 25px;
    color: #d1d1d1;
    border: 1px dashed #d1d1d1;
    border-radius: 3px
}

.plusEa img {
    display: none
}

.plusEa div {
    color: #999;
    margin-top: 10px;
    margin-bottom: 50px;
    margin-left: 106px
}

.m-modalLink .modal_dialogLink label {
    margin-right: 30px;
    font-size: 14px
}

.m-modalLink .modal_dialogLink input {
    padding-left: 15px;
    padding-right: 15px;
    width: 320px;
    height: 30px;
    outline: 0;
    border-radius: 3px;
    box-shadow: none;
    border: none;
    border: 1px solid #dfdfdf
}

.m-modalLink .modal_bd > div {
    margin-bottom: 20px
}

.modal_dialogLink:active {
    outline: 0
}

.m-modalLink .modal_bd .ulBar > div {
    width: 400px;
    height: 190px;
    display: inline-block;
    scrollbar-face-color: silver;
    overflow-y: scroll;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 16px;
    padding-bottom: 16px
}

.m-modalLink .modal_bd .ulBar div > span, .m-modalLink .modal_bd .ulBar div > span > span {
    float: left;
    width: 70px;
    height: 70px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.m-modalLink .modal_bd .ulBar div > span {
    margin-top: 16px;
    margin-left: 16px
}

.m-modalLink .modal_bd .ulBar div > span:nth-child(4n) {
    margin-right: 0
}

.addAsd, .addNotice {
    box-sizing: border-box;
    width: 480px;
    height: 32px;
    line-height: 30px;
    border: 1px dashed #ddd;
    text-align: center;
    color: #999;
    margin-top: 15px;
    margin-left: 10px;
    cursor: pointer;
    background: #fff
}

.erwei-box {
    position: relative
}

.img-prev {
    width: 112px;
    height: 112px;
    border: 1px dashed #ddd;
    margin-left: -110px;
    margin-top: 55px
}

.img-prev img {
    display: inline-block;
    margin-left: 0;
    width: 110px;
    height: 110px
}

.erwei-box input {
    opacity: 0;
    filter: alpha(opacity=0);
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

.erwei-box img {
    width: 80px;
    height: 80px
}

.upLoadImg {
    position: relative;
    width: 110px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.upLoadImg i {
    display: inline-block;
    padding-left: 24px;
    background: url(../images/upload_03.png) no-repeat left center;
    margin-left: 15px;
    margin-right: 8px;
    font-style: normal
}

.upLoadImg input {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 110px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

.btn-save {
    margin: 40px auto;
    background: #1890ff;
    width: 120px;
    height: 32px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 185px
}

.info-sc {
    height: 80px;
    line-height: 80px
}

.addAsd:hover, .addNotice:hover {
    border: 1px dashed #4689fa;
    color: #999;
    opacity: 1
}

.m-modalLink .correntZhe {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35);
    text-align: center;
    padding-top: 20px;
    color: #fff;
    font-size: 20px;
    font-family: serif
}

.u-saveLink {
    width: 120px;
    height: 45px;
    background: #4689fa;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    margin-left: 87px;
    margin-top: 50px
}

.u-saveEr {
    width: 120px;
    height: 45px;
    background: #4689fa;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    margin-left: 87px
}

.modal_dialogLink .close {
    position: absolute;
    right: 18px;
    top: 20px;
    font-size: 26px
}

.m-modalLink .correntZhe em {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 1.5;
    background: #fff
}

.m-modalLink .correntZhe em img {
    width: 36px;
    height: 35px;
    margin-top: -2px;
    margin-left: -3px
}

.set-l-box button.addnewLink.disabled {
    background: #999;
    border-color: #999;
    outline: 0
}

.guanwei, .kyfenda {
    width: 86px;
    height: 86px;
    background: url(../images/erweima_03.png);
    background-size: 100% 100%;
    margin-left: 70px;
    margin-right: 80px;
    display: inline-block;
    cursor: pointer;
    background-size: cover
}

.guanwei .absolute, .kyfenda .absolute {
    display: none;
    width: 86px;
    height: 86px;
    background: rgba(0, 0, 0, .6);
    color: #fff
}

.guanwei .absolute a, .kyfenda .absolute a {
    color: #fff;
    width: 60px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 3px;
    display: inline-block;
    margin-top: 13px;
    margin-left: 13px
}

.guanwei .titleName, .kyfenda .titleName {
    padding-top: 94px;
    width: 86px;
    text-align: center
}

.m-modalLink .modal_bd .ulBar div > span:nth-child(1) {
    border-top: 0
}

.m-modalLink .modal_bd .ulBar div > span:nth-child(2) {
    border-top: 0
}

.m-modalLink .modal_bd .ulBar div > span:nth-child(3) {
    border-top: 0
}

.m-modalLink .modal_bd .ulBar div > span:nth-child(4) {
    border-top: 0
}

.m-modal-confirmLink {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center
}

.modelLink .modal_title, .modelerWei .modal_title {
    font-weight: 700;
    font-size: 20px
}

.setLink-b li {
    margin-bottom: 24px
}

.set-l-box button.addnewerweima.disabled {
    background: #999;
    border-color: #999;
    outline: 0
}

.erweima:hover .relative .absolute {
    display: block
}

.setLink-b li > a {
    width: 60px;
    height: 24px;
    display: inline-block;
    margin-right: 15px;
    background: #4689fa;
    line-height: 12px;
    color: #fff
}

.setLink-b li > a:hover {
    color: #fff
}

.setLink-b li a.btn:last-child {
    background: #fff;
    border-radius: 2px;
    border-color: #eaeaea;
    color: #999
}

.set-l-box button.absolute {
    width: 120px;
    height: 36px;
    right: 0;
    top: 0;
    background-color: #4689fa;
    border-color: #4689fa
}

.setLink-b .link-abso {
    position: absolute;
    top: -37px;
    left: -2px;
    display: block;
    height: 24px;
    border: 1px solid #eaeaea;
    background-color: #fff;
    padding: 4px 9px;
    display: none
}

.link-b-title a {
    color: #333
}

.link-b-title a:hover {
    color: #333
}

.setLink-b .link-abso s {
    position: absolute;
    top: 43px;
    left: 38px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #eaeaea transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
    transform: rotate(180deg)
}

.setLink-b .link-abso i {
    position: absolute;
    top: -9px;
    left: -10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px
}

.setLink-b .link-abso a {
    display: inline-block;
    color: #333
}

.modal_link {
    margin: 0 auto 20px
}

.m-model-link .modal_dialog {
    padding: 20px
}

.modal_link span {
    margin-right: 10%
}

.modal_link input {
    font-size: 12px;
    display: inline-block;
    width: 70%;
    outline: 0;
    border-radius: 0;
    padding: 8px 5px
}

.m-model-link .modal_dialog .modal_ft {
    padding-right: 20px
}

.m-customTips-rich .link-save {
    padding: 12px 42px
}

.fadeInDown.row {
    margin-left: 0;
    margin-right: 0
}

.col-fff {
    background: #fff
}

.u-title i {
    display: inline-block;
    width: 2px;
    height: 18px;
    background: #1ab394;
    vertical-align: bottom;
    margin-right: 8px
}

.row .col-xs-7 .g-setting-itm {
    padding: 0
}

.g-setting-itm > .u-title > i {
    vertical-align: top
}

.g-setting-itm > .u-title > h3 {
    line-height: 1
}

.u-btn-fifth em {
    color: #d5d5d5;
    font-size: 25px;
    vertical-align: bottom;
    display: inline-block
}

.u-btn-fifth:hover em {
    color: #5092e1
}

.u-btn-fifth:active em {
    color: #5092e1
}

.row .col-xs-7 {
    width: 99.77777%
}

.dixbox {
    position: fixed;
    right: 20px
}

.dixbox i {
    background: url(../images/xiaozhinew.png) no-repeat;
    display: inline-block;
    zoom: 1;
    width: 300px;
    height: 300px;
    margin-top: 20px;
    overflow: hidden
}

.dixbox i:hover {
    z-index: 0
}

.m-confirm {
    width: 67px;
    position: fixed;
    top: 54%;
    right: 0;
    background-color: #fff;
    font-size: 12px;
    color: #fff;
    margin-top: -171px;
    z-index: 9999
}

.m-confirm .online {
    height: 99px;
    text-align: center;
    border-bottom: 1px solid #8dc7ff;
    cursor: pointer;
    background-color: #378fe5
}

.gray-bg > .m-confirm .online {
    background: url(../images/xiaozhinew.png) no-repeat center center
}

.g-mnc-setting.pendant-set.row {
    margin-left: 0;
    margin-right: 0
}

.blueBgBox, .greenBgBox, .redBgBox, .yellowBgBox {
    display: inline-block;
    border: 1px solid transparent;
    position: relative;
    cursor: pointer
}

.iptsImg li {
    cursor: pointer
}

.blueBgBox.onCheck, .yellowBgBox.onCheck {
    border-color: #4689fa
}

.greenBgBox.onCheck {
    border-color: #2db09e
}

.redBgBox.onCheck {
    border-color: #d4372c
}

.yellowBgBox.onCheck {
    border-color: #ee712b
}

.blueBgBox.onCheck em, .greenBgBox.onCheck em, .redBgBox.onCheck em, .yellowBgBox.onCheck em {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background: #4689fa;
    top: 20px;
    left: 20px;
    color: #fff;
    font-family: cursive
}

.greenBgBox.onCheck em {
    background: #2db09e
}

.redBgBox.onCheck em {
    background: #d4372c
}

.yellowBgBox.onCheck em {
    background: #ee712b
}

.m-customTips-rich em {
    display: none
}

.border-g {
    width: 34px;
    height: 34px;
    border: 1px solid #ddd;
    padding-top: 1px;
    padding-left: 1px;
    border-radius: 2px
}

.pad_20 {
    padding: 30px 30px 0 30px
}

.blueBg {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #4689fa;
    border-radius: 1px
}

.greenBg {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #2db09e;
    border-radius: 5px
}

.redBg {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #d4372c;
    border-radius: 5px
}

.yellowBg {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #ee712b;
    border-radius: 5px
}

.upload-box label {
    margin-bottom: 0
}

.top-bgImg {
    height: 343px;
    margin-left: 40px;
    background: url(../images/team1_1.png) no-repeat;
    width: 88px;
    background-size: cover;
    margin-top: -10px
}

.top-bgImg-t {
    height: 340px;
    margin-left: 40px;
    background: url(../images/team2_1.png) no-repeat;
    width: 55px;
    background-size: cover;
    margin-top: -10px
}

.bottomPad2 {
    padding-bottom: 24px
}

.formitm2 {
    margin-bottom: 0 !important
}

.g-row-setting.col-xs-7 {
    padding-right: 0;
    padding-left: 0
}

.breadMy {
    height: 35px;
    line-height: 35px;
    color: #999;
    margin-bottom: 18px;
    font-size: 14px
}

.breadMy a {
    color: #999
}

.breadMy span {
    color: #333
}

.item-tit {
    margin-right: 5px;
}

/*聊天界面设置*/
.chat-container {
    width: 100%;
    padding: 28px 24px 40px 24px;
    background: #fff
}

.chat-img {
    margin-top: 25px
}

.chat-bt-t {
    font-size: 18px;
    color: #333;
    margin-bottom: 22px;
    margin-top: 40px
}

.chat-bt-con {
    position: relative;
    min-width: 660px;
}

.chat-bt-con > span {
    font-size: 14px
}

.chat-bt-con input {
    width: 480px;
    border: 1px solid #ddd;
    height: 32px;
    line-height: 32px;
    padding-left: 7px;
    padding-right: 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.chat-t-write {
    font-size: 20px;
    color: #959595
}

.chat-t-all {
    color: #ababab;
    font-size: 14px
}

.chat-t-wa {
    position: absolute;
    bottom: 0;
    margin-left: 15px
}

.addPro {
    box-sizing: border-box;
    width: 480px;
    height: 32px;
    line-height: 32px;
    border: 1px dashed #ddd;
    text-align: center;
    color: #999;
    cursor: pointer;
    background: #fff;
    margin-bottom: 24px;
    margin-left: 62px
}

.addPro:hover {
    border: 1px dashed #1890ff;
    color: #999
}

.action_baction-pro {
    margin-bottom: 24px
}

.fl-title {
    display: inline-block;
    width: 62px;
    text-align: center;
    font-size: 14px;
    color: #333;
    padding-top: 5px
}

.action_baction-pro .chat-pro {
    width: 480px;
    height: 114px;
    border: 1px dashed #ddd;
    padding-top: 16px;
    padding-left: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

.chat-pro input {
    width: 413px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 10px;
    color: #a0a0a0;
    margin-bottom: 16px
}

.fl-fl-title-t {
    color: #414141
}

.chat-pro:hover {
    border-color: #1890ff
}

.reset-set {
    width: 564px;
    text-align: right;
    color: #999;
    font-size: 14px;
    margin-top: 23px;
    cursor: pointer
}

.chat-prev span:last-child {
    color: #959595
}

.chat-upFile {
    display: inline-block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    position: relative;
    border: 1px solid #ddd;
    color: #8d8d8d;
    text-align: center;
    cursor: pointer
}

.chat-upFile input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100px
}

.chat-up-dev {
    color: #999;
    margin-left: 62px;
    margin-top: 16px;
    margin-bottom: 27px
}

.chat-bt-con img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.resetImg {
    position: absolute;
    bottom: 0;
    margin-left: 16px;
    cursor: pointer
}

#usertime, #asktime {
    height: 30px;
    width: 300px;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    padding: 6px 15px;
    margin-right: 20px;
}


/* videojs */
.video-js {
    width: 350px;
    height: auto;
    margin-left: 60px;
    margin-top: -15px;
}

/*素材中心*/
.material {
    background: #f0f2f5
}

.material-top {
    background: #fff;
    padding: 10px 20px 0 20px;
    border-bottom: 1px solid #e9e9e9
}

.material-top h2 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px
}

.material-top ul {
    margin-left: -8px
}

.material-top ul li {
    display: inline-block
}

.material-top ul li a {
    position: relative;
    display: inline-block;
    margin-right: 30px;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
    width: 48px;
    text-align: center;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.material-top li.on a {
    color: #1890ff
}

.material-top li > a span span {
    color: #333;
    position: absolute;
    border: 0;
    height: 2px;
    background-color: #fff;
    left: -3.5px;
    bottom: 0;
    pointer-events: none;
    width: 55px;
    overflow: hidden;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

.material-top li.on span span.sideLine {
    background-color: #1890ff
}

.pageChild {
    background: #fff
}

.pageChild .searchInfo {
    background: #fff;
    padding-top: 24px;
    padding-left: 32px;
    padding-bottom: 24px
}

.pageChild .fbTime > span, .vedioType > span {
    display: inline-block;
    height: 32px;
    line-height: 32px
}

.pageTime {
    height: 32px;
    width: 300px;
    line-height: 32px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    padding: 6px 15px;
    margin-right: 20px
}

.search-form {
    position: relative;
    width: 492px;
    height: 32px;
    display: inline-block
}

.search-form .text {
    width: 432px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d9d9d9;
    border-right: none;
    padding: 6px 15px
}

.search-form .button {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #1890ff;
    cursor: pointer
}

.vedioList {
    width: 100%;
    margin-top: 24px;
    background: #f0f2f5
}

.vedioList .textTitle {
    word-wrap: break-word;
    font-size: 18px;
    width: 83%;
    margin: 24px auto 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
}

.vedioList > li {
    margin-right: 1.3333%;
    float: left;
    width: 24%;
    margin-bottom: 24px;
    border: 1px solid #d9d9d9;
    background: #fff;
    cursor: pointer;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s
}

.vedioList > li:nth-child(4n) {
    margin-right: 0
}

.vedioList .shadowBox {
    position: relative
}

.vedioList .shadowBox > img {
    width: 100%;
    display: block
}

.vedioList .schText {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    text-align: center;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

/*.vedioList>li:hover{-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.4);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,.4);box-shadow:0 5px 5px 0 rgba(0,0,0,.4)}*/
.vedioList .textMain {
    width: 83%;
    color: #666;
    margin: 0px auto 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 24px;
    line-height: 24px;
}

.vedioList .comurl {
    display: block;
    color: silver;
    width: 83%;
    margin: 0 auto 24px
}

.actionUl {
    margin-left: -2px;
    margin-bottom: 10px
}

.actionUl li {
    cursor: pointer;
    float: left;
    width: 33.3333%;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border-right: 1px solid #d9d9d9;
    color: #1890ff
}

.actionUl li a {
    color: #1890ff;
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.actionUl li button {
    cursor: pointer;
    color: #1890ff
}

.actionUl li:last-child {
    border-right: 0
}

.vedioType {
    border-bottom: 1px dashed #d9d9d9;
    padding-bottom: 24px;
    margin-bottom: 24px
}

.vedioType li {
    float: left;
    margin-right: 30px;
    width: 64px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1)
}

.vedioType li.on {
    color: #fff;
    background: #1890ff
}

.vedioType li:not(.on):hover {
    color: #1890ff
}

.pageVedio .layui-layer-title, .pageside .layui-layer-title {
    height: 62px;
    border-bottom: none;
    position: absolute;
    background: #fff;
}

.loadVedio {
    display: none;
    height: 550px
}

.uploadVedio {
    width: 472px;
    background: #fff;
    z-index: 99999
}

.bottomLine {
    top: 61px;
    width: 545px;
    height: 0;
    border-top: 1px solid #d9d9d9;
    z-index: 99999
}

.uploadVedio li {
    float: left;
    width: 80px;
    height: 61px;
    height: 61px;
    line-height: 61px;
    text-align: center;
    margin-right: 60px;
    cursor: pointer;
    margin-left: 16px;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.uploadVedio li.on {
    border-bottom: 2px solid #1890ff;
    color: #1890ff
}

.up-v-detail {
    position: absolute;
    top: 61px;
    margin-left: 93px;
    z-index: 0
}

.up-v-detaiChild {
    margin-top: 24px
}

.up-v-detaiChild:first-child {
    margin-top: 35px
}

.up-v-detaiChild .uploadVedio {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 111px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d9d9d9;
    background: #fafafa
}

.up-v-detaiChild .uploadVedio input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    height: 100%
}

.up-v-detaiChild .vedioName {
    width: 260px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.up-v-detaiChild .uploadVedio {
    background: url(../images/upload_03.png) no-repeat 15px center
}

.up-v-detaiChild .uploadVedio span {
    margin-left: 36px
}

.up-v-detaiChild .notice {
    font-size: 12px;
    color: #909090;
    padding-left: 73px;
    padding-top: 5px
}

.up-v-detaiChild > span {
    display: inline-block;
    margin-top: 5px;
    width: 70px;
    text-align: right
}

.up-v-detaiChild > div {
    vertical-align: top;
    display: inline-block
}

.up-v-detaiChild div.uploadImg > div {
    position: relative;
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 104px;
    height: 104px;
    text-align: center;
    border: 1px solid #d9d9d9;
    background: #fafafa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #b9b9b9
}

.up-v-detaiChild div.uploadImg input {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: 999
}

.up-v-detaiChild div.uploadImg p {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 28px;
    color: #b9b9b9;
    line-height: 104px
}

.up-v-detaiChild div.uploadImg span {
    display: inline-block;
    margin-top: 75px
}

.up-v-detaiChild div.uploadImg img {
    display: none;
    poaition: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 104px;
    height: 104px;
    border: 1px solid #d9d9d9;
    margin-left: 10px;
    display: none
}

.up-v-detaiChild .uploadDress input, .up-v-detaiChild .uploadName input {
    width: 240px;
    height: 30px;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #d9d9d9
}

.up-v-detaiChild .uploadDeta textarea {
    width: 240px;
    height: 100px;
    padding: 5px 15px;
    border: 1px solid #d9d9d9
}

.up-v-detaiChild .uploadType {
    position: relative
}

.up-v-detaiChild .uploadType > span {
    display: inline-block;
    width: 240px;
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.up-v-detaiChild .uploadType i {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: 13.5px;
    right: 9px
}

.up-v-detaiChild .uploadType span.on i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.up-v-detaiChild .uploadType ul {
    position: absolute;
    top: 34px;
    width: 240px;
    border: 1px solid #d9d9d9;
    display: none;
    max-height: 130px;
    overflow-y: auto
}

.up-v-detaiChild .uploadType ul li {
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    width: 100%;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;
}

.up-v-detaiChild .uploadType ul li:hover {
    background: #e6f7ff;
}

.up-v-detaiChild .uploadType ul li.on {
    background: #e6f7ff;
}

.up-v-detail.child2 {
    display: none
}

.textList {
    width: 100%;
    margin-top: 24px;
    background: #fff;
    padding-left: 24px;
    padding-right: 24px;
}

.textList h2 {
    color: #222;
    font-size: 14px;
    width: 76%;
}

.textList h2 ul {
    float: right;
    position: absolute;
    top: 27px;
    right: 0
}

.textList h2 li {
    float: left;
    width: 40px;
    color: #1890ff;
    border-left: 1px solid #d9d9d9;
    text-align: right;
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer
}

.textList h2 li a {
    color: #1890ff
}

.textList h2 li:first-child {
    border: none
}

.textList h2 li:last-child {
    margin-right: 0
}

.textList .tabSign {
    margin-top: 16px;
    margin-bottom: 20px
}

.textList .tabSign li {
    float: left;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px
}

.textList .textInfo {
    width: 76%;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.textList > li {
    padding-top: 20px;
    padding-bottom: 12px;
    position: relative;
    border-bottom: 1px solid #d9d9d9
}

/*.textList>li:last-child{ border:0;}*/
.textList .authorInfo {
    color: #ddd
}

.textList .authorInfo img {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px
}

.textList .authorInfo .author {
    margin-right: 5px
}

.textList .imgList {
    margin-top: 20px
}

.textList .imgList li {
    float: left;
    height: 22px;
    line-height: 22px
}

.textList .imgList li.line {
    width: 1px;
    height: 22px;
    background: #d9d9d9;
    margin-left: 20px;
    margin-right: 20px
}

.pageImg .addImg, .pageVedio .addVedio, .pageside .addallSide, .vedioType .addText {
    width: 64px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #1890ff;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
    margin-right: 200px
}

.schoolAP .material-top h2 {
    height: 41px;
    line-height: 41px
}

.schoolAP .addSchBtn button {
    float: left;
    padding: 6px 15px;
    color: #fff;
    background: #1890ff;
    margin-right: 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer
}

.schoolAP .material-cont {
    background: #f0f2f5;
    padding: 24px;
    position: absolute;
    height: 890px;
    overflow-y: scroll
}

.material-cont iframe {
    height: 890px;
    overflow-y: scroll;
    display: none
}

.material-cont iframe.on {
    display: block
}

.material-cont-main {
    background: #fff;
    padding: 24px 20px;
    padding-top: 0
}

.material-cont-main .schoolList-d {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 32px
}

.material-cont-main .schoolList-d > span {
    width: 252px;
    height: 32px;
    display: inline-block;
    cursor: pointer
}

.material-cont-main .schoolList-d > span span {
    display: inline-block;
    width: 252px;
    height: 32px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 32px;
    padding-left: 8px;
    padding-right: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999
}

.material-cont-main .schoolList-d > span i {
    display: inline-block;
    width: 15px;
    height: 8px;
    position: absolute;
    background: url(../images/arrow.png) no-repeat;
    right: 8px;
    top: 11px;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

.material-cont-main .schoolList-d > span.on i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.material-cont-main .schoolList-d ul {
    position: absolute;
    width: 252px;
    border: 1px solid #d9d9d9;
    top: 32px;
    border-top: 0;
    display: none;
    z-index: 9999;
    max-height: 161px;
    overflow-x: hidden;
    overflow-y: auto
}

.material-cont-main .schoolList-d ul li {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.material-cont-main .schoolList-d ul li:hover {
    background: #e6f7ff
}

.material-cont-main .schoolList-d ul li.on {
    background: #e6f7ff
}

.ulLists > span.text {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    width: 75px
}

/* .ulLists{margin-top:24px} */
.ulLists .schoolCode {
    width: 253px;
    height: 32px;
    padding: 8px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ulLists .zysx {
    margin-left: 39px;
}

/* .zylx{margin-top:24px} */
.search-btnSch {
    margin-left: 40px;
    -webkit-transition: padding-top .3s;
    -moz-transition: padding-top .3s;
    -ms-transition: padding-top .3s;
    -o-transition: padding-top .3s;
    transition: padding-top .3s
}

.search-btnSch.cli {
    padding-top: 0
}

.search-btnSch a {
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    color: #838383;
    margin-right: 16px
}

.search-btnSch a.search-btn-s {
    color: #fff;
    background: #1890ff;
    border-color: #1890ff
}

.search-btnSch a.search-btn-u {
    background: #fff;
    border: none;
    color: #379fff;
    position: relative
}

.search-btnSch a.search-btn-u i {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #1890ff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    top: 7px;
    right: 0;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

.search-btnSch.cli a.search-btn-u i {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 13px
}

.schoolTable, .schoolTable table {
    width: 100%;
    margin-top: 24px;
    background: #fff
}

.schoolTable table tr {
    border-bottom: 1px solid #d9d9d9
}

.schoolTable table tr {
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.schoolTable table tr td {
    text-overflow: ellipsis;
}

.schoolTable table tr td a {
    padding-left: 10px;
    padding-right: 10px;
    color: #1890ff
}

.schoolTable table tr:hover {
    background: #e6f7ff
}

.schoolTable table tr td a:nth-child(2) {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9
}

.schoolTable table tr:first-child {
    background: #fafafa
}

.schoolTable table tr:nth-child(2n) {
    background: #f2f2f2
}

.schoolTable table tr:nth-child(2n):hover {
    background: #e6f7ff
}

.schoolTable, .schoolTable table th, .schoolTable table td {
    text-align: left;
}

.schoolTable table th {
    font-weight: 600;
}

/*@media screen and (max-width:850px){.ulLists .schoolCode{margin-top:20px;margin-left:0;clear:both}*/
/*.ulLists .zysx{margin-top:20px;margin-left:0;clear:both}*/
/*}*/
.import-all-box .import-btn a img {
    vertical-align: middle
}

.import-all-box .import-btn:before, .import-all-box .import-btn:after {
    content: '';
    display: block;
    clear: both
}

.import-all-box .file-name img {
    vertical-align: middle
}

.import-pro-class {
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 36px
}

.import-pro-class .input-child-r {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.import-pro-class .input-child > span {
    width: 80px;
    padding-left: 10px;
    background: url(../images/star_03.jpg) no-repeat left
}

.import-pro-class .input-child-r > span {
    display: inline-block;
    width: 200px;
    height: 32px;
    line-height: 32px
}

.import-pro-class .input-child-r > span span {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding-left: 8px;
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.import-pro-class .input-child-r > span i {
    position: absolute;
    width: 18px;
    height: 10px;
    top: 11px;
    right: 8px;
    background: url(../images/arrow.png) no-repeat;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
}

.import-pro-class .input-child-r > span.on i {
    background: url(../images/arrow.png) no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.import-pro-class .input-child-r ul {
    position: absolute;
    border: 1px solid #d9d9d9;
    max-height: 160px;
    overflow-y: scroll;
    width: 200px;
    border-top: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    top: 33px;
    z-index: 9999
}

.import-pro-class .input-child-r ul li {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding-left: 8px;
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.import-pro-class .input-child-r ul li:hover {
    background: #e6f7ff
}

.import-pro-class .input-child-r ul li.on {
    background: #e6f7ff
}

/*#material-cont .bgChanged{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;color: black;}*/
/*#material-cont .bgChanged:hover{border-color:#1890ff;cursor:pointer}*/
/*#material-cont .bgChanged:focus{border-color:#1890ff;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}*/
.input-child {
    margin-bottom: 24px
}

.input-child-n .input-ch {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 15px;
    text-align: center;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
    margin-right: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.input-child-n > span {
    cursor: pointer
}

.input-child-n > span.on .input-ch {
    border-color: #1890ff;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
    background: #1890ff
}

.input-child-n > span .input-ch img {
    margin-top: 3px;
    opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.input-child-n > span.on .input-ch img {
    opacity: 1
}

.searchNone {
    cursor: pointer;
    position: absolute;
    right: -65px;
    top: 4px;
    color: #1890ff;
    user-select: none
}

.import-pro-class .input-child-n {
    display: inline-block
}

.input-child-n > span:first-child {
    margin-right: 24px
}

.input-child-i {
    margin-bottom: 24px
}

.input-child-i input {
    width: 200px;
    height: 32px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 40px;
    padding-left: 8px;
    padding-right: 8px
}

.import-pro-class .zyfx {
    display: inline-block;
    width: 550px;
    height: 40px;
    border: 1px dashed #d9d9d9;
    color: #abb5bb;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    text-align: center;
    line-height: 40px;
    cursor: pointer
}

.import-pro-class .zyfx:hover {
    border: 1px dashed #1890ff
}

.import-pro-class .ClasBox {
    width: 550px;
    margin-top: 24px;
    border: 1px dashed #d9d9d9;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    padding: 24px;
    padding-bottom: 0;
    overflow-y: auto;
    margin-left: 82px
}

.import-pro-class .ClasBox:hover {
    border: 1px dashed #1890ff
}

.import-pro-class .text-i, .import-text-class .text-i {
    width: 80px;
    display: inline-block;
    text-align: right;
    vertical-align: middle
}

.ClasBox .ClasBox-child {
    width: 450px;
    border: 1px dashed #d9d9d9;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding-left: 8px;
    padding-right: 8px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 24px
}

.ClasBox .ClasBox-child:hover {
    border: 1px dashed #1890ff
}

.ClasBox .ClasBox-child i {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #e9e9e9;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    top: 0;
    right: 0
}

.ClasBox .ClasBox-child i:hover {
    color: #db0808;
    background: #f1c7c7
}

.ClasBox .ClasBox-child .zy-code {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 60px;
    height: 100%;
    text-align: center
}

.ClasBox .ClasBox-child .zy-arrow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
    height: 100%;
    text-align: center;
    display: inline-block
}

.ClasBox .ClasBox-child .zy-plus {
    display: inline-block;
    height: 100%;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.edit-zy {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-left: 15px;
    color: #1890ff
}

.js-info {
    margin-top: 24px;
    width: 100%;
}

.js-info .input-plus {
    width: 550px;
    height: 32px;
    line-height: 8px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #d9d9d9
}

.js-info .input-areaplus {
    width: 550px;
    height: 240px;
    padding: 8px;
    border: 1px solid #d9d9d9
}

.import-pro-class .cksj .text-i {
    vertical-align: top
}

.import-pro-dir {
    text-align: center;
}

.import-pro-dir .text-i {
    display: inline-block;
    width: 80px;
    padding-left: 10px;
    padding-top: 8px;
    text-align: right
}

.import-pro-dir .js-info {
    position: relative
}

.import-pro-dir .zyda > span {
    background: url(../images/star_03.jpg) no-repeat left
}

.import-pro-dir .zyda p {
    position: absolute;
    left: 145px;
    color: red;
    display: none
}

.import-pro-dir .input-plus {
    width: 370px
}

.input-child {
    position: relative
}

.input-child > p {
    position: absolute;
    left: 80px;
    display: none;
    color: red
}

.loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    display: none;
    z-index: 9999999999999
}

.loader > div {
    background: rgba(255, 255, 255, .8);
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50% -50%);
    -moz-transform: translate(-50% -50%);
    -ms-transform: translate(-50% -50%);
    -o-transform: translate(-50% -50%);
    transform: translate(-50% -50%);
    overflow: hidden;
    position: absolute;
    z-index: 99999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 200px;
    height: 200px
}

.loader-inner {
    bottom: 0;
    height: 136px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px
}

.loader-line-wrap {
    animation: spin 2s cubic-bezier(.175, .885, .32, 1.275) infinite;
    box-sizing: border-box;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform-origin: 50% 100%;
    width: 100px
}

.loader-line {
    border: 4px solid transparent;
    border-radius: 100%;
    box-sizing: border-box;
    height: 100px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px
}

.loader-line-wrap:nth-child(1) {
    animation-delay: -50ms
}

.loader-line-wrap:nth-child(2) {
    animation-delay: -.1s
}

.loader-line-wrap:nth-child(3) {
    animation-delay: -150ms
}

.loader-line-wrap:nth-child(4) {
    animation-delay: -.2s
}

.loader-line-wrap:nth-child(5) {
    animation-delay: -250ms
}

.loader-line-wrap:nth-child(1) .loader-line {
    border-color: #ea4747;
    height: 90px;
    width: 90px;
    top: 7px
}

.loader-line-wrap:nth-child(2) .loader-line {
    border-color: #eaea47;
    height: 76px;
    width: 76px;
    top: 14px
}

.loader-line-wrap:nth-child(3) .loader-line {
    border-color: #47ea47;
    height: 62px;
    width: 62px;
    top: 21px
}

.loader-line-wrap:nth-child(4) .loader-line {
    border-color: #47eaea;
    height: 48px;
    width: 48px;
    top: 28px
}

.loader-line-wrap:nth-child(5) .loader-line {
    border-color: #4747ea;
    height: 34px;
    width: 34px;
    top: 35px
}

.loader-inner p {
    margin-top: 117px
}

@keyframes spin {
    0%, 15% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.import-text-classa {
    display: none;
}

.import-text-class {
    padding: 24px 24px;
    display: none;
}

.import-text-classb {
    display: block;
}

.import-text-class .textChild {
    margin-bottom: 24px
}

.import-text-class input.input-plus {
    padding-left: 15px;
    padding-right: 15px;
    width: 446px;
    height: 32px;
    outline: 0;
    border-radius: 3px;
    box-shadow: none;
    border: none;
    border: 1px solid #dfdfdf
}

.text-bqchild {
    width: 100px;
    height: 30px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px
}

.text-bj {
    max-width: 449px;
    display: inline-block;
    max-height: 120px;
    overflow-y: auto
}

.text-bj > span {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px
}

.textChild .text-tj {
    display: inline-block;
    width: 100px;
    height: 30px;
    border: 1px dashed #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    vertical-align: top
}

.import-text-class .text-i {
    vertical-align: top;
    margin-top: 2px;
    text-align: right
}

.text-bj i {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #e9e9e9;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    top: 0;
    right: 0
}

.text-bj i:hover {
    color: #db0808;
    background: #f1c7c7
}

.text-type .schoolList-d {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 32px
}

.text-type .schoolList-d > span {
    width: 252px;
    height: 32px;
    display: inline-block;
    cursor: pointer
}

.text-type .schoolList-d > span span {
    display: inline-block;
    width: 252px;
    height: 32px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 32px;
    padding-left: 8px;
    padding-right: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #cfcfcf;
    cursor: pointer
}

.text-type .schoolList-d > span i {
    display: inline-block;
    width: 15px;
    height: 8px;
    position: absolute;
    background: url(../images/arrow.png) no-repeat;
    right: 8px;
    top: 11px;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

.text-type .schoolList-d > span.on i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.text-type .schoolList-d ul {
    position: absolute;
    width: 252px;
    border: 1px solid #d9d9d9;
    top: 32px;
    border-top: 0;
    display: none;
    z-index: 9999;
    max-height: 161px;
    overflow-y: scroll
}

.text-type .schoolList-d ul li {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.text-type .schoolList-d ul li:hover {
    background: #e6f7ff
}

.text-type .schoolList-d ul li.on {
    background: #e6f7ff
}

.textChild textarea {
    width: 446px;
    height: 200px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#uploadExtro {
    cursor: pointer
}

.showFileName {
    margin-top: 5px;
    max-width: 394px;
    margin-left: 75px
}

.showFileName .p-span {
    display: inline-block;
    position: relative;
    padding: 10px;
    padding-right: 25px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px dashed transparent
}

.showFileName i {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #e9e9e9;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    top: 0;
    right: 0
}

.showFileName .p-span:hover {
    border: 1px dashed #1890ff
}

.showFileName i:hover {
    color: #db0808;
    background: #f1c7c7
}

.showFileName p {
    color: #1890ff
}

.pageImg .up-v-detail {
    top: 0
}

.pageImg .loadVedio {
    display: none;
}


/*视频详情*/
.pageDetail {
    font-size: 16px
}

.pageTitle {
    margin-top: 35px;
    width: 100%;
    text-align: center;
    font-size: 38px
}

.pageDetail {
    padding-top: 38px;
    padding-right: 146px;
    padding-bottom: 38px;
    padding-left: 146px;
    background: #fff
}

.pageOnTime {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
    color: #999;
    text-align: center;
    font-size: 13.99px
}

.vedioUrl {
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
    font-size: 16px
}

.vedioCont {
    margin-bottom: 25px;
    width: 100%;
    text-align: center
}

.vedioCont > img {
    width: 640px;
    height: 340px
}

.vedioUrl a {
    color: #1890ff;
    text-decoration: underline
}

.pageDetail .video-js {
    width: 600px;
    height: 300px
}

.pageOnTime img {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle
}

.pageOnTime .author {
    margin-right: 5px;
    margin-left: 5px
}

.pageDetail .enclosure {
    margin-top: 30px;
    margin-bottom: 25px;
    color: #999
}

.pageDetail .enclosure a {
    color: #1890ff;
    text-decoration: underline
}

.pageDetail .labelDiv span {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f7f7f7;
    font-size: 16px
}

.college-item table {
    width: 100%
}

.college-item table th, td {
    text-align: center
}

.college-item table tr:first-child {
    border: 1px solid #d9d9d9;
    background: #fafafa
}

.college-item table tr:hover {
    background: #fafafa
}

.college-item table tr {
    height: 54px;
    border-bottom: 1px solid #d9d9d9;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.college-item.tebledPrev {
    border-top: none
}

/*校园微主页*/
.weiMain {
    padding: 10px 20px
}

.weiMain > h2 {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 38px
}

.weiMain .fbTime {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9
}

.weiMain .schoolDesc {
    padding: 24px
}

.fbTime-s, .fbTime-t {
    display: inline-block;
    margin-right: 10px;
    color: #c5c5c5
}

.fbTime-s:before {
    display: inline-block;
    width: 14px;
    height: 10px;
    background: url(../images/see_03.png) no-repeat left center;
    content: ''
}

.fbTime-t:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/time_03.png) no-repeat left center;
    content: ''
}

.bjSchoolInfo {
    display: inline-block;
    margin-left: 50%;
    color: #3ba0ff;
    font-size: 14px;
    cursor: pointer
}

.bjSchoolInfo:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/bianji._03.png) no-repeat left center;
    content: ''
}

.enrolNews .searchInfo {
    padding: 0
}

.enrolNews .vedioType {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none
}

.enrolNews .fbTime {
    margin-bottom: 20px
}

.enrolNews .search-form {
    margin-bottom: 20px;
    width: 429px
}

.enrolNews .search-form .text {
    width: 370px
}

.enrolNews .selected-tip {
    margin: 0
}

.enrolNews .w72 {
    width: 45%
}

.enrolNews .w72 p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.enrolNews .w20 {
    width: 33%
}

.enrolNews .question-title .time-sort .time.on:after, .enrolNews .question-title .time-sort .time.on:before {
    border: 0
}

.enrolNews .item-action, .enrolNews .item-content {
    display: inline-block;
    height: 54px;
    line-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.enrolNews .item-content p {
    width: 100%;
    line-height: 54px;
}

.enrolNews .question-list {
    padding: 0
}

.enrolNews .question-list .select {
    margin-top: 21px
}

.enrolNews .qustion-list-content {
    overflow-y: auto;
    max-height: 329px
}

.enrolNews .question-content {
    margin-top: 0
}

.enrolNews .vedioType li {
    margin-right: 10px
}

.weiMain .material-cont-main {
    padding: 0
}

.weiMain .search-form {
    margin-top: 20px;
    margin-bottom: 25px
}

.addBooks {
    padding: 24px;
    padding-left: 50px;
}

.addBooks > div {
    margin-bottom: 20px
}

.addBooks textarea {
    width: 300px;
    border: 1px solid #d9d9d9;
    vertical-align: top
}

.addBooks .ckbook > div {
    line-height: 22px;
    width: 70%;
    padding-bottom: 16px;
    color: rgba(0, 0, 0, .65);
    display: table-cell;
}

.loadcamp {
    display: none;
    padding: 24px
}

.loadcamp .vedioType {
    margin-bottom: 0;
    border-bottom: none
}

.loadcamp .search-form .text {
    width: 293px
}

.loadcamp .search-form {
    width: 350px
}

.loadcamp .fbTime {
    margin-bottom: 12px
}

.loadcamp .pageTime {
    width: 228px
}

.loadcamp .vedioList {
    background: #fff
}

.loadcamp .vedioList .textTitle {
    margin: 13px auto 8px;
    font-size: 14px
}

.loadcamp .vedioList li {
    position: relative
}

.loadcamp .vedioList li i {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #fff;
    text-align: center;
    line-height: 13px;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -ms-transition: all .3s
}

.loadcamp .vedioList li.on i {
    display: inline-block;
    background: #1890ff;
    opacity: 1
}

.wei-s-info {
    margin-top: 10px;
    margin-bottom: 16px
}

.wei-s-info:first-child {
    margin-top: 15px
}

.wei-s-tab thead {
    background: #e6f7ff
}

.wei-s-tab tbody tr:hover {
    background: #e6f7ff
}

.campusSec {
    padding: 10px 20px
}

.campusSec .searchInfo {
    padding: 0
}

.campusSec .vedioList {
    margin-top: 16px;
}

.loadcamp .selectall {
    padding-right: 5px;
    padding-left: 5px;
    width: 70px;
    height: 32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 32px;
    cursor: pointer;
    user-select: none
}

.loadcamp .selectall i {
    display: inline-block;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -ms-transition: all .3s
}

.loadcamp .selectall i img {
    margin-top: 2px;
    margin-left: 1px
}

.loadcamp .selectall i img {
    display: none
}

.loadcamp .selectall.on i {
    border-color: #1890ff;
    background: #1890ff
}

.loadcamp .selectall.on i img {
    display: block
}

.loadcamp li {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -ms-transition: all .3s
}

.loadcamp li.on {
    border: 1px solid #1890ff
}

.loadcamp li:hover {
    box-shadow: none
}

.custom-i {
    width: 540px;
    height: 32px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 32px
}

.custom-t {
    width: 540px;
    height: 300px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.zdyDiv {
    padding: 20px
}

.zdyDiv .savebtn {
    display: inline-block;
    margin: 5px 5px 0;
    margin: 10px 244px;
    padding: 0 15px;
    height: 28px;
    border-color: #1E9FFF;
    border-radius: 2px;
    background-color: #1E9FFF;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    line-height: 28px;
    cursor: pointer
}

.enrolNews .pageTime {
    width: 228px
}

.import-pro-class .input-child-r .zydm, .zylx-i, .zymc {
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.zydm:focus, .zymc:focus {
    border-color: #40a9ff;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
}

.searchInfo-con {
    padding: 24px;
    background: #fff
}

.text-default {
    display: inline-block;
    height: 32px;
    line-height: 32px
}

input[type=text][disabled] {
    cursor: not-allowed
}

input.disalled-i {
    color: #d9d9d9
}

.title.text-default {
    line-height: 22px;
    padding-bottom: 16px;
    margin-right: 8px;
    color: rgba(0, 0, 0, .85);
    white-space: nowrap;
    width: 100px;
    text-align: right;
}

.infoPart {
    margin-right: 10px;
}

td, th {
    padding: 15px;
    word-break: break-all;
}

.wei-s-info > span:first-child {
    width: 87px;
    text-align: right;
    display: inline-block
}

#pickerImg {
    position: relative
}

#pickerImg input {
    top: 0 !important;
    left: 0 !important
}

#pickerImg img {
    margin-left: 0 !important
}

#pickerImg div:nth-child(2) {
    opacity: 0 !important
}


/* 登录 */
.login-title {
    font-size: 48px;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-top: 40px;
}

.login-brief {
    color: #fff;
    font-size: 28px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.login-box {
    width: 60%;
    max-width: 500px;
    background: #fff;
    margin: 100px auto 0;
    position: relative;
    padding-bottom: 20px;
}

.login-box .tab {
    width: 100%;
    overflow: hidden;
    height: 77px;
}

.login-box .tab a {
    display: inline-block;
    margin: 3% 14%;
    width: 20%;
    height: 45px;
    border-bottom: 2px solid #fff;
    text-align: center;
    line-height: 45px;
}

.login-box .tab a.on {
    color: #2593fc;
    border-color: #2593fc;
    font-size: 20px;
}

.login-con .item {
    text-align: center;
    width: 370px;
    margin: 0 auto;
    margin-top: 30px;
}

.login-con img {
    display: block;
    border: 1px solid #dfdfdf;
    width: 200px;
    margin: 20px auto;
}

.login-con .item p {
    font-size: 18px;
}

.login-con .item .error {
    height: 30px;
    line-height: 30px;
    color: red;
    text-align: left
}

.login-con .item .item-con {
    width: 100%;
    height: 48px;
    border: 1px solid #dfdfdf;
    padding-left: 36px;
    border-radius: 3px;
    position: relative
}

.login-con .item .item-con input {
    height: 100%;
    width: 330px;
}

.login-con .item .item-con a {
    display: block;
    width: 100%;
    height: 48px;
    background: #2593fc;
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    border-radius: 3px;
}

.login-con .item .forget {
    text-align: right;
}

.login-con .item .forget a {
    color: #2593fc;
}

.login-con .item .login-btn {
    border: none;
    padding: 0;
    margin-top: 20px;
    border-radius: 3px;
}

.login-con .item .item-con em {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 16px;
    height: 18px;
    background: url(../images/user.png)
}

.login-con .item .item-con em.password {
    background: url(../images/password.png)
}

.login-con .item .item-con em.yanzheng {
    background: url(../images/yanzheng.png)
}

.login-con .item-con.yanzheng-box input {
    width: 217px;
    float: left;
}

.login-con .item-con.yanzheng-box span {
    display: inline-block;
    width: 113px;
    border-left: 2px solid #dfdfdf;
    height: 46px;
    text-align: center;
}

.login-con .item-con.yanzheng-box span img {
    width: 112px;
    height: 46px;
    vertical-align: top;
    cursor: pointer;
    margin: 0;
    border: 0;
}

.bottom_container {
    position: absolute;
    bottom: 35px;
    width: 100%;
    text-align: center;
    color: #fff
}

.login-icon {
    width: 121px;
    height: 107px;
    position: absolute;
    top: -63px;
    left: 50%;
    margin-left: -60px;
    background: url(../images/login-icon.png)
}

.xylb .text, .zylx .text, .zysx .text {
    line-height: 32px;
    display: inline-block;
    float: left
}

.schoolList-d {
    margin-bottom: 20px;
}

.xylb {
    margin-top: 20px;
}

.search-scroe .layui-form {
    margin-bottom: 20px;
}

.item-row > input {
    margin-bottom: 20px;
}

.fbTime {
    margin-bottom: 20px;
}

.material .search-form {
    margin-bottom: 20px;
}

.xylb > input {
    margin-bottom: 20px;
}

#listPage {
    background: #FFF;
}


/* 2.0版本 */
.head2 {
    height: 65px;
}

.content2 {
    padding-left: 220px;
    padding-bottom: 50px;
    background: #f0f2f5;
    overflow: hidden;
    transition: all .3s;
    position: relative;
}

.top-part2 {
    background: #FFF;
    padding: 0 20px;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
}

.top-part2 .bread {
    margin-top: 10px;
}

.maincon2 {
    background: #fff;
    margin: 20px 20px 0;
}

.page-content2 {
    width: 100%;
    height: 400px;
}

.newleft2 .nav-item .show-menu > li span:before {
    display: none;
}

.newleft2 .nav-item .show-menu > li span {
    margin-left: 30px;
}

.nav .newleft2 a, .newleft2 .nav-item > div {
    padding-left: 0px;
}

.nav .newleft2 .show-menu a {
    padding-left: 25px;
}

.icon_21::after {
    content: "\e61e";
    font-size: 24px;
}

.icon_22::after {
    content: "\e61f";
    font-size: 24px;
}

.icon_23::after {
    content: "\e620";
    font-size: 24px;
}

/* 操作日志 */
.oplog {
    width: 100%;
    box-sizing: border-box;
}

.oplog .thead {
    background-color: #f0f2f5;
    border-bottom: 1px solid #e9e9e9;
}

.oplog .thead th {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    text-align: center;
}

.oplog .thead th:nth-child(1) {
    width: 15px;
}

.oplog .thead th:nth-child(2) {
    width: 8px;
}

.oplog .thead th:last-child {
    width: 15px;
}

.oplog tr td:nth-child(2) {
    text-align: left;
    padding: 0;
    position: relative;
    /* overflow: hidden; */
}

.oplog tr td:nth-child(2) span {
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    z-index: 9;
}

.oplog tr.true td:nth-child(2) span {
    background: url('../images/a1.png') no-repeat;
    background-size: contain;
}

.oplog tr.false td:nth-child(2) span {
    background: url('../images/a2.png') no-repeat;
    background-size: contain;
}

.oplog tr td:nth-child(2) i {
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #d9d9d9;
    top: 0;
    left: 4px;
    z-index: 8;
}

.oplog tr:nth-child(2) td:nth-child(2) i {
    top: 50%;
}

.oplog tr:last-child td:nth-child(2) i {
    display: none;
}

.oplog tr:nth-last-child(2) td:nth-child(2) i {
    top: -50%;
}

.oplog tr td:nth-child(3) {
    position: relative;
}

.oplog tr td:nth-child(3) span {
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url('../images/a3.png') no-repeat;
    background-size: contain;
}

.oplog tr td:nth-child(3) span.off {
    background: url('../images/a4.png') no-repeat;
    background-size: contain;
}

.oplog tr td:nth-child(5) i {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 6px;
    position: relative;
    top: -2px;
}

.oplog tr.true td:nth-child(5) i {
    background-color: #5ec82a;
}

.oplog tr.false td:nth-child(5) i {
    background-color: #f5222d;
}

.oplog tr td:nth-child(7) {
    max-width: 200px;
}

.oplog tr td:nth-child(n+3) {
    border-bottom: 1px solid #e9e9e9;
}

.oplog tr td:last-child {
    border: none;
}

.oplog .t {
    display: none;
}

.oplog .t td:nth-child(3) {
    text-align: left;
    background-color: #fafafa;
}


/* 导师库 */
.teacher-base-box span.text {
    width: 80px;
    text-align: right
}

.school-notice a {
    color: #1e90fd;
    text-decoration: underline
}

.schoolAP .teacher-btn button {
    margin-right: 5px;
}

.schoolAP .teacher-btn button.import {
    background: none;
    border: 1px solid #dfdfdf;
    margin: 0 10px;
    color: #333
}

em.tip-gt {
    position: relative;
    cursor: pointer;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    margin-top: 10px;
    text-align: center;
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 12px;
}

table i {
    cursor: pointer
}

em.tip-gt i {
    position: absolute;
    width: 380px;
    left: -187px;
    top: -50px;
    padding: 10px 0;
    border-radius: 3px;
    color: #fff;
    font-style: normal;
    background: rgba(0, 0, 0, .6);
    display: none
}

em.tip-gt i img {
    position: absolute;
    left: 190px;
    top: 35px;
}

.schoolAP .teacher-btn span {
    display: inline-block;
    padding: 4px 15px 8px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    margin-left: 5px;
    font-size: 14px;
    position: relative
}

.schoolAP .teacher-btn span:hover {
    border-color: #039cf9;
    color: #039cf9
}

.teacher-btn {
    margin-bottom: 20px;
    position: relative
}

.teacher-btn img {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.teacher-info {
    font-size: 18px;
    padding: 20px 0;;
}

.teacher-info .line {
    width: 1px;
    height: 50px;
    background: #dfdfdf;
    margin-top: 40px;
}

.teacher-info .num {
    font-weight: bold
}

.teacher-info .num {
    font-size: 24px;
}

.teacher-info .num a {
    color: #1e90fd;
    text-decoration: underline;
    font-size: 24px;
}

.teacher-info .all {
    font-size: 24px;
}

.teacher-info .brief {
    font-size: 14px;
}

.teacher-info .item {
    width: 20%;
    text-align: center;
    margin-top: 32px;
    color: #666
}

.teacher-info a {
    color: #039cf9;
    font-size: 14px;
}

.teacher-info a.link {
    text-decoration: underline
}

.teacher-info .preview {
    line-height: 30px;
}

.teacher-info .preview a {
    width: 36px;
    height: 18px;
    font-size: 12px;
    margin-top: 6px;
    text-align: center;
    line-height: 18px;
    border-radius: 3px;
    border: 1px solid #039cf9;
    margin-left: 8px;
}

.teacher-info .preview a.copy {
    background: #039cf9;
    color: #fff
}

.teacher-info span {
    font-size: 14px;
    text-align: center;
    vertical-align: middle
}

.teacher-info .code-look {
    position: relative
}

.teacher-info .code-look a {
    text-decoration: underline;
    margin: 0 6px;
}

.teacher-info .code-down {
    position: absolute;
    top: 20px;
    left: -20px;
    padding: 20px 0;
    z-index: 100;
    display: none
}

.teacher-info .code-down .con {
    position: relative;
    width: 306px;
    height: 175px;
    padding: 18px 0;
    filter: drop-shadow(0 0 4px #ccc);
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}

.teacher-info .code-down .itemx {
    width: 33%;
    text-align: center;
}

.teacher-info .code-down .itemx span, .teacher-info .code-down .itemx a {
    display: block
}

.teacher-info .down-brief {
    display: block;
    width: 215px;
    height: 82px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
}

.teacher-info .code-down .con:before {
    content: "";
    position: absolute;
    left: 146px;
    top: -10px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 10px solid #fff;
}

.teacher-info .code-down .con:after {
    content: '';
    position: absolute;
    left: 144px;
    top: -7px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 10px solid #fff;
}

.teacher-info .code-look:hover .code-down {
    display: block
}

/* .teacher-info div.fn-left:nth-last-child(1){margin-left:8%} */
.teacher-base-box th, .teacher-base-box td {
    text-align: left
}

.teacher-base-box .layui-table {
    border: none !important
}

.teacher-base-box .layui-table a.more {
    position: relative
}

.teacher-base-box .layui-table td, .layui-table th {
    height: 35px;
    line-height: 35px;
}

.teacher-base-box .layui-table th {
    font-weight: bold
}

.teacher-base-box .layui-table .action a {
    color: #039cf9;
    margin: 0 10px;
}

.teacher-base-box .layui-table .action a:first-child {
    margin-left: 0
}

.teacher-base-box .layui-table .action {
    color: #ccc
}

.teacher-base-box .point {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f5222d;
    margin: -5px 5px 0 0;
    vertical-align: middle
}

.teacher-base-box .point.on {
    background: #5ec829
}

.teacher-base-box .select {
    width: 12px;
    height: 12px;
    border: 1px solid #d9d9d9;
    border-radius: 1px;
    margin-top: 20px;
    display: inline-block;
    cursor: pointer
}

.ant-table-filter-dropdown {
    margin-left: 0
}

.ant-dropdown {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.ant-table-filter-dropdown {
    box-shadow: none
}

.teacher-base-box .select.on {
    border: 0;
    background: url('../images/select-on.png');
    background-size: 100%
}

.teacher-base-box .select.active {
    border: 0;
    background: url('../images/select-notall.png');
    background-size: 100%
}

.teacher-base-box .layui-table td, .teacher-base-box .layui-table th {
    padding: 9px
}

.all-action-box {
    position: absolute;
    text-align: center;
    line-height: 32px;
    left: -25px;
    top: 35px;
    z-index: 10;
    display: none;
    padding: 6px;
}

.all-action-box .con {
    width: 90px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(82, 81, 81, 0.3);
}

.all-action-box span, .all-action-box a {
    display: block;
    color: #999;
    cursor: pointer
}

.all-action-box a:hover, .all-action-box span:hover {
    background: #e7f7ff
}

.teacher-base-box .layui-table .all-action-box {
    top: 20px;
}

.upload-step .step {
    position: relative;
    padding: 0.1px;
}

.upload-step .step .text a {
    color: #039cf9
}

.upload-step .step-img {
    display: block;
    margin: 20px auto 10px;
}

.upload-step .step-title {
    width: 240px;
    margin: 0 auto
}

.upload-step .step-title span {
    float: left;
    width: 50%;
    text-align: center;
}

.upload-step .download, .range-box .download {
    text-align: center;
    padding: 30px 0
}

.upload-step .download a，.range-box .downloa a {
    color: #039cf9;
    text-decoration: underline
}

.upload-step .import-all-box .import-btn a.upload {
    float: inherit;
    display: inline-block
}

.upload-step .import-all-box {
    margin-bottom: 20px;
}

.upload-step .upload-progress {
    width: 410px;
    margin: 30px auto;
    color: #999;
    position: relative
}

.upload-step .progress {
    width: 410px;
    height: 3px;
    background: #f4f4f4;
}

.upload-step .progress .con {
    height: 3px;
    background: #039cf9
}

.upload-step .upload-progress img {
    position: absolute;
    left: -20px;
    top: 0;
}

.upload-step .upload-progress .close {
    right: 0px;
    top: 0;
    left: auto;
    cursor: pointer
}

.upload-step strong, .range-box .step3 strong {
    display: block;
    font-size: 18px;
    line-height: 40px;
}

.upload-step .img-title {
    margin-top: 10px;
}

.range-box .step {
    position: relative
}

.range-box ul {
    padding-left: 80px;
}

.range-box li {
    cursor: pointer
}

.range-box .select {
    margin-right: 22px;
}

.range-box .title {
    margin: 0px 0 -10px;
    padding-top: 20px;
}

.range-box2 strong {
    margin-left: 15px;
}

.range-box .title strong {
    margin-left: 5px;
}

.range-box .title span {
    color: #333;
    font-weight: bold
}

.range-box li a {
    display: inline-block;
    border: 1px solid #dfdfdf;
    padding: 0 5px;
    border-radius: 3px;
    font-size: 12px;
    margin-top: 20px;
    margin-right: 5px;
}

.range-box .download a {
    color: #039cf9
}

.range-box small, .upload-step .step small {
    position: absolute;
    left: 80px;
    top: -29px;
    color: #999
}

.btn-creat {
    width: 100%;
    padding: 25px 20px;
    text-align: right
}

.btn-creat a {
    display: inline-block;
    margin-right: 5px;
    border-radius: 3px;
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #ccc;
}

.btn-creat a.on {
    background: #039cf9;
    color: #fff;
    border-color: #039cf9
}

.layui-table-body .table-btn {
    margin: 0 10px;
    color: #039cf9
}

.layui-table-body .shenhe {
    margin-left: 0
}


/* 基础信息 */
.content2 .baseInfo .edit {
    width: 100%;
    height: 50px;
    text-align: right;
    background: #f0f2f5;
}

.content2 .baseInfo .edit a {
    display: inline-block;
    vertical-align: middle;
    background: #1890ff;
    color: #fff;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 3px;
}

.content2 .baseInfo .edit a::before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    margin-top: -2px;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url(../images/edit.png)
}

.content2 .baseInfo a.save-btn::before {
    background: url(../images/save.png);
}

.content2 .baseInfo a.save-btn, .content2 .baseInfo a.cancel {
    display: none
}

.content2 .baseInfo a.cancel::before {
    display: none
}

.content2 .baseInfo a.cancel {
    border: 1px solid #dfdfdf;
    background: none;
    color: #999;
    margin-right: 20px;
}

.content2 .baseInfo .list .item, .zhInfo .list .item {
    line-height: 80px;
    border-bottom: 1px solid #dfdfdf
}

.content2 .baseInfo .list strong {
    display: inline-block;
    width: 120px;
    text-align: right;
    font-size: 14px;
}

.content2 .baseInfo .list em {
    color: #666
}

.content2 .baseInfo .list .update {
    color: #c1c1c1
}

.content2 .baseInfo .list input {
    width: 240px;
    height: 32px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding: 0 10px;
    line-height: 32px;
    display: none
}

.content2 .baseInfo .list input:focus {
    border-color: #039cf9
}

/* 账号设置 */
.content2 .zhInfo .list .item {
    padding: 20px 30px;
    line-height: 60px
}

.content2 .zhInfo .list .brief {
    line-height: 30px;
}

.content2 .zhInfo .list .brief .top {
    font-weight: bold
}

.content2 .zhInfo .list .brief .bot {
    color: #c2c2c2
}

.content2 .zhInfo .list .update {
    color: #c1c1c1
}

.content2 .zhInfo .list a {
    color: #039cf9
}

/*账号设置弹出层*/
.tip-page {
    padding-top: 50px;
    padding-left: 111px;
}

.wx-tip img {
    width: 146px;
    height: 146px;
    display: inline-block
}

.wx-tip .wx-text {
    display: inline-block;
    margin-left: 40px;
    line-height: 2;
    font-size: 16px;
    vertical-align: middle
}

.saoesc {
    font-size: 14px;
    width: 146px;
    text-align: center;
    margin-top: 5px;
}

.wx-untip {
    line-height: 3;
    text-align: center;
    padding-top: 45px;
    font-size: 14px;
}

.prog-tab {
    margin-top: 34px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
}

.prog-tab .tab-item {
    font-size: 17.11px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #bebebe;
    color: #999;
    text-align: center;
    line-height: 40px;
}

.prog-tab .tab-item.on {
    border-color: #1890ff;
    color: #fff;
    background: #1890ff
}

.prog-tab .tab-line {
    margin-top: 19.5px;
    height: 1px;
    width: 142px;
    background: #e8e8e8;
    display: inline-block;
}

.tab-text {
    color: #000;
    width: 430px;
    margin: 10px auto;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
}

.tab-text .text-item:nth-child(1) {
    width: 154px;
}

.tab-text .text-item:nth-child(2) {
    width: 177px;
}

.tab-text .text-item:nth-child(3) {
    width: 45px;
}

.input-box-con {
    padding-top: 30px;
}

.con-tel {
    padding-top: 10px;
}

.input-box {
    text-align: center;
    margin-top: 20px;
}

.change-tel {
    padding-left: 110px;
}

.change-tel .input-box {
    text-align: left;
}

.input-box input:not(.getasc) {
    width: 199px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ececec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 5px;
}

.forget-pwd {
    width: 199px;
    margin-left: 267px;
}

.forget-pwd span {
    float: left;
    margin-top: 8px;
}

.forget-pwd span:not(.wrong-pwd) {
    color: #adadad;
    text-decoration: underline;
    float: right;
    cursor: pointer;
}

.forget-pwd span.wrong-pwd {
    color: #e60012;
    display: none;
}

.input-box input.wrong-int {
    border-color: #e60012
}

.pwd-yizhi {
    display: none;
}

.change-con {
    text-align: center
}

.shizhi-suc {
    margin-top: 30px;
}

.suc-change {
    color: #333;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 20px;
    font-weight: bolder
}

.auto-change {
    color: #999;
}

.text-tel {
    width: 424px;
}

.text-tel .text-item:nth-child(2) {
    width: 170px;
}

.change-tel .input-box label {
    width: 84px;
    display: inline-block;
    text-align: right;
}

.getasc {
    display: inline-block;
    margin-left: 10px;
    width: 95px;
    height: 32px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    background: #1890ff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.getasc:hover {
    color: #fff;
}

.getasc.disabled {
    background: #d2d2d2;
}

.input-box .tel-now {
    width: 204px;
}

.asc-wrong {
    color: #e60012;
    margin-left: 84px;
    margin-top: 5px;
    display: none;
}

.asc-sucget {
    display: none;
    color: #e60012;
    margin-left: 84px;
    margin-top: 5px;
}

.tel-old {
    color: #666
}

.input-box .tel-new {
    width: 309px;
}

.success-tel {
    text-align: center
}

.con-email {
    padding-top: 44px;
}

.con-email .input-box .tel-new {
    width: 371px;
}

.con-email .input-box .tel-now {
    width: 266px;
}

.success-eamil {
    margin-top: 35px;
    text-align: center
}

.ediemail-again {
    color: #1890ff;
    text-decoration: underline;
    cursor: pointer;
}

.content2 .zhInfo .list a {
    color: #039cf9
}

.content2 .zhInfo .list a {
    color: #039cf9
}

/**导师库后台登录页**/
.login-top {
    height: 60px;
    line-height: 60px;
    background: #001529;
    color: #fff;
    font-size: 24px;
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1000px;
    z-index: 1000
}

.login-top > div {
    width: 1200px;
    margin: 0 auto;
}

.login-top img {
    vertical-align: middle;
    margin-right: 10px;
}

.content-box {
    background: url(../images/teachBg.png) no-repeat;
    background-size: cover;
    min-width: 1000px;
}

.teach_content {
    width: 980px;
    height: 420.75px;
    margin: 0 auto;
    box-shadow: 0 0 30px #cbf1fd;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -490px;
    margin-top: -212.375px;
}

.teach_content .login-content {
    width: 500px;
    height: 100%;
    background: #fff;
    padding: 24px 71px 87px;
}

.teach_content .login-content .choose-type span {
    width: 136px;
    text-align: center;
    font-size: 18px;
    color: #333;
    display: inline-block;
    margin-right: 40px;
    line-height: 48px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.teach_content .login-content .choose-type span.on {
    color: #2780f9;
    border-bottom: 2px solid #2780f9;
}

.login-item:nth-child(1) {
    display: none;
}

.login-item {
    margin-top: 16px;
    width: 368px;
}

.login-item.account {
    margin-top: 32px;
}

.login-item div {
    text-align: center;
    font-size: 18px;
}

.login-item .code-box {
    width: 200px;
    height: 200px;
    border: 1px solid #dfdfdf;
    margin: 20px auto;
    padding: 1.5px;
}

.login-item .code-box canvas {
    margin-top: 18px;
}

.login-item img {
    width: 195px;
    height: 195px;
}

.login-item .item-con {
    width: 100%;
    height: 40px;
    border: 1px solid #dfdfdf;
    padding-left: 36px;
    border-radius: 3px;
    position: relative
}

.login-item .item-con input {
    height: 100%;
    width: 330px;
    padding: 0 5px 0 0;
}

.login-item .item-con em {
    position: absolute;
    left: 10px;
    top: 11px;
    width: 16px;
    height: 18px;
    background: url(../images/user.png)
}

.login-item .item-con em.password {
    background: url(../images/password.png)
}

.login-item .item-con em.yanzheng {
    background: url(../images/yanzheng.png)
}

.login-item .item-con.yanzheng-box input {
    width: 217px;
    float: left;
}

.login-item .item-con.yanzheng-box span {
    display: inline-block;
    width: 113px;
    border-left: 2px solid #dfdfdf;
    text-align: center;
}

.login-item .item-con.yanzheng-box span img {
    width: 100%;
    height: 38px;
    vertical-align: top;
    cursor: pointer;
}

.login-item .error {
    height: 30px;
    line-height: 30px;
    color: red;
    text-align: left;
    font-size: 12px;
}

.login-item .fogetpwd {
    display: block;
    text-align: right;
    color: #2593fc;
    font-size: 14px;
}

.teach-login-in {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #2593fc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
}

.login-bottom {
    width: 100%;
    min-width: 1000px;
    height: 72px;
    line-height: 25px;
    padding: 11px 0;
    text-align: center;
    background: #f0f2f5;
    font-size: 14px;
}

.teach_content > img {
    width: 480px;
}

/*重置密码*/

.reset-header {
    position: fixed;
    top: 0;
    width: 100%;
}

.reset-header .header-bottom {
    height: 23px;
    background: #f0f2f5;
    background: -moz-linear-gradient(top, #f0f2f5 60%, #eceef1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #f0f2f5), color-stop(100%, #eceef1));
    background: -webkit-linear-gradient(top, #f0f2f5 60%, #eceef1 100%);
    background: -o-linear-gradient(top, #f0f2f5 60%, #eceef1 100%);
    background: -ms-linear-gradient(top, #f0f2f5 60%, #eceef1 100%);
    background: linear-gradient(to bottom, #f0f2f5 60%, #eceef1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f2f5', endColorstr='#eceef1', GradientType=0);
}

.reset-header .header {
    height: 60px;
    line-height: 60px;
    background: #001529;
    color: #fff;
    font-size: 24px;
    text-align: left;
    padding-left: 20px;
}

div.reset-footer {
    position: fixed;
    bottom: 0;
    font-size: 14px;
    color: #464646;
    width: 100%;
    line-height: 80px;
    background: #f0f2f5;
    bottom: 0;
    text-align: center;
    background: -moz-linear-gradient(bottom, #f0f2f5 80%, #edeff2 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #f0f2f5), color-stop(100%, #eceef2));
    background: -webkit-linear-gradient(bottom, #f0f2f5 80%, #eceef2 100%);
    background: -o-linear-gradient(bottom, #f0f2f5 60%, #eceef1 100%);
    background: -ms-linear-gradient(top, #f0f2f5 80%, #eceef2 100%);
    background: linear-gradient(to top, #f0f2f5 80%, #eceef2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eceef2', endColorstr='#f0f2f5', GradientType=0);
}

:root div.reset-footer {
    filter: none;
}

.reset-con {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -220px;
    transform: translateY(-50%);
    width: 480px;
}

.reset-con .con-type {
    padding-left: 60px;
}

.reset-con .con-type span {
    display: inline-block;
    border-bottom: 2px solid #fff;
    color: #666;
    font-size: 20px;
    margin-right: 50px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    padding: 8px;
}

.reset-con .con-type span.on {
    color: #3a9bfc;
    border-bottom: 2px solid #3a9bfc;
}

.reset-item {
    margin-top: 45px;
}

.reset-item label {
    display: inline-block;
    width: 80px;
    font-size: 14px;
    color: #333;
    float: left;
    line-height: 40px;
}

.reset-item input:not(.get-phone) {
    width: 380px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.reset-item .error {
    padding-left: 64px;
    height: 24px;
    line-height: 24px;
    color: red;
    text-align: left;
    font-size: 12px;
}

.reset-item .tip {
    padding-left: 80px;
    height: 24px;
    line-height: 24px;
}

.reset-item .getcode input:not(.get-phone) {
    width: 257px;
}

.reset-item .getcode .get-phone {
    float: right;
    cursor: pointer;
    width: 112px;
    margin-right: 19px;
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 38px;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.reset-item .reset-btn {
    display: inline-block;
    width: 380px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #3a9bfc;
    margin-left: 60px;
    margin-top: 30px;
}

.reset-item .reset-btn:hover {
    color: #fff;
}

.reset-item .getcode-email input:not(.get-email) {
    float: left;
    width: 266px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.reset-item .getcode-email .get-email {
    float: left;
    width: 113px;
    height: 40px;
    line-height: 39px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border: 1px solid #d6d6d6;
    border-left: none;
}

.reset-item .getcode-email .get-email img {
    width: 100%;
    height: 38px;
    vertical-align: top;
}


/* 导师库前台页面 */
.teaher-base.wrapper {
    width: 1200px;
    margin: 0 auto;
    margin-top: 60px !important;
}

.teaher-base textarea {
    resize: none
}

.login-top .link {
    margin-right: 100px;
}

.login-top .link a {
    float: left;
    font-size: 16px;
    color: #fff;
    margin-right: 80px;
}

.login-top .head-img img, .login-top .head-img2 img {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    vertical-align: middle
}

.login-top .head-img span, .login-top .head-img2 span {
    font-size: 14px;
    color: #fff
}

.login-top .head-img, .login-top .head-img2 {
    position: relative;
    cursor: pointer;
    height: 60px;
    padding-right: 20px;
    background: url(../images/out.png) right 55% no-repeat;
}

.login-top .head-img div, .login-top .head-img2 div {
    position: absolute;
    display: none;
    right: 0px;
    top: 50px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    padding: 0px 21px;
}

.login-top a.create {
    text-decoration: underline;
    font-size: 14px;
    color: #fff;
    margin-right: 30px;
}

.login-top a.btn {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    width: 96px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #fff;
    border-radius: 3px;
}


.teacher-head .head-img {
    position: relative;
    cursor: pointer;
    height: 100px;
    padding-right: 20px;
    background: url(../images/out.png) right 53% no-repeat;
}

.teacher-head .head-img div {
    top: 65px;
}


.head-part {
    width: 1200px;
    height: 305px;
    background: url(../images/top-bg.png) center center;
}

.head-part.on {
    height: 370px;
}

.head-part .name {
    margin: 30px 0;
}

.head-part .info {
    display: none
}

.head-part.on .info {
    display: block
}

.head-part .name strong {
    font-size: 36px;
}

.head-part .name span {
    font-size: 24px;
    margin: 0 30px;
}

.teaher-base .edit {
    color: #1890ff;
    cursor: pointer
}

.teaher-base .edit img {
    margin-right: 10px;
}

.head-part .con {
    position: relative;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    font-size: 16px;
}

.headImg {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #ffff;
    background: #bcbcbc;
    background-size: cover !important;;
    margin-top: 50px;
    overflow: hidden
}

.headImg img {
    margin-top: 30px;
}

.headImg .bg {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    background: rgba(0, 0, 0, .2);
    cursor: pointer
}

.headImg .bg input, .head-part .con .change-bg input {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.headImg:hover .bg {
    display: block !important
}

.head-part .con .back {
    position: absolute;
    left: 35px;
    top: 45px;
}

.head-part .con .back img, .head-part .con .change-bg img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.head-part .con .change-bg {
    position: absolute;
    right: 35px;
    top: 45px;
    width: 104px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #fff;
    line-height: 32px;
}

.head-part .con .change-bg img {
    margin-top: -2px;
}

/* .head-part .con .change-bg */
.head-part .action {
    position: absolute;
    right: 35px;
    top: 225px;
}

.head-part .action a.save, .head-part .action a.webView, .head-part .action .share {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}

.head-part .action a.save {
    border: none;
    width: 80px;
}

.head-part .action .on {
    background: #1890ff;
    width: 80px;
    border-color: #1890ff;
    margin-right: 15px;
}

.teaher-base .block {
    padding-top: 10px;
    background: #f8f9fb;
    padding-bottom: 30px;
}

.teaher-base .headInfo .con {
    margin-left: 120px;
    padding-top: 1px;
}

.teaher-base .block .item .input span {
    font-weight: bold;
    display: inline-block;
    line-height: 32px;
    text-align: right;
    width: 100px;
    float: left;
}

.head-part .action .share {
    position: relative
}

.teaher-base .block span img {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.teaher-base .block span text {
    position: relative;
    margin-right: -3px
}

.teaher-base .block span text q {
    position: absolute;
    left: 10px;
    top: -36px;
    transform: translateX(-50%);
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, .6);
    text-align: left;
    border-radius: 3px;
    display: none;
    width: 140px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
}

.teaher-base .block span text q::after {
    position: absolute;
    left: 46%;
    bottom: -5px;;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-top: 5px solid rgba(0, 0, 0, .6);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.teaher-base .block span text:hover q {
    display: block
}

.teaher-base .block .item {
    margin-top: 30px;
}

.teaher-base .block .item_caf {
    margin-top: 10px;
}

.teaher-base .block input {
    height: 32px;
    padding: 0 10px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    width: 220px;
}

.teaher-base .headInfo textarea {
    width: 800px;
    height: 100px;
    border: 1px solid #dfdfdf;
    padding: 10px;
}

.teaher-base .headInfo .textarea {
    position: relative
}

.teaher-base .headInfo .textarea span {
    position: absolute;
    right: 10px;
    bottom: 4px;
    font-size: 12px;
    color: #999
}

.teaher-base .block .btn {
    text-align: right;
    padding-right: 60px;
    padding-top: 45px;
}

.teaher-base .block .btn a {
    display: inline-block;
    text-align: center;
    width: 65px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dfdfdf;
    color: #999;
    border-radius: 3px;
    margin-left: 10px;
}

.teaher-base .block .btn a.on {
    background: #1890ff;
    color: #fff;
    border-color: #1890ff
}

.teaher-base .block .tip {
    padding-left: 90px;
    font-size: 12px;
    color: #999;
    line-height: 30px;
}

.teaher-base .tab {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
}

.teaher-base .tab a {
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 56px;
    line-height: 56px;
    width: 20%;
    text-align: center;
}

.teaher-base .tab a span {
    display: block;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    border-bottom: 4px solid #ffff
}

.teaher-base .tab a.on span {
    border-bottom: 4px solid #1890ff
}

.teaher-base div.tab.fixed {
    position: fixed;
    width: 1200px;
    top: 60px;
    left: calc((100% - 1200) / 2);
    z-index: 1000
}

.teaher-base .content-base {
    background: #fff;
    margin-top: 20px;
}

.teaher-base .content-base2 .block {
    background: #fff;
    margin: 0 !important;
    padding: 30px !important;
}

.teaher-base .content-base2 .block textarea {
    margin-top: 20px;
}

.teaher-base .content-base2 h3 i {
    top: 0;
    right: 30px;
}

/* .teaher-base .content-base2 p{padding-left:30px; line-height: 80px; display: none} */
.teaher-base .content-base .list {
    padding-top: 1px;
}

.teaher-base .content-base .result {
    line-height: 32px;
    display: none;
    float: left;
    width: 100%;
}

.teaher-base .content-base .result .img{
		max-width: 100%;
}

.teaher-base .content-base .block {
    margin-top: 50px;
    padding: 10px 60px 30px 70px;
}

.teaher-base h3 {
    position: relative;
    width: 100%;
}

.teaher-base h3 em {
    font-size: 60px;
    margin-right: 10px;
    color: #1890ff;
    display: inline-block;
    vertical-align: sub
}

.teaher-base .content-base .block.on {
    background: #fff;
    margin-top: 30px;
}

.teaher-base .content-base .block.on:after {
    content: '';
    width: 1000px;
    height: 0;
    border-bottom: 1px solid #dfdfdf;
    margin: 40px auto 0;
    display: block;
}

.teaher-base h3 {
    font-size: 20px;
    font-weight: bold
}

.teaher-base h3 i {
    position: absolute;
    right: 20px;
    font-style: normal;
    font-size: 16px;
    top: 35px;
    display: none
}

.teaher-base .block h3 input {
    width: 800px;
    font-weight: lighter;
    line-height: 32px;
    float: none;
    position: absolute;
    left: 90px;
    top: 25px;
}

.teaher-base .block h3 span {
    font-size: 12px;
    color: #999;
    width: auto;
    font-weight: lighter;
    float: none
}

.teaher-base .block h3 img {
    margin: 0 10px;
    cursor: pointer
}

.teaher-base .item {
    padding-left: 30px;
}

.content-base .block.on h3 text img, .content-base .block.on .btn, .content-base .block.on h3 em, .content-base .block.on h3 span, .content-base .block.on .tip {
    display: none
}

.content-base .block.on .edit {
    display: block
}

.content-base .block.on span img {
    display: none
}

.content-base .block.on .item .input:first-child {
    width: 576px !important;
}

.content-base .block.on h3 i {
    top: 0
}

.content-base .block.on h3 b {
    display: block
}

.content-base .block.on h3 input {
    display: none
}

/* .teaher-base .item:first-child{width: 580px} */
/* .teaher-base .item .input:last-child{margin-left:100px;} */
.teaher-base .item .input:first-child {
    margin-left: 0px;
    width: 576px;
}

.teaher-base .content-base span {
    float: left
}

.teaher-base .content-base .item span {
    float: none;
}

.teaher-base .content-base input {
    float: left
}

.teaher-base .select {
    position: relative;
    width: 128px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding-left: 8px;
}

.teaher-base .select text {
    display: block;
    cursor: pointer;
    width: 125px;
    height: 100%;
    border-radius: 3px;
    border: 1px solid #dfdfdf
}

.teaher-base .select ul {
    position: absolute;
    left: 8px;
    top: 34px;
    width: 125px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    display: none;
    background: #f8f9fb;
    z-index: 100
}

.teaher-base .select text img {
    margin-left: 10px;
}

.teaher-base .select ul li {
    cursor: pointer
}

.teaher-base .content-base .btn {
    padding-right: 0
}

.teaher-base .content-base textarea {
    width: 800px;
    padding: 10px;
    height: 400px;
    border: 1px solid #dfdfdf;
    margin-left: 60px;
}

.teaher-base .input em {
    margin: 0 10px;
    color: #999;
    line-height: 32px;
}

.teaher-base .input .tel {
    width: 56px;
}

.teaher-base .input p {
    white-space: nowrap;
    line-height: 32px;
    font-size: 12px;
    color: #999
}

.teaher-base .input .icon {
    margin-top: 4px;
}

.teaher-base .content-base .multi input {
    margin-bottom: 10px;
}

.teaher-base .content-base .add {
    width: 220px;
    height: 32px;
    border: 1px dashed #dfdfdf;
    text-align: center;
    line-height: 32px;
    color: #999;
    cursor: pointer
}

.teaher-base .content-base .len img {
    margin-top: 6px;
    float: left;
    margin-left: 10px;
    cursor: pointer
}

.teaher-base .content-base .len img.delete {
    margin-top: 9px;
}

.teaher-base .input-time img {
    right: 10px;
}

.teaher-base .layui-input-block {
    margin-left: 0px;
    width: 210px;
    margin-right: 10px;
    min-height: 32px;
}

.teaher-base .layui-form-radio > i:hover, .teaher-base .layui-form-radioed > i {
    color: #1890ff
}

.teaher-base .layui-form-radio {
    margin-top: 4px;
}

.teaher-base .layui-form-checkbox[lay-skin=primary] span {
    width: auto
}

.teaher-base .layui-form-checkbox[lay-skin=primary] {
    margin-top: 8px;
}

.teaher-base .layui-form-checked[lay-skin=primary] i {
    border-color: #1890ff;
    background: #1890ff
}

.address-box {
    width: 796px;
    background: #fff;
    height: 32px;
}

.teaher-base .address-box input {
    width: 562px;
    border: 1px solid #dfdfdf;
    border-left: none;
    border-radius: 0
}

.teaher-base .address-block {
    width: 279px;
}

.teaher-base .content-base a.icon {
    float: left;
    width: 24px;
    height: 24px;
    background: url(../images/sina.png)
}

.teaher-base .content-base a.qq {
    width: 24px;
    height: 24px;
    background: url(../images/qq.png)
}

.teaher-base .content-base a.icon.on {
    width: 24px;
    height: 24px;
    background: url(../images/sina-on.png)
}

.teaher-base .content-base a.qq.on {
    width: 24px;
    height: 24px;
    background: url(../images/qq-on.png)
}

.add-block {
    padding: 70px;
}

.add-block .add-con {
    width: 100%;
    height: 80px;
    border: 1px dashed #8ab1ff;
    text-align: center;
    line-height: 80px;
    font-size: 18px;
    color: #8ab1ff;
    cursor: pointer
}

.add-block .add-con img {
    margin-right: 10px;
}

.teacher-step1 {
    text-align: center;
    padding: 20px 160px;
    max-height: 490px;
}

.teacher-step1 strong {
    display: block;
    font-size: 20px;
    margin: 30px 0 20px;
}

.teacher-step2 {
    padding: 30px 0 10px;
    margin-top: 0;
    text-align: center
}

.teacher-step2 p {
    margin: 20px 0 0;
    padding: 0 220px;
}

.teacher-step2 .item {
    padding: 0
}

.teacher-step2 .block {
    padding-bottom: 10px;
}

.stepBtn .layui-layer-btn .layui-layer-btn0 {
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
}

.stepBtn .layui-layer-btn .layui-layer-btn1 {
    border-color: #1E9FFF;
    background-color: #1E9FFF;
    color: #fff;
}

.webView {
    position: relative
}

.webView .code {
    display: none;
    position: absolute;
    z-index: 10;
    border-radius: 3px;
    text-align: center;
    left: -50%;
    top: 60px;;
    width: 180px;
    height: 170px;
    padding: 25px 0;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.webView .code span {
    display: block;
    font-size: 12px;
    color: #999
}

.webView .code:before {
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -6px;
    content: '';
    display: inline-block;
    width: 0px;
    height: 0;
    border-bottom: 10px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

.webView.active .code {
    display: block
}

.sideNav {
    right: 0;
    display: none;
    position: fixed;
    top: 45%;
    width: 160px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 5px 0 5px 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1000
}

.sideNav span {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #dadada;
    margin-right: 10px;
}

.sideNav li {
    margin: 15px 0;
    position: relative;
    cursor: pointer
}

.sideNav li:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 1px;
    left: 4px;
    top: 15px;
    height: 26px;
    background: #dadada
}

.sideNav li.on span {
    border-color: #1890ff;
}

.sideNav li.on a {
    color: #1890ff
}

.sideNav li a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.sideNav li:last-child:after {
    display: none
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #1890ff !important;
    color: #fff
}

.layui-layer-setwin .layui-layer-close2 {
    display: none
}

.form-box {
    width: 100%;
    background: #f8f9fb;
    padding: 30px 70px;
}

.form-box h3 span {
    float: initial !important;
    color: #444;
    font-size: 14px;
    margin-left: 20px;
    font-weight: lighter
}

.form-box input {
    width: 238px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    margin-right: 20px;
    padding: 0 10px;
    border: 1px solid #dfdfdf;
    background: #fff;
}

.form-box .col span {
    width: 80px;
    font-weight: bold;
    line-height: 32px;
}

.form-box .col {
    margin: 32px 0;
    padding-left: 30px;
    min-height: 32px;
}

.teaher-base .content-base .form-box textarea {
    width: 925px;
    height: 100px;
    border-radius: 3px;
    margin: 0;
}

.form-box em {
    line-height: 32px;
    margin-left: 20px;
    color: #999
}

.form-box a.btn {
    display: inline-block;
    width: 64px;
    height: 32px;
    border-radius: 3px;
    background: #039cf9;
    color: #fff;
    line-height: 32px;
    text-align: center
}

.form-box .row .fn-left {
    position: relative;
}

.form-box .row .fn-left img {
    position: absolute;
    right: 30px;
    top: 10px;
}

.teaher-base .box {
    display: none;
    position: absolute;
    left: -95px;
    top: 32px;
    width: 300px;
}

.teaher-base .chat-msg {
    position: relative;
    margin-top: 20px;
    width: 300px;
    height: 128px;
    border: 1px solid #dfdfdf;
    filter: drop-shadow(0 1px 8px #eee);
    background: #fff;
    padding: 15px 22px;
}

.teaher-base .chat-msg:before {
    content: "";
    position: absolute;
    left: 120px;
    top: -10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #dfdfdf;
}

.teaher-base .chat-msg:after {
    content: '';
    position: absolute;
    left: 120px;
    top: -9px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #fff;
}

.teaher-base .chat-msg .tip {
    color: #d66b63;
    font-size: 14px;
}

.teaher-base .chat-msg .fn-right div {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}


/*选择学校弹框*/
.layui-layer-dialog .layui-layer-content {
    padding: 24px;
}

.sch-key {
    display: inline-block
}

.sch-key > span {
    display: inline-block;
    width: 240px;
    height: 32px;
    line-height: 32px;
    position: relative
}

.sch-key-i {
    width: 240px;
    height: 32px;
    line-height: 32px;
    padding-left: 34px;
    padding-right: 10px;
    border: 1px solid #e3e7ed;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.sch-key > span:before {
    position: absolute;
    content: "";
    width: 17px;
    height: 16px;
    top: 8px;
    background: url(../images/search_03.png) no-repeat;
    left: 10px;
}

.btn-search {
    width: 64px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #4eb3fb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 10px;
    cursor: pointer;
}

.choose-icon {
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 1;
    text-align: center;
    border: 1px solid #e3e7ed;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.choose-icon i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(../images/dui_box_03.png) no-repeat;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.choose-icon.on {
    background: #4eb3fb;
    border-color: #4eb3fb
}

.choose-icon.on i {
    opacity: 1
}

.sch-tab, .sch-tab table {
    width: 100%;
    margin-top: 30px;
    background: #fff
}

.sch-tab {
    max-height: 400px;
    overflow-y: auto;
}

.sch-tab table {
    margin-top: 0;
}

.sch-tab table tr {
    border-bottom: 1px solid #d9d9d9
}

.sch-tab table tr td {
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 40px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.sch-tab table tr td {
    overflow: hidden;
    text-overflow: ellipsis;
}

.sch-tab table tr:hover {
    background: #e6f7ff
}

.sch-tab table tr:first-child {
    background: #fafafa
}

.sch-tab, .sch-tab table th {
    text-align: center;
}

.sch-tab table th {
    height: 40px;
}

.schoolLb {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 32px;
    background: #fff
}

.schoolLb > span {
    width: 160px;
    height: 32px;
    display: inline-block;
    cursor: pointer
}

.schoolLb > span span {
    display: inline-block;
    width: 160px;
    height: 32px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 32px;
    padding-left: 8px;
    padding-right: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #cfcfcf;
    cursor: pointer
}

.schoolLb > span i {
    display: inline-block;
    width: 15px;
    height: 10px;
    position: absolute;
    background: url(../images/arrow.png) no-repeat;
    right: 8px;
    top: 11px;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

.schoolLb > span.on i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.schoolLb ul {
    position: absolute;
    width: 160px;
    border: 1px solid #d9d9d9;
    top: 32px;
    border-top: 0;
    display: none;
    z-index: 9999;
    max-height: 161px;
    overflow-y: scroll
}

.schoolLb ul li {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.schoolLb ul li:hover {
    background: #e6f7ff
}

.webuploader-pick {
    width: 100%;
    height: 100%;
}

.save-btn {
    display: inline-block;
    width: 80px;
    height: 30px;
    border: 1px solid #dfdfdf;
    color: #666;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #4eb3fb;
    background: #4eb3fb;
    color: #fff;
}

.action-btn {
    text-align: center;
    margin-top: 40px;
}


.wangEditor-container {
    margin-left: 60px !important;
    width: 85% !important
}


/* 导师列表页面 */
.teacherList {
    width: 1200px;
    margin: 90px auto 0;
}

.teacherList .block {
    background: #fff;
    border-radius: 5px;
    padding: 25px 30px;
}

.teacherList .break {
    line-height: 32px;
}

.teacherList .break a {
    color: #999;
    margin-right: 5px;
}

.teacherList input {
    width: 250px;
    padding-right: 10px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #dfdfdf;
    padding: 0 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.teacherList .fn-right {
    line-height: 32px;
}

.teacherList .cond .input {
    position: relative
}

.teacherList .cond .input em {
    display: inline-block;
    width: 80px;
    height: 32px;
    background: #039cf9;
    color: #fff;
    text-align: center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.teacherList .cond .input em img {
    display: inline-block;
    margin-right: 5px;
    margin-top: -2px;
    vertical-align: middle
}

.teacherList .cond .input img {
    position: absolute;
    cursor: pointer;
    right: 90px;
    top: 9px;
    display: none
}

.teacherList h3 {
    line-height: 50px;
    font-weight: bold;
    font-size: 26px;
    margin-top: 35px;
}

.teacherList h3 span {
    font-size: 22px;
}

.teacherList .brief {
    color: #999;
    font-size: 14px;
}

.teacherList .line {
    width: 100%;
    height: 1px;
    background: #dfdfdf;
    margin-top: 20px;
}

.teacherList .select-box {
    margin: 30px 0 0;
}

.teacherList .select-box .title {
    width: 112px;
    line-height: 30px;
}

.teacherList .select-box a {
    float: left;
    padding: 0 10px;
    margin: 3px 0;
    height: 24px;
    line-height: 24px
}

.teacherList .select-box a.on {
    background: #039cf9;
    color: #fff
}

.teacherList .select-box .item {
    margin: 10px 0;
}

.teacherList .select-box span {
    margin: 0 10px;
}

.teacherList .select-box .select {
    max-width: 950px;
}

.teacherList .table {
    margin-top: 20px
}

.teacherList table {
    width: 100%;
    margin-top: 0;
}

.teacherList .table table tr {
    background: #fff
}

.teacherList .table table th {
    background: #fafafa;
    text-align: left;
    padding: 0 10px;
}

.teacherList .table table td {
    height: 55px;
    text-align: left;
    padding: 0 10px;
}

.teacherList .selected-tip i {
    margin-top: 12px;
}

.teacherList .selected-tip span {
    position: relative;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    height: 22px;
    line-height: 20px;
    padding: 0 20px 0 5px;
    margin-top: 8px;
    margin-right: 10px;
    border: 1px solid #dfdfdf
}

.teacherList .selected-tip span font {
    position: absolute;
    right: 5px;
    top: 3px;
    cursor: pointer;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
}

.condition {
    position: relative
}

.teacherList .selected-tip span:hover {
    color: #039cf9;
    border-color: #039cf9
}

.teacherList .selected-tip .classify {
    margin-left: 30px;
}

.condition input {
    width: 470px;
    cursor: pointer
}

.condition ul {
    position: absolute;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    z-index: 200;
    height: 200px;
    overflow-y: auto;
    top: 34px;
    left: 0px;
    width: 50%;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    line-height: 30px;
    background: #fff;
    display: none
}

.condition ul li {
    padding: 0 0 0 10px;
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.condition ul.two {
    left: 50%
}

.condition ul.three {
    left: auto;
    right: 0;
}

.condition img {
    position: absolute;
    right: 10px;
    top: 14px;
}

.condition ul li.on {
    background: #f3fafd
}

.teaher-base .block .condition input {
    width: 380px;
    cursor: pointer
}

.teaher-base .block .condition img {
    top: 4px;
}


/*2018/5/29 qc 导师库账号设置*/
.setting-item {
    margin: 0 32px;
    height: 103px;
    padding: 0 45px 0 15px;
    border-bottom: 1px solid #e9e9e9;
}

.setting-item:last-child {
    border: 0;
}

.setting .setting-item-con:last-child {
    border: none;
}

.setting-item > div {
    line-height: 103px;
}

.setting .input-box input:not(.getasc) {
    width: 234px;
}

.setting-item.set-title {
    color: #000000;
    font-size: 20px;
    height: 83px;
    line-height: 83px;
    padding-left: 30px;
    margin: 0;
}

.setting-wrapper {
    width: 1200px;
    background: #fff;
    margin: 0 auto;
}

.setting-item .brief .top {
    position: relative;
    color: #000000;
    font-size: 16px;
}

.setting-item .brief .bot {
    position: absolute;
    top: 21px;
    color: #c2c2c2;
    font-size: 14px;
}

.setting-middle {
    color: #010101;
    font-size: 16px
}

.setting-act {
    color: #1890ff;
    font-size: 16px
}

.setting-act:hover, .setting-act:active {
    color: #1890ff
}

.setting .getasc {
    background: #fff;
    border: 1px solid #e9e9e9;
    color: #000;
    width: 88px;
    margin-left: 16px;
}

.setting .prog-tab .tab-line {
    width: 268px;
}

.setting .tab-text .text-item:nth-child(1) {
    margin-left: 31px;
}

.setting .text-tel .text-item:nth-child(2) {
    padding-left: 93px;
}

.setting .input-box .tel-now.tel-val1 {
    width: 130px;
}

.setting .change-tel {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 30px;
}

.setting .shizhi-suc {
    margin-top: 0;
}

.tel-set .change-tel .input-box, .get-email .change-tel .input-box {
    position: relative;
}

.tel-set .asc-wrong {
    position: absolute;
    margin-top: 0;
}

.get-email .asc-sucget {
    position: absolute;
    margin-top: 0;
    color: #ff8300;
}

.get-email .asc-wrong {
    position: absolute;
    margin-top: 0;
}

.tel-set .tel-sucget {
    color: #ff8300;
    position: absolute;
    top: 30px;
}

.xiugai_tel .getasc {
    background: #fff;
    border: 1px solid #e9e9e9;
    color: #000;
    width: 88px;
    margin-left: 16px;
}

.xiugai_tel .input-box .tel-now {
    width: 130px;
}

.xiugai_tel .change-tel {
    padding-bottom: 30px;
}

.tel-set .prog-tab .tab-item {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.tel-set .prog-tab {
    margin-top: 22px;
}

.tel-set .tab-text {
    margin: 16px auto;
}

.tel-set .input-box {
    margin-top: 21px;
}

.tel-set .con-tel {
    padding-top: 0;
}

.tel-set .suc-change {
    margin-bottom: 4px;
}

.xiugai_tel .con-tel {
    padding-top: 6px;
}

.xiugai_tel .change-tel .input-box {
    margin-top: 18px;
}

.xiugai_tel .text-item:nth-child(1) {
    padding-left: 11px
}

.xiugai_tel .text-item:nth-child(2) {
    padding-left: 6px
}

.xiugai_tel .tab-text .text-item:nth-child(3) {
    width: 50px;
}

.xiugai_tel .shizhi-suc {
    margin-top: 7px;
}

.get-email .change-tel {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 90px;
}

.get-email .getasc {
    background: #fff;
    border: 1px solid #e9e9e9;
    color: #000;
}

.set-pwd .prog-tab .tab-item {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.set-pwd .text-item:nth-child(1) {
    padding-left: 8px
}

.set-pwd .text-item:nth-child(2) {
    padding-left: 4px
}

.set-pwd .tab-text .text-item:nth-child(3) {
    width: 54px;
}

.set-pwd .input-box-con {
    padding-top: 8px;
}

.set-pwd .forget-pwd span {
    margin-top: 0px;
}

.set-pwd .shizhi-suc {
    margin-top: 6px;
}

.set-pwd .suc-change {
    margin-bottom: 4px;
}

.wx-box {
    position: relative;
}

.unbind {
    display: none;
    position: absolute;
    width: 386px;
    height: 170px;
    background: #fff;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
    border-radius: 2px;
    right: -50px;
    top: 75px;
    text-align: left;
    padding: 18px 20px;
    line-height: normal
}

.unbind .con {
    color: #000000;
    font-size: 14px;
    margin-top: 14px;
    margin-bottom: 25px;
}

.unbind .title {
    color: #010101;
    font-size: 16px;
}

.unbind .btn-box {
    font-size: 14px;
    text-align: right;
}

.unbind .btn-box a {
    display: inline-block;
    width: 64px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #e9e9e9
}

.unbind .btn-box .sure {
    font-size: 14px;
    color: #000000;
}

.unbind .btn-box .cancel {
    font-size: 14px;
    color: #fff;
    background: #1890ff;
    border-color: #1890ff
}

.set-pwd .input-box input:not(.getasc) {
    width: 260px;
    font-size: 12px;
}

.oritial .prog-tab .tab-line {
    width: 268px;
}

.oritial .text-item:nth-child(1) {
    padding-left: 38px
}

.oritial .text-item:nth-child(2) {
    padding-left: 98px
}

.oritial .forget-pwd {
    margin-left: 243px;
}

.oritial .input-box > label {
    width: 98px;
    text-align: right;
    display: inline-block
}

.oritial .pwd-yizhi {
    display: block;
}

.xiugai_pwd .forget-pwd {
    width: 232px;
    margin-left: 250px;
}


/*导师库首页*/
.teacher-con {
    width: 1200px;
    margin: 60px auto 0;
    background: #fff;
    padding: 1px;
}

.teacher-con .sscon {
    width: 764px;
    margin: 55px auto 85px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

.teacher-con .ssk {
    position: relative;
}

.teacher-con .ssk input {
    width: 560px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border: 1px solid #dfdfdf;
    padding: 0 35px 0 15px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.teacher-con .ssk em {
    display: inline-block;
    width: 104px;
    height: 40px;
    font-size: 16px;
    padding-left: 20px;
    background: #039cf9;
    color: #fff;
    text-align: center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.teacher-con .ssk em img {
    position: absolute;
    cursor: pointer;
    right: 67px;
    top: 12px;
}

.teacher-con .ssk > img {
    position: absolute;
    cursor: pointer;
    right: 120px;
    top: 12px;
    display: none;
}

.teacher-tab {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin-bottom: 55px;
}

.teacher-tab > div {
    padding: 0 20px;
    line-height: 38px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff;
    font-size: 16px;
    cursor: pointer;
}

.teacher-tab > div.on {
    background: #4091f7;
    border-color: #4091f7;
    color: #fff;
}

.teacher-tab .more-list {
    padding: 0 20px;
    line-height: 38px;
    font-size: 16px;
    text-decoration: underline;
}

.teacher-tabitem {
    display: none;
}

.teacher-tabitem ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.teacher-tabitem li {
    font-size: 16px;
    margin-bottom: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 20%
}

.teacher-tabitem li a {
    padding-left: 55px;
    color: #333;
    line-height: 30px;
}

.teacher-tabitem li a:hover, .teacher-tabitem li a.on {
    color: #4091f7;
    text-decoration: underline;
}

.teacher-tj {
    padding: 65px 0 40px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.teacher-tj > div {
    float: left;
    padding-left: 20px;
    width: 50%;
}

.teacbt {
    width: 427px;
    height: 48px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
}

.teac-detail {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.teac-detail li {
    width: 50%;
    margin-bottom: 20px;
}

.teac-detail li .img {
    position: relative;
    width: 130px;
    height: 160px;
    margin-right: 10px;
    overflow: hidden
}

.teac-detail li img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: block;
    margin-right: 10px;
    float: left;
    border-radius: 4px;
}

.teac-detail li a .wzjs {
    padding-top: 25px;
    padding-right: 25px;
}

.teac-detail li a .wzjs h3 {
    font-size: 16px;
    line-height: 25px;
    color: #333
}

.teac-detail li a .wzjs .zhicheng {
    font-size: 14px;
    line-height: 28px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.teac-detail li a .wzjs .jieshao {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    max-height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
}


/*8-6专业数据跟历年分数线，批量上传修改*/
.schoolTable table td.caozuo {
    overflow: inherit;
}

.schoolTable table tr .gray {
    color: #333;
}

.schoolTable table tr td a.more {
    border-right: 0;
    position: relative;
}

.schoolTable .all-action-box {
    top: 20px;
}

.schoolTable .all-action-box:before {
    position: absolute;
    width: 13px;
    height: 7px;
    top: -1px;
    left: 50%;
    margin-left: -6px;
    background: url(../images/topicon.png) no-repeat;
}

.addSchBtn {
    position: relative;
}

.schoolAP .addSchBtn.new button {
    min-width: 90px;
}

.addSchBtn .showmore {
    float: left;
    color: #fff;
    background: #1890ff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 8px;
}

.addSchBtn .showmore i {
    color: #fff;
    vertical-align: bottom;
    width: 27px;
    display: inline-block;
    text-align: center;
    margin-top: 6px;
}

.addSchBtn .showmore .import-all {
    border-right: 1px solid #5eb2ff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: transparent;
    margin-right: 0;
}

.showmore .all-action-box {
    left: -5px;
    padding: 5px;
}

.showmore .all-action-box .con {
    width: 115px;
}

.addSchBtn .tip-gt {
    margin-right: 24px;
}

.newtip {
    position: absolute;
    right: -40px;
    top: -20px;
    padding-top: 20px;
    width: 30px;
    height: 35px;
}

.newtip .tip-gt {
    margin-top: 8px;
}

.newtip:hover .tip-gt i {
    display: block;
}

.newtip .tip-gt a {
    color: #1890ff;
    text-decoration: underline;
}

.input-radio > span {
    margin-right: 24px;
}

.input-radio .input-ch {
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.input-radio > span.on .input-ch {
    background: url(../images/s_yes.png) no-repeat;
    border: 0;
    box-shadow: none;
}

.pad30 {
    padding: 30px;
    color: #444;
}

.setptop {
    height: 80px;
    position: relative;
}

.setptop .xian {
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #dcdcdc;
}

.setp-row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.setp-row li {
    width: 60px;
    background: #fff;
}

.setp-row li i {
    font-style: normal;
    display: block;
    margin: 0 auto;
    width: 33px;
    height: 33px;
    line-height: 33px;
    border-radius: 50%;
    border: 1px solid #bfbfbf;
    font-size: 14px;
    color: #bfbfbf;
}

.setp-row li p {
    height: 28px;
    line-height: 20px;
    font-size: 14px;
    color: #757575;
}

.setp-row li.on i {
    background: #1890ff;
    border: 0;
    color: #fff;
}

.setp-row li.on p {
    color: #000;
}

.import-all-box .wz1 {
    line-height: 34px;
    margin-top: 7px;
}

.import-all-box .xiazai {
    margin-left: 14px;
    padding-left: 21px;
    color: #1890ff;
    line-height: 28px;
    background: url(../images/load.png) left no-repeat;
}

.import-all-box .xiazai a {
    color: #1890ff;
}

.import-all-box .upload {
    margin-left: 14px;
    margin-top: 5px;
    width: 100px;
    height: 32px;
    border: 1px solid #1890ff;
    text-align: center;
    position: relative;
    border-radius: 3px;
}

.import-all-box .upload i {
    display: inline-block;
    padding-left: 21px;
    color: #1890ff;
    line-height: 30px;
    font-size: 14px;
    background: url(../images/upload2.png) left no-repeat;
    font-style: normal;
}

.import-all-box .upload input {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100px;
    bottom: 0;
    opacity: 0
}

.import-all-box .wz2 {
    line-height: 30px;
    font-size: 13px;
    color: #999;
    padding-left: 14px;
}

.import-all-box .file-name {
    text-align: left;
    padding-left: 14px;
    margin-top: 5px;
    border: 1px solid #dfdfdf;
    padding: 16px 10px;
    display: inline-block;
}

.import-all-box .file-name.none {
    display: none;
}

.import-all-box .file-name img {
    vertical-align: middle;
    margin-right: 8px;
}

.import-all-box .btn {
    margin-top: 24px;
}

.import-all-box .btn a {
    float: right;
    margin-left: 15px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    padding: 0 15px;
    color: #666;
}

.import-all-box .btn a:first-child {
    border: 1px solid #1890ff;
    background: #1890ff;
    color: #fff;
}

.upload-number {
    color: #777;
}

.upload-number i {
    color: #1890ff;
    font-style: normal;
}

.upload-step .upload-progress .close {
    display: none;
}

.setp-result {
    margin: 30px auto;
    text-align: center;
}

.setp-result .wz4 {
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

.setp-result .wz4 .n1 {
    color: #1890ff;
}

.setp-result .wz4 .n2 {
    color: #ff4141;
}

.setp-result .wz5 {
    margin-top: 12px;
    line-height: 30px;
    color: #999;
}

.setp-result .wz6 {
    line-height: 28px;
    color: #1890ff;
    display: inline-block;
    padding-left: 21px;
    background: url(../images/load.png) left no-repeat;
}

.my-skin1 .layui-layer-btn {
    padding: 0 92px 12px;
}

.my-skin2 .layui-layer-btn {
    padding: 0 30px 12px;
}


/* qc素材管理二期 */
.text-search {
    width: auto;
}

.text-bj i {
    font-style: normal
}

.page-text-cont .pageTime {
    margin-right: 25px;
}

.page-text-cont .text-type .schoolList-d > span span {
    color: #999
}

.page-text-cont .text-type .schoolList-d {
    margin-bottom: 0;
}

.import-text-class .textChild-biaoqian {
    margin-bottom: 19px;
}

.page-text-cont .fbTime {
    margin-bottom: 0;
}

#material-cont .newtext {
    margin-right: 24px;
    padding: 0 16px;
    margin-bottom: 0
}

.text-search span {
    margin-top: 6px;
}

.text-search .text {
    width: 320px;
    border-right: 1px solid #d9d9d9;
}

.text-search .button {
    position: static;
    margin-left: 24px;
}

.newtext {
    width: auto;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #1890ff;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
    margin-top: 4px;
    margin-bottom: 24px;
}

.mana-type {
    color: #1890ff;
    cursor: pointer;
    line-height: 32px;
    position: relative;
    margin-right: 24px;
}

.mana-type img {
    vertical-align: middle;
    margin-right: 6px;
}

.mana-text li {
    width: auto;
    padding: 0 5px;
}

.searchInfo-con .bot-box {
    padding-bottom: 200px
}

.mana-table td {
    text-align: left
}

.bot-box .mana-table th {
    color: #333;
    font-weight: bold
}

.bot-box .mana-table td, .bot-box .mana-table th {
    padding: 17px 15px;
}

.bot-box .mana-table .action a {
    color: #039cf9;
    margin: 0 4px;
}

.bot-box .mana-table .action a:first-child {
    margin-left: 0
}

.bot-box .mana-table .action {
    color: #ccc
}

.popover {
    background-color: white;
    border-radius: 0.2rem;
    position: absolute;
    z-index: 506;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.38);
    width: 184px;
    display: none;
}

.popover .caret-down::after, .popover .caret-left::after, .popover .caret-right::after, .popover .caret-up::after {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .2), 0 0 2px rgba(0, 0, 0, .38)
}

.popover .caret-up {
    position: absolute;
    overflow: hidden;
    top: -12px;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 12px
}

.popover .caret-up::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.popover .caret-up::after {
    transform: rotate(45deg);
    top: 6px;
    left: 6px
}

.popover .caret-down {
    position: absolute;
    overflow: hidden;
    bottom: -12px;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 12px
}

.popover .caret-down::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.popover .caret-down::after {
    transform: rotate(-45deg);
    top: -6px;
    left: 6px
}

.popover .caret-left {
    position: absolute;
    overflow: hidden;
    left: -12px;
    top: 50%;
    margin-top: -12px;
    width: 12px;
    height: 24px
}

.popover .caret-left::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.popover .caret-left::after {
    transform: rotate(45deg);
    top: 6px;
    left: 6px
}

.popover .caret-right {
    position: absolute;
    overflow: hidden;
    right: -12px;
    top: 50%;
    margin-top: -12px;
    width: 12px;
    height: 24px
}

.popover .caret-right::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.popover .caret-right::after {
    transform: rotate(-45deg);
    top: 6px;
    left: -6px
}

.popover.full-width {
    min-width: 100%
}

.popover--color-accent {
    background: #2bb24c;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.popover--color-accent h3 {
    color: #fff
}

.feed-preview .popover--color-accent ul, .fx.popover--color-accent .feed-preview ul, .popover--color-accent .feed-preview ul, .popover--color-accent p {
    color: rgba(255, 255, 255, .75)
}

.popover--color-accent a.action {
    color: rgba(255, 255, 255, .75)
}

.popover--color-accent .caret::after {
    background: #2bb24c
}

.popover-callout {
    z-index: 505;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.popover-callout > div {
    width: 100%;
    height: 100%
}

.popover-callout .callout-frame-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    z-index: -1
}

.popover-callout .callout-frame {
    background-color: rgba(0, 0, 0, .5)
}

.popover-callout .popover {
    transition: top .5s ease, left .5s ease
}

.menu-li {
    width: 142px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    color: #333;
    padding-left: 10px;
}

.menu:hover {
    background: #e7f7ff;
}

.menu:hover .item-add-remove-buttons {
    display: block;
}

.item-add-remove-buttons {
    margin-right: 10px;
    display: none;
}

.menu-footer {
    color: #1890ff;
    padding-left: 10px;
    padding-right: 10px;
}

.popover-add-default {
    padding: 20px 10px;
    color: #333333;
    font-weight: 600
}

.add-fenlei {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    border: 1px solid #d9d9d9;
    font-size: 13px;
}

.popover-add-default .text-tip {
    color: #ccc;
    font-weight: normal
}

.popover-add-default button {
    width: 60px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #d9d9d9
}

.popover-add-default button.chuangjian {
    color: rgba(51, 51, 51, .3);
    background: #f4f4f4
}

.popover-add-default button.chuangjian.on {
    background: #1890ff;
    border-color: #1890ff;
    color: #fff;
}

.popover-default .menu-filter-list {
    max-height: 224px;
    overflow-y: auto
}

.popover-edit-default {
    padding-left: 10px;
    padding-right: 10px;
}

.popover-edit-default {
    padding: 20px 10px;
    color: #333333;
    font-weight: 600
}

.edit-fenlei {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    border: 1px solid #d9d9d9;
    font-size: 13px;
}

.popover-edit-default .text-tip {
    color: #ccc;
    font-weight: normal
}

.popover-edit-default button {
    width: 60px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #d9d9d9
}

.popover-edit-default button.xiugai.on {
    background: #1890ff;
    border-color: #1890ff;
    color: #fff;
}

.popover-yulan-default {
    padding: 20px;
    color: #333333;
    width: 264px;
}

.bot-box .mana-table .popover-yulan-default .open-online {
    color: #1890ff;
    border: 1px solid #1890ff;
    width: 36px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
}

.bot-box .mana-table .popover-yulan-default .vc-online {
    display: inline-block;
    color: #fff;
    border: 1px solid #1890ff;
    width: 36px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #1890ff;
    font-size: 12px;
    margin-right: 0
}

.action .yulan {
    position: relative;
    display: inline-block
}

.action .yulan:link, .action .yulan:visited, .action .yulan:hover, .action .yulan:active {
    text-decoration: none;
}

.online-show {
    width: 100%;
    height: 24px;
    background: #e5e5e5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px;
    margin-bottom: 24px;
    padding: 0 5px;
    line-height: 24px;
}

.pc-phone-code {
    margin-top: 16px;
}

.pc-phone-code .fn-left.textwenan {
    margin-left: 15px;
    line-height: 25px;
    color: rgba(51, 51, 51, .6)
}

.pc-phone-code .fn-left.imgbox {
    width: 64px;
    height: 64px;
    background: #d8d8d8;
    text-align: center
}

.pc-phone-code .fn-left.imgbox img {
    width: 62px;
    height: 62px;
    margin-top: 1px
}

.page-text-layer {
    padding-left: 80px;
    padding-right: 70px;
}

.page-text-layer .text-i {
    position: relative;
}

.page-text-layer input.input-plus {
    width: 540px;
}

.text-i em {
    color: red;
    position: absolute;
    left: 0
}

.page-text-layer .text-type .schoolList-d > span {
    width: 158px;
}

.page-text-layer .text-type .schoolList-d ul {
    width: 158px;
}

.page-text-layer .text-type .schoolList-d > span span {
    width: 158px;
}

.page-text-layer .pageTime {
    width: 200px;
}

.page-text-layer .mana-type-item {
    color: #1890ff;
    margin-left: 15px;
    line-height: 32px;
    cursor: pointer;
}

.page-text-layer .mana-type-box {
    position: relative;
    line-height: 32px;
}

.page-text-layer .mana-type-box img {
    vertical-align: middle;
    margin-right: 6px;
}

.page-text-layer .menu-footer {
    cursor: pointer;
}

.page-text-layer .textChild textarea {
    width: 540px;
}

.page-text-layer .text-bj {
    max-width: 540px;
}

.page-text-layer .text-bqchild {
    width: 120px;
}

.page-text-layer .text-bj > span {
    width: 120px;
    margin-right: 13px;
    float: left;
}

.page-text-layer .textChild .text-tj {
    width: 120px;
}

.page-text-layer .text-bqchild {
    margin-right: 0;
}

.page-text-layer .showFileName {
    max-width: 540px;
}

.up-img-more .addImg {
    margin-right: 24px;
    width: 110px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #1890ff;
    background: #fff;
    border: 1px solid #1890ff
}

.up-img-more input {
    margin-right: 24px;
    width: 110px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

.up-img-more .upLoadImg {
    background: #1890ff;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #1890ff;
}

.up-img-more .upLoadImg i {
    background: url(../images/piliang.png) no-repeat left center
}

.schoolAP .newtext {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 14px;
    background: #1890ff;
    color: #fff;
    line-height: 0;
}

.schoolAP .addSchBtn .sucai {
    color: #1890ff;
    background: #fff;
    border: 1px solid #1890ff
}

.schoolAP .addSchBtn button {
    min-width: 120px;
    text-align: center;
    padding-left: 16px;
    padding-right: 16px
}


.list-table {
    width: 1200px;
    background: #fff;
    font-size: 14px;
}

.list-table tr {
    width: 100%;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.list-table tbody tr {
    width: 1160px;
    margin-left: 40px;
    margin-right: 0;
    position: relative;
}

.list-table th, .list-table td {
    text-align: left;
    height: 56px;
    border-bottom: 1px solid #e7e7e7;
    height: 56px;
    overflow-y: hidden;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.list-table th:first-child {
    padding-left: 40px;
}

.list-table th {
    color: #666666;
    font-size: 16px;
    font-weight: normal
}

.list-table td {
    padding-left: 3px;
    height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-table td img {
    width: 40px;
    height: 40px;
    margin-right: 12px;
    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}

.list-table td .school-nm {
    line-height: 1.2;
    position: relative;
    cursor: Default;
}

.list-table td .school-nm div {
    width: 206px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    margin-bottom: 4px;
    font-size: 15px;
    color: #444;
}

.list-table td .school-nm div:last-child {
    color: #999999;
    font-size: 10px;
}

.list-table tbody td:first-child {
    width: 286px;
}

.list-table tbody td:nth-child(2) {
    width: 312px;
    font-size: 0
}

.list-table tbody td:nth-child(3) {
    width: 125px;
}

.list-table tbody td:nth-child(4) {
    width: 162px;
}

.list-table tbody td:nth-child(5) {
    width: 157px;
}

.list-table tbody th:nth-child(6) {
    width: 118px;
}

.list-table thead th:first-child {
    width: 326px;
}

.list-table thead th:nth-child(2) {
    width: 312px;
}

.list-table thead th:nth-child(3) {
    width: 125px;
}

.list-table thead th:nth-child(4) {
    width: 162px;
}

.list-table thead th:nth-child(5) {
    width: 157px;
}

.list-table thead th:nth-child(6) {
    width: 118px;
}

.list-table .chakan {
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #2487dd;
    display: inline-block;
    border-radius: 5px;
}

.list-table .blue {
    background: #46a4dc;
}

.list-table .yel {
    background: #fc6621;
}

.list-table .green {
    background: #1dba9c;
}

.list-table .label-box span {
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    margin-right: 8px;
    display: inline-block;
    font-size: 12px;
}

.list-table .school-ab {
    top: -32px;
    left: -22px;
    border-radius: 3px;
    position: absolute;
    background: #fff;
    padding: 6px 10px;
    -moz-box-shadow: 2px 2px 12px #A6A6A6;
    -webkit-box-shadow: 2px 2px 12px #A6A6A6;
    box-shadow: 2px 2px 12px #A6A6A6;
    display: none;
}

.school-nm:hover + .school-ab {
    display: block;
}

.list-table .school-ab div:last-child {
    color: #999999
}

.list-table .school-ab .caret-up {
    position: absolute;
    bottom: 3px;
    width: 24px;
    height: 12px
}

.list-table .caret-up::after {
    transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: 6px;
    left: 6px;
}

.list-table .caret-up::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
}

/* 权限管理 */
.authority-management {
    padding: 25px 30px;
}

.authority-management table {
    width: 100%;
    margin-top: 25px;
}

.authority-management table tr {
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #dfdfdf
}

.authority-management table td, .authority-management table th {
    padding-left: 15px;
    text-align: left;
}

.authority-management table th {
    background: #fafafa;
    font-size: 14px;
    color: #333
}

.authority-management table td {
    color: #707070
}

.authority-management table td a {
    color: #1890ff;
    position: relative
}

.authority-management table td em {
    color: #dadada;
    margin: 0 8px;
}

.add-authority {
    text-align: right
}

.add-authority a {
    display: inline-block;
    width: 90px;
    height: 32px;
    line-height: 32px;
    background: #1890ff;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}

.add-authority a:hover {
    color: #fff
}

.authority-management .all-action-box {
    top: 22px;
    left: -36px;
    display: none
}

.authority-management .all-action-box span, .authority-management.all-action-box a {
    display: block;
}

.authority-management .all-action-box span.on {
    color: #ccc;
}

.authority-management .all-action-box span.on:hover {
    color: #ccc;
    background: #fff;
}

.authority-management .all-action-box .con {
    filter: drop-shadow(0 0 4px #ccc);
    box-shadow: none
}

.authority-management .all-action-box .con:before {
    content: "";
    position: absolute;
    left: 44px;
    top: 0px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 6px solid #fff;
}

.authority-inside {
    padding: 35px 51px;
}

.authority-inside em {
    color: red
}

.authority-inside span {
    height: 32px;
    line-height: 32px;
    width: 90px;
    text-align: left
}

.authority-inside input {
    width: 420px;
    height: 32px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding: 0 10px;
    line-height: 32px;
}

.authority-inside .item {
    margin: 40px 0;
}

.authority-inside textarea {
    width: 420px;
    height: 142px;
    padding: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
}

.authority-inside .tip {
    margin-top: 150px;
    padding-left: 90px;
    color: #999999
}

.authority-inside .brief {
    margin-left: 10px;
    color: #999
}


.authority-inside .tipx {
    margin-left: 90px;
    color: #999;
    margin-top: 8px;
}

.authority-inside .item a {
    margin-left: 524px;
    display: block;
    line-height: 32px;
    color: #039cf9
}

.authority-inside .item a.save {
    display: block;
    width: 78px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #039cf9;
    border-radius: 3px;
    margin-left: 90px;
    margin-top: 65px;
}

.select-aera {
    margin: 25px 0 0 60px;
}

.select-aera .item-select {
    margin-left: 25px;
    margin-top: 24px;
}

.select-aera .item-all {
    width: 140px;
    cursor: pointer
}

.select-aera .item-option {
    margin-right: 22px;
    cursor: pointer
}

.select-aera span {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: url(../images/m_no.png);
    background-size: 14px 14px;
    margin-right: 5px;
}

.select-aera .all-select {
    cursor: pointer
}

.select-aera .item-option.on span {
    background-image: url(../images/select-on.png)
}

.select-aera .item-all.all span, .select-aera .all-select.all span {
    background-image: url(../images/select-on.png)
}

.select-aera .item-all.half span, .select-aera .all-select.half span {
    background-image: url(../images/a4.png)
}


.skin1.layui-layer-page {
    z-index: 198 !important
}

.admission-info {
    padding: 25px;
}

.admission-info .tip {
    width: 100%;
    height: 30px;
    padding-left: 20px;
    line-height: 30px;
    background: rgb(254, 245, 227);
    margin-bottom: 25px;
}

.admission-info .tip a {
    color: #039cf9;
    margin: 0 10px;
}

.admission-block {
    border-top: 15px solid #f2f2f5
}

.admission-block .title {
    margin-top: 30px;
    font-weight: bold;
    font-size: 16px;
}

.admission-block .title span {
    float: initial;
    font-weight: lighter;
    color: #999;
    font-size: 12px;
    margin-left: 20px;
}

.admission-block table {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.admission-block table td {
    border-bottom: 1px solid #dfdfdf;
    padding: 15px 0;
}

.admission-block table th {
    text-align: center;
    line-height: 38px
}

.admission-block thead tr {
    background: rgb(229, 246, 254);
    border: 1px solid #039cf9;
    border-radius: 3px;
}

.stu-info {
    padding: 25px;
}

.stu-info a.add-info {
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #039cf9;
    border-radius: 4px;
}

.stu-info td {
    border: 1px solid #dfdfdf;
    border-width: 0 1px 1px 1px;
    padding: 15px 0;
}

.stu-info th:last-child {
    border: none
}

.stu-info th {
    text-align: center;
    border-right: 1px solid #dfdfdf;
    line-height: 38px;
}

.stu-info thead tr {
    background: rgb(229, 246, 254);
    border: 1px solid #039cf9;
    border-radius: 3px;
}

.stu-info table {
    margin-top: 25px;
}

.stu-info table a {
    color: #039cf9;
    margin: 0 10px;
}


.stu-pop {
    padding: 0 25px 25px;
    max-height: 559px;
    overflow-y: auto;
    border-bottom: 1px solid #dfdfdf
}

.stu-pop span {
    width: 90px;
    text-align: right
}

.stu-pop .item {
    margin-top: 25px;
    line-height: 30px;
}

.stu-pop .item input[type='text'] {
    width: 260px;
    padding: 0 10px;
    height: 30px;
    border: 1px solid #ccc
}

.stu-pop .img-box {
    float: left;
    width: 140px;
    height: 120px;
    margin-right: 20px;
}

.stu-pop a.change {
    float: left;
    color: #039cf9;
    position: relative;
    margin-top: 90px;
}

.stu-pop a.change input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}


/*教师主页 qc 2018-10-17*/
.model_choose h1 {
    margin-bottom: 40px;
    margin-top: 20px;
    font-size: 16px;
}

.model_choose .pc_phone_item {
    margin-right: 90px;
    width: 250px;
    height: 190px;
    border: 1px solid #d9d9d9;
}

.pc_phone_item_tit {
    text-align: center;
    height: 83px;
    line-height: 83px;
    border-bottom: 1px solid #d9d9d9;
}

.pc_phone_item .chooseli_item_box {
    width: 50%;
    height: 105px;
    position: relative;
}

.pc_phone_item .chooseli_item_box:first-child {
    border-right: 1px solid #d9d9d9;
}

.chooseli_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    cursor: pointer;
}

.chooseli_item_box .pc_item img {
    width: 35px;
    margin-bottom: 10px;
}

.chooseli_item_box .phone_item img {
    width: 22px;
    margin-bottom: 10px;
}

.chooseli_block {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    display: none;
}

.chooseli_item_box .chooseli_block a {
    display: block;
    width: 60px;
    height: 32px;
    line-height: 32px;
    background: #1890ff;
    text-align: center;
    color: #fff;
    margin-top: 36.5px;
    margin-left: 31.5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.teacher-page-step {
    margin-top: 40px;
    margin-bottom: 40px;
}

.teacher-page-step li {
    float: left;
    margin-right: 30px;
    color: #666;
    cursor: pointer
}

.teacher-page-step li em {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #666;
    text-align: center;
    line-height: 25px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.teacher-page-step li.on {
    color: #333;
}

.teacher-page-step li.on em {
    color: #fff;
    background: #1890ff;
    border-color: #1890ff
}

.pageItemone ul {
    margin-left: -60px;
}

.pageItemone li {
    margin-left: 60px;
    width: 280px;
    height: 380px;
    border: 4px solid transparent;
    float: left;
    position: relative;
}

.pageItemone li.on {
    border: 4px solid #1890ff;
}

.pageItemone li img {
    widtH: 100%;
    height: 100%;
    border: 1px solid #f2f2f2
}

.pageItemone li.on img {
    border: 1px solid transparent
}

.teacher-pageItem .chooseli_block a {
    display: inline-block;
    width: 60px;
    height: 32px;
    line-height: 32px;
    background: #1890ff;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
}

.teacher-pageItem .chooseli_block a:last-child {
    margin-right: 0
}

.chooseli_block_m {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%;
}

.teacher-pageItem .yingyong {
    width: 100%;
    height: 32px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    display: none;
    position: absolute;
    bottom: 0;
    background: #1890ff
}

.teacher-pre-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.teacher-pre-img > div {
    max-width: 600px;
    max-height: 560px;
    overflow: auto
}

.teacher-pre-img > div img {
    max-width: 100%;
}

.teacher-pageItem {
    display: none;
}

.teacher-pageItem:first-child {
    display: block
}

.second-step-img {
    width: 240px;
    height: 350px;
    margin-right: 65px;
}

.teacher-pageItem-block {
    width: 612px;
}

.teacher-action_box h1 {
    font-size: 16px;
    color: #333;
}

.teacher-action_box h1 span {
    color: #666;
    font-size: 12px;
}

.teacher-action_box .sortable {
    margin-left: -20px;
    margin-top: 13px;
    padding-bottom: 34px;
    border-bottom: 1px solid #D8D8D8
}

.teacher-action_box .sortable li {
    width: 120px;
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
}

.teacher-action_box .sortable li .sortable-top {
    width: 120px;
    height: 92px;
    background: #F6F6F6;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.teacher-action_box .sortable li .sortable-top:hover {
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.2);
}

.sortable-top .see-pre {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/shlg_ht_1.png) no-repeat;
    background-size: contain;
    margin-left: 6px;
    margin-top: 2px;
    cursor: pointer
}

.sortable-top .del-li {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/shlg_ht_2.png) no-repeat;
    background-size: contain;
    margin-left: 6px;
    margin-top: 2px;
    cursor: pointer
}

#sortable-no .sortable-top .del-li {
    background: url(../images/shlg_ht_3.png) no-repeat;
    background-size: contain;
}

.teacher-pageItem li .sortable-logo {
    width: 38px;
    height: 38px;
    margin: 2px auto 4px;
}

.teacher-pageItem li .sortable-intro {
    color: #666;
    font-size: 14px;
}

.teacher-action_box .sortable li .iconName {
    width: 100%;
    height: 32px;
    line-height: 32px;
    border: 1px solid #dfdfdf;
    margin: 10px 0;
    padding-left: 5px;
    padding-right: 5px;
}

.pre-imgbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    overflow: auto
}

.teacherimgItem-block {
    width: 612px;
}

.teacherimgItem-block .img-tab {
    margin-bottom: 20px;
}

.teacherimgItem-block .img-tab li {
    float: left;
    width: 90px;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    margin-right: 20px;
    height: 39px;
    line-height: 39px;
    cursor: pointer
}

.teacherimgItem-block .img-tab li.on {
    border-color: #1890ff;
    color: #1890ff;
}

.item-one-tit {
    margin-bottom: 15px;
}

.item-one-tit span {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.item-one-img {
    max-width: 100%;
}

.item-one-img-box {
    position: relative;
}

.item-one-img-box input {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    width: 90px;
}

.item-one-img-box > div {
    margin-top: 10px;
    cursor: pointer;
}

.item-one-img-box > div a {
    color: #1890ff
}

.imgBox-save {
    display: block;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #1890ff;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 20px;
}

.imgBox-teach-item {
    display: none;
}

.imgBox-teach-item:first-child {
    display: block
}

.setimg-url {
    margin-top: 20px;
}

.setimg-url .item {
    margin-bottom: 20px;
    font-size: 14px;
    margin-top: 15px;
}

.setimg-url .item span {
    margin-right: 10px;
}

.setimg-url .item input {
    width: 70%;
    height: 40px;
    border: 1px solid #dfdfdf;
    padding: 10px;
    border-radius: 3px;
}

.isDisplay {
    width: 112px;
    text-align: right;
    margin-right: 10px;
}

.setimg-url .item li {
    float: left;
    color: #a7a7a7;
    height: 20px;
    line-height: 20px;
    width: 100px;
    cursor: pointer
}

.setimg-url .item li span {
    margin-right: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #a7a7a7;
    vertical-align: middle
}

.setimg-url .item li em {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 3px;
    border-radius: 50%;
}

.setimg-url .item li.on span {
    border-color: #1890ff
}

.setimg-url .item li.on em {
    background: #1890ff
}

.teach-item-three .tip-gt {
    margin-top: 3px;
    margin-right: 5px;
}

.del-tip-img {
}

.teach-item-three ul {
    border: 1px solid #f2f2f2;
    padding: 10px;
    margin-top: 20px;
    padding-left: 0;
    padding-bottom: 0
}

.teach-item-three ul li {
    float: left;
    width: 190px;
    margin-left: 10px;
    position: relative;
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 145px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
}

.del-tip-img {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 0;
    right: 0;
    display: none;
    cursor: pointer;
    background: #1890ff;
    color: #fff;
}

/*.see-tip-img{position: absolute;width:40px;height:40px;background: url(../images/shlg_ht_1@2x.png) no-repeat;background-size: contain;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: none;cursor: pointer}*/
.teach-item-three ul li:hover {
    border-color: #1890ff;
}

.teach-item-three ul li:hover .del-tip-img {
    display: block;
}

.teach-item-three ul li:hover .see-tip-img {
    display: block;
}

.edit-img-teach .item {
    margin-bottom: 20px;
    font-size: 16px;
}

.edit-img-teach .item span {
    margin-right: 10px;
}

.edit-img-teach .item input {
    width: 70%;
    height: 40px;
    border: 1px solid #dfdfdf;
    padding: 10px;
    border-radius: 3px;
}

.edit-img-teach {
    text-align: center;
    padding: 20px;
}

.edit-img-teach img {
    max-width: 100%;
    margin-bottom: 15px;
    max-height: 200px
}

.edit-img-teach .teach-box {
    text-align: center
}

.edit-img-teach .teach-box > div {
    position: relative;
    margin: 5px auto;
    display: inline-block
}

.edit-img-teach .edit-img {
    position: absolute;
    width: 19px;
    height: 18px;
    background: url(../images/bianji.png) no-repeat;
    background-size: contain;
    right: 0;
    bottom: 15px;
}

.teach-box-input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    width: 100%
}

.edit-img-teach .text-left {
    text-align: left;
    margin-bottom: 20px;
}

/* 教师主页 */
.bgColor {
    background: #0162AD
}

.fontColor {
    color: #0162AD
}

.boderTopColor {
    color: #0162AD
}

.teacher-head {
    width: 100%;
    height: 100px;
    line-height: 100px;
    position: relative;
    z-index: 20;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.teacher-head .logo {
    height: 44px;
    margin-top: 28px;
    background: none;
    max-width: 160px;
}

.teacher-head .line {
    width: 2px !important;
    height: 34px !important;
    margin: 33px 16px;
    background: #fff
}

.teacher-head .head-title {
    font-size: 30px;
    color: #fff;
    font-weight: bold
}

.teacher-head .head-search {
    width: 400px;
    height: 40px;
    margin-top: 28px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 80px
}

.teacher-head .head-search input {
    width: 355px;
    float: left;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}

.teacher-head .head-search span {
    font-size: 18px;
    margin-top: 11px;
}

.teacher-head .login-before {
    font-size: 16px;
    color: #fff
}

.teacher-head .login-before a {
    color: #fff;
    text-decoration: underline
}

.fontColor .icon-shlg_1:before {
    color: #0162AD
}

.teacher-index .swiper-container {
    width: 100%;
    height: 420px;
}

.teacher-index .swiper-slide {
    width: 100%;
    height: 100%;
    background-size: cover !important
}

.teacher-index .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border-radius: 0;
    background: #fff;
    opacity: 1
}

.teacher-index .swiper-pagination-bullet-active {
    background: #0162AD
}

.teacher-index .list {
    margin-top: 40px
}

.teacher-index .list .title {
    text-align: center
}

.teacher-index .list .title a {
    display: inline-block;
    vertical-align: middle;
    width: 136px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.teacher-index .list .title a.on {
    background: #0162AD;
    color: #fff;
}

.teacher-index .list .line {
    width: 100%;
    height: 1px;
}

.teacher-index .list ul {
    padding: 16px 0
}

.teacher-index .list li {
    float: left;
    padding-right: 10px;
    width: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 16px 0;
}

.teacher-index .list li::before {
    content: "> ";
}

.teacher-index .list .look-more {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}

.filtrate .top {
    line-height: 40px;
    margin-top: 72px;
}

.filtrate .input {
    width: 235px;
    margin-right: 32px;
    position: relative
}

.filtrate .input::after {
    position: absolute;
    transition: all 0.5s;
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    right: 10px;
    top: 14px;
    background: url(../images/shlg_2.png);
}

.filtrate .input.on::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.filtrate input {
    width: 235px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #BFBFBF;
    border-radius: 4px;
    margin-right: 32px;
}

.filtrate .top ul {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 42px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    padding: 10px;
    line-height: 30px;
}

.filtrate .top ul li {
    cursor: pointer
}

.filtrate .top a.sure {
    width: 120px;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.filtrate .top a.reset {
    margin-left: 23px;
    color: #666;
    font-size: 16px;
}

.filtrate .con {
    margin-top: 24px;
}

.filtrate .con li {
    float: left;
    width: 286px;
    height: 346px;
    background: #F8F8F8;
    margin-right: 18px;
    margin-top: 24px;
    padding: 24px 32px;
}

.filtrate .con li:nth-child(4n) {
    margin-right: 0
}

.filtrate .con li .item {
    line-height: 19px;
    margin-top: 10px;
}

.filtrate .con li img {
    display: block;
    margin: 0 auto;
}

.filtrate .con li strong {
    margin-top: 8px;
    display: block
}

.hide-text-2 {
    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;
}

.teacher-index .line {
    width: 100%;
    height: 1px;
}

.teacher-index .college span {
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 0 40px;
    display: inline-block;
    margin-top: 32px;
}

.teacher-foot {
    margin-top: 80px;
    height: 150px;
    line-height: 30px;
    color: #999
}

.teacher-foot .item {
    margin-top: 40px
}

.teacher-index .bread {
    margin-top: 40px;
}


/* 导师主页 */
.teacher-bg {
    position: fixed;
    top: 0;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    height: calc(100% - 0px);
    min-width: 1200px;
    background: url(../images/login-bg.png) center top no-repeat;
    background-attachment: fixed;
}

.teacher-bg:before {
    position: absolute;
    content: "";
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 247, 0.6) 60%, rgba(247, 247, 247, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 247, 0.6) 60%, rgba(247, 247, 247, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 247, 0.6) 60%, rgba(247, 247, 247, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.teacher-main {
    margin: 0 auto;
    width: 1200px;
    margin-top: 40px;
    position: relative;
    z-index: 30;
}

.teacher-main .teac-menu {
    height: 60px;
    box-shadow: 0px 4px 8px -2px rgba(29, 33, 41, 0.26);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.teacher-main .teac-menu li {
    width: 171px;
}

.teacher-main .teac-menu li a {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: center;
    background: #fff;
}

.teacher-main .teac-menu li a.bgColor {
    color: #fff;
}

.teac-leftcon {
    float: left;
    width: 320px;
}

.teac-bk {
    margin-top: 24px;
    border-top: 4px solid #0162AD;
    background: #fff;
    box-shadow: 0px 4px 8px -2px rgba(29, 33, 41, 0.26);
}

.teac-leftcon .teac-bk {
    padding: 0 16px 20px 16px;
}

.teac-hbt {
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 15px;
}

.teac-hbt .hbt1 {
    margin-top: 20px;
    line-height: 24px;
    font-size: 18px;
}

.teac-hbt .hbt2 {
    color: #B3B3B3;
    line-height: 16px;
    font-size: 12px;
}

.teac-leftcon .phototu {
    margin: 0 auto;
    margin-top: 30px;
    width: 120px;
}

.teac-leftcon .phototu img {
    width: 100%;
}

.teac-leftcon .photoname {
    margin: 8px;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #333;
}

.teac-leftcon .wholike {
    margin: 0 auto;
    width: 220px;
    text-align: center;
    height: 24px;
    position: relative;
    vertical-align: middle;
    font-size: 0;
    overflow: hidden;
}

.teac-leftcon .wholike i {
    position: absolute;
    right: 0;
    top: 0;
    height: 24px;
    width: 22px;
    content: "";
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 100%);
}

.teac-leftcon .wholike .zan {
    vertical-align: middle;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/shlg_5.png) no-repeat;
}

.teac-leftcon .wholike .zan.not {
    background: url(../images/shlg_12.png) no-repeat;
}

.teac-leftcon .wholike .number {
    vertical-align: middle;
    display: inline-block;
    height: 20px;
    background: #FF576F;
    padding: 0 6px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    margin-left: 8px;
}

.teac-leftcon .wholike img {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    margin-left: 4px;
}

.teac-leftcon .info1 {
}

.teac-leftcon .info1 li {
    margin-top: 14px;
    line-height: 22px;
    color: #333;
    font-size: 14px;
}

.teac-leftcon .info1 li .cw {
    margin-left: 6px;
}

.teac-leftcon .info1 li .cw:first-child {
    margin-left: 0;
}

.teac-leftcon .xxpictu {
    margin: 0 auto;
    margin-top: 20px;
    width: 150px;
    height: 150px;
    padding: 10px;
}

.teac-leftcon .xxpictu img {
    width: 130px;
    height: 130px;
}

.teac-rightcon {
    float: right;
    width: 840px;
}

.teac-rightcon .teac-bkcon {
    display: none;
}

.teac-rightcon .teac-bkcon:first-child {
    display: block;
}

.teac-rightcon .teac-bk {
    padding: 0 32px 24px 32px;
}

.teac-rightcon .teac-bk.tab {
    padding: 0;
}

.teac-rightcon .info2 {
    margin-top: 16px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
}

.teac-rightcon .tabmenu2 {
    height: 76px;
}

.teac-rightcon .tabmenu2 li {
    float: left;
    width: 242px;
    height: 76px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.teac-rightcon .tabmenu2 li .bt1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #0162AD;
    line-height: 24px;
}

.teac-rightcon .tabmenu2 li .bt2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #B3B3B3;
    line-height: 26px;
}

.teac-rightcon .tabmenu2 li.bgColor {
    background: #0162AD;
}

.teac-rightcon .tabmenu2 li.bgColor .bt1, .teac-rightcon .tabmenu2 li.bgColor .bt2 {
    color: #fff;
}

.teac-rightcon .tabmain2 {
    padding: 32px;
}

.teac-rightcon .tab-article {
    line-height: 32px;
    font-size: 14px;
    color: #333;
    display: none;
}

.teac-rightcon .tab-article:first-child {
    display: block;
}

.teac-rightcon .teac-bk.noborder {
    border-top: 0;
}

.teac-rightcon .noborder .btwz {
    padding: 24px 0;
    border-bottom: 1px solid #ECECEC;
    font-size: 0;
}

.teac-rightcon .noborder .btwz i {
    width: 4px;
    height: 18px;
    background: #0162AD;
    margin-right: 16px;
    display: inline-block;
    vertical-align: middle;
}

.teac-rightcon .noborder .btwz span {
    font-size: 18px;
    font-weight: 600;
    color: #0162AD;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
}

.teac-rightcon .info3 {
    margin: 0 35px;
}

.teac-rightcon .xyname {
    margin-top: 40px;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    font-weight: 600;
}

.teac-rightcon .xystu {
    margin-top: 60px;
    height: 34px;
    position: relative;
}

.teac-rightcon .xystu .xian {
    height: 4px;
    background: #02B2A0;
}

.teac-rightcon .xystuleibie {
    position: absolute;
    left: 50%;
    margin-left: -133px;
    top: -18px;
    width: 266px;
    height: 40px;
    line-height: 40px;
    background: url(../images/shlg_6.png) no-repeat;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.teac-rightcon .xystu2 .xian {
    background: #4A90E2;
}

.teac-rightcon .xystu2 .xystuleibie {
    background: url(../images/shlg_7.png) no-repeat;
}

.teac-rightcon .xybiao {
    background: #FAFAFA;
    border-bottom: 1px solid #E8E8E8;
}

.teac-rightcon .xybiao li {
    float: left;
    width: 120px;
    padding: 16px;
    line-height: 22px;
    color: #333;
    font-size: 14px;
}

.teac-rightcon .xybiao li:nth-child(2) {
    width: 340px;
}

.teac-rightcon .xybiao.titlebt {
    background: #fff;
}

.teac-rightcon .xybiao.titlebt > a {
    display: block;
}

.teac-rightcon .xybiao.titlebt > a:hover {
    background: #ECF5FC;
}

.teac-rightcon .xybiao.titlebt > a dl {
    border-bottom: 1px solid #E8E8E8;
}

.teac-rightcon .xybiao.titlebt > a:last-child dl {
    border-bottom: 0;
}

.teac-rightcon .xybiao.titlebt > a dd {
    float: left;
    width: 120px;
    padding: 16px;
    line-height: 22px;
    color: #333;
    font-size: 14px;
}

.teac-rightcon .xybiao.titlebt > a dd:nth-child(2) {
    width: 340px;
}

.teac-rightcon .mybaokao {
    position: fixed;
    right: 0;
    bottom: 240px;
    z-index: 40;
    width: 80px;
    height: 80px;
    background: #0162AD url(../images/shlg_8.png) center 16px no-repeat;
    border-radius: 50%;
    padding-top: 44px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.flex-info {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}

.teac-rightcon .info3 .zlitem {
    line-height: 28px;
    margin-top: 40px;
    width: 275px;
}

.teac-rightcon .info3 .zlitem .s1 {
    float: left;
    width: 80px;
    text-align: left;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}

.teac-rightcon .info3 .zlitem .input-area {
    float: left;
    position: relative;
}

.teac-rightcon .info3 .zlitem .input-area input[type='text'] {
    width: 190px;
    height: 28px;
    line-height: 26px;
    padding: 0 10px;
    border: 1px solid #C4C6CF;
    border-radius: 4px;
}

.teac-rightcon .info3 .zlitem .sex-item {
    float: left;
    cursor: pointer;
    margin-right: 20px;
}

.teac-rightcon .info3 .zlitem .sex-item input {
    display: none;
}

.teac-rightcon .info3 .zlitem .sex-item em {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #C4C6CF;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
}

.teac-rightcon .info3 .zlitem .sex-item.on em {
    border: 3px solid #386ED3;
}

#doc_type em {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #C4C6CF;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
}

#doc_type em:after {
    position: absolute;
    content: '';;
    width: 6px;
    height: 6px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 4px;
    margin-left: 4px;
}

#doc_type em.on {
    border: 1px solid #386ED3;
}

#doc_type.on em:after {
    background: #386ED3;
}


.teac-rightcon .info3 .zlitem.line {
    width: 100%;
}

.teac-rightcon .info3 .zlitem .s3 {
    float: left;
    text-align: left;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}

.teac-rightcon .info3 .zlitem .s2 {
    float: left;
    margin-right: 20px;
    height: 28px;
    line-height: 26px;
    padding: 0 16px 0 34px;
    background: url(../images/shlg_20.png) 16px center no-repeat;
    border: 1px solid #C4C6CF;
    border-radius: 4px;
    position: relative;
}

.teac-rightcon .info3 .zlitem .s2 .uploadtu {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.teac-rightcon .info3 .zlitem .upfile {
    clear: both;
    padding-top: 20px;
    padding-left: 80px;
    display: none;
}

.teac-rightcon .info3 .zlitem .upfile .file_list {
    float: left;
    padding: 0 25px;
    height: 20px;
    line-height: 20px;
    background: url(../images/shlg_14.png) left center no-repeat;
    position: relative;
    margin-right: 20px;
}

.teac-rightcon .info3 .zlitem .upfile .deletefile {
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    line-height: 20px;
    background: url(../images/shlg_15.png) right center no-repeat;
    width: 20px;
}

.teac-rightcon .info3 .zlitem .bzsm {
    width: 620px;
    float: left;
}

.teac-rightcon .info3 .zlitem .bzsm textarea {
    line-height: 28px;
    padding: 0 10px;
    border: 1px solid #C4C6CF;
    width: 100%;
    border-radius: 4px;
    min-height: 98px;
}

.teac-rightcon .info3 .saveinfo {
    float: right;
    width: 85px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background: #0162AD;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.teac-rightcon .info3 .stu {
    margin-top: 40px;
    background: #FAFAFA;
}

.teac-rightcon .info3 .stu:last-child {
    margin-bottom: 16px;
}

.teac-rightcon .info3 .stu.t1 {
    border-top: 4px solid #02B2A0;
}

.teac-rightcon .info3 .stu.t2 {
    border-top: 4px solid #4A90E2;
}

.teac-rightcon .info3 .stu .btname {
    width: 226px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.teac-rightcon .info3 .stu.t1 .btname {
    background: #02B2A0;
}

.teac-rightcon .info3 .stu.t2 .btname {
    background: #4A90E2;
}

.teac-rightcon .info3 .stu .namelist {
    padding: 0 32px 24px;
}

.teac-rightcon .info3 .stu .namelist > a {
    float: left;
    width: 125px;
    margin-top: 24px;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 16px;
    padding-left: 16px;
    background: url(../images/shlg_13.png) left center no-repeat
}

.teac-rightcon .btbar {
    float: right;
    line-height: 24px;
    color: #999999;
    font-size: 12px;
}

.teac-rightcon .btbar a {
    color: #999999;
}

.teac-rightcon .btbar a:hover {
    color: #0162AD
}

.teac-rightcon .info4 {
    padding-bottom: 40px;
    border-bottom: 1px solid #ECECEC;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}

.teac-rightcon .info4 .itembk {
    margin-top: 40px;
    width: 205px;
    padding-left: 25px;
}

.teac-rightcon .info4 .itembk .tp1, .teac-rightcon .info5 .itembk2 .tp1 {
    line-height: 22px;
    font-size: 0;
}

.teac-rightcon .info4 .itembk .tp1 i, .teac-rightcon .info5 .itembk2 .tp1 i {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    background: #0162AD;
    margin-right: 8px;
}

.teac-rightcon .info4 .itembk .tp1 span, .teac-rightcon .info5 .itembk2 .tp1 span {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
    font-size: 14px;
    color: #999;
}

.teac-rightcon .info4 .itembk .twz {
    line-height: 22px;
    font-size: 16px;
    color: #333;
}

.teac-rightcon .info4.infobottom {
    padding-bottom: 0;
    padding-top: 24px;
    border: 0;
}

.teac-rightcon .info4.infobottom .itembk {
    margin-top: 0;
}

.teac-rightcon .info4.infobottom .itembk .tp2 {
    padding-left: 24px;
    line-height: 18px;
    font-size: 14px;
    color: #666;
}

.teac-rightcon .info4.infobottom .itembk .tp2.dh {
    background: url(../images/shlg_9.png) left center no-repeat;
}

.teac-rightcon .info4.infobottom .itembk .tp2.yx {
    background: url(../images/shlg_10.png) left center no-repeat;
}

.teac-rightcon .info4.infobottom .itembk .tp2.sj {
    background: url(../images/shlg_11.png) left center no-repeat;
}

.teac-rightcon .info5 {
    padding: 48px 25px 16px 180px;
    min-height: 234px;
    position: relative;
}

.teac-rightcon .info5 .pictu {
    position: absolute;
    top: 40px;
    left: 25px;
    width: 120px;
    height: 168px;
    overflow: hidden;
}

.teac-rightcon .info5 .pictu img {
    width: 100%;
}

.teac-rightcon .info5 .student {
    height: 26px;
    line-height: 26px;
    color: #333;
}

.teac-rightcon .info5 .student span {
    font-size: 16px;
    vertical-align: bottom;
    margin-right: 8px;
}

.teac-rightcon .info5 .student span.name {
    font-size: 20px;
    vertical-align: bottom
}

.teac-rightcon .info5 .itembk2 {
    margin-top: 22px;
    width: 250px;
}

.teac-rightcon .info5 .info4 {
    padding-bottom: 0;
    border-bottom: 0;
}

.teac-foot {
    margin-top: 48px;
    clear: both;
    border-top: 2px solid #0162AD;
    padding: 40px 0;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 14px;
    color: #999;
    line-height: 30px;
}

.share-info {
    position: fixed;
    right: 0;
    bottom: 20px;
    z-index: 40;
}

.share-info > a, .share-info .teac-share {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    border: solid 1px #CED9E6;
    margin-top: -1px;
    color: #8e9ca9;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
    background: #fff;
}

.share-info > a span, .share-info .teac-share span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    text-align: center;
    padding: 11px 0;
    visibility: hidden;
}

.share-info .teac-share span {
    padding: 20px 0;
}

.share-info .teac-share {
    border-radius: 2px 2px 0 0;
}

.share-info .teac-share:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/shlg_16.png) center center no-repeat;
}

.share-info a.teac-goindex:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/shlg_17.png) center center no-repeat;
}

.share-info a.teac-gotop {
    border-radius: 0 0 2px 2px;
}

.share-info a.teac-gotop:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/shlg_18.png) center center no-repeat;
}

.share-info > a:hover, .share-info .teac-share:hover {
    color: #fff;
}

.share-info > a:hover:before, .share-info .teac-share:hover:before {
    visibility: hidden;
}

.share-info > a:hover span, .share-info .teac-share:hover span {
    visibility: visible;
}

.share-info .sharek {
    position: absolute;
    top: 0px;
    right: 0;
    padding-right: 65px;
    display: none;
}

.share-info .share1 {
    background-color: #ffffff;
    overflow: hidden;
    width: 122px;
    border: 1px solid #CED9E6;
    border-radius: 2px;
    background: #fff;
    padding: 10px 15px;
}

.bdshare-button-style1-24 .bds_more {
    color: #999 !important;
    font-size: 14px !important;
    background-image: none !important;
}

.bdshare-button-style1-24 .bds_weixin {
    background: url(../images/ky_ny_9.png) 0 0 no-repeat !important;
}

.bdshare-button-style1-24 .bds_tsina {
    background: url(../images/ky_ny_10.png) 0 0 no-repeat !important;
}

.bdshare-button-style1-24 .bds_qzone {
    background: url(../images/ky_ny_12.png) 0 0 no-repeat !important;
}

.bdshare-button-style1-24 .bds_sqq {
    background: url(../images/ky_ny_13.png) 0 0 no-repeat !important;
}

.share1 .bdshare-button-style1-24 a {
    color: #666 !important;
    font-size: 14px !important;
    padding-left: 30px !important;
    margin-right: 0 !important;
}

.title_tab > ul {
    display: none;
}

.title_tab > ul:first-child {
    display: block;
}

.filtrate .top ul {
    max-height: 232px;
    overflow: hidden;
    overflow-y: auto;
}

.liaddImg {
    color: #ededed;
    font-size: 65px;
    cursor: default
}


.teach-item-three ul li img {
    max-width: 100%;
    max-height: 100%
}

.item-four-list li {
    float: left;
    margin-left: 28px;
    background: #fff;
    text-align: center
}

.item-four-list .imgContainer {
    border: 1px solid #ededed;
    width: 160px;
    height: 125px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
}

.item-four-list .imgContainer.blue {
    border-color: #1890ff
}

.item-four-list .imgContainer img {
    max-width: 100%;
    max-height: 100%
}

.item-four-list {
    margin-left: -28px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.logoRightBox {
    margin-left: 10px;
    margin-top: 20px;
}

.logoRightBox .colorNow {
    width: 100px;
    height: 30px;
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #000;
}

.logoRightBox ul {
    width: 320px;
    height: 320px;
}

.logoRightBox li {
    position: relative;
    width: 30px;
    height: 30px;
    background-color: #000;
    margin-right: 10px;
    margin-top: 2%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
}

.logoRightBox li b {
    font-family: -webkit-body;
    position: absolute;
    top: 47%;
    left: 50%;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(-50%) translateX(-40%);
    -moz-transform: translateY(-50%) translateX(-40%);
    -ms-transform: translateY(-50%) translateX(-40%);
    -o-transform: translateY(-50%) translateX(-40%);
    transform: translateY(-50%) translateX(-40%);
    color: #fff
}

.edit_select .item li {
    float: left;
    color: #a7a7a7;
    height: 20px;
    line-height: 20px;
    width: 100px;
    cursor: pointer
}

.logoRightBox li.activeless b {
    display: none;
}

.seZhiBox {
    margin-left: 35px;
    margin-top: 20px;
}

.teach-item-three ul li img {
    max-width: 100%;
    max-height: 100%
}


/*by lqq 样式优化*/
.inlineBlock {
    display: inline-block;
}

.positionRelative {
    position: relative;
}

.positionAbsolute {
    position: absolute;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*end by lqq 样式优化*/


.major-condition {
    position: relative;
}

.major-condition input {
    width: 470px;
    cursor: pointer;
    padding-right: 30px !important
}

.major-condition ul {
    position: absolute;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    z-index: 200;
    height: 200px;
    overflow-y: auto;
    top: 34px;
    left: 0px;
    width: 50%;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    line-height: 30px;
    background: #fff;
    display: none
}

.major-condition ul li {
    padding: 0 0 0 10px;
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.major-condition ul.two {
    left: 50%
}

.major-condition ul.three {
    left: 100%
}

.major-condition img {
    position: absolute;
    right: 10px;
    top: 14px;
}

.major-condition ul li.on {
    background: #f3fafd
}

.input-block-item {
    width: 250px;
    position: relative;
    margin-top: 10px;
}

.input-block-item:first-child {
    margin: 0;
}

.input-block-item img {
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer
}

.input-block-item img.delete {
    display: none;
}

.input-block-item ul {
    display: none;
    position: absolute;
    left: 0;
    top: 34px;
    line-height: 32px;
    width: 215px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 100;
    border-radius: 4px;
}

.input-block-item ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}