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

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

/*葛颜艳*/
.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;
}

/* 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: 24px;
    margin-left: 8px;
    vertical-align: middle;
}

.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-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: 60px;
}

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

.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;
    width: 234px;
    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: 15px;
    height: 8px;
    background: url(../images/arrow.png);
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s
}

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

.m-select dt {
    line-height: 32px;
    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;
    height: 24px;
    line-height: 24px;
    padding: 0 20px;
    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
}

/* 基础信息 */
.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 15px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    border-bottom: 2px solid #fff
}

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

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

.base-title span {
    position: absolute;
    left: -20px;
    top: 2px;
    width: 10px;
    height: 20px;
    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: 1px dashed #dfdfdf;
    border-radius: 3px;
    text-align: center;
    margin-right: 25px;
}

.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 {
    display: block;
    width: 100%;
    height: 100%
}

.base-box .upload-logo-btn span {
    color: #999;
}

.base-box .upload-logo-btn .upload-icon {
    margin-top: 27px;
    font-size: 20px;
}

.logo-tip {
    padding: 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
}

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

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

.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: center;
    font-weight: 600;
}

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

.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 6px !important;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 6px !important
}

.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: 20px;
    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 {
    overflow: hidden;
    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 {
    text-align: center;
}

.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: 20px;
    top: 4px;
    right: 0px;
    background: url(chosen-sprite.png) no-repeat 0px 2px;
}

.import-pro-class .input-child-r > span.on i {
    background: url(chosen-sprite.png) no-repeat -18px 2px;
}

.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: 100px;
    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
}

.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: 30px;
    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: 100%;
    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;
    text-align: center;
    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;
    text-decoration: underline;
}

.teacher-info span {
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}

.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 .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: 36px;
}

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

.login-top > div {
    width: 980px;
    margin: 0 auto;
}

.login-top img {
    vertical-align: middle;
}

.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 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: 72px;
    text-align: center;
    background: #f0f2f5;
    font-size: 14px;
    position: fixed;
    bottom: 0;
}

.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 {

    display: flex;
    justify-content: center;
    align-items: center;
}

.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: 84px;
    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-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-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;
}