.clearfix:after,
.clearfix li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}

.clearfix,
.clearfix li {
    zoom: 1;
}
/* 全平台logo适配 */
.logoctn{
    max-width: 282px;
    min-width: 46px;
    height: 46px;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logoctn>img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
    width: auto !important;
}
/*border-box样式*/
.bb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body,html{
    font:14px/1.5 "微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;
    overflow-x: hidden;
    box-sizing: border-box;
    width: 100%;
    /* min-width: 1200px; */
    /*height: 100%;*/
    min-height: 100%;
}

a:focus {
    outline: none;
}

.flex {
    display: box;
    display: -webkit-box;
    /* iOS 6-, Safari 3.1-6 */
    display: -webkit-flex;
    /* Chrome */
    display: -moz-box;
    /* Firefox 19 */
    display: -ms-flexbox;
    display: flex;
}

.masking {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.62);
    z-index: -1;
}

.backimg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -2;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

iframe {
    border: 0 !important;
}

/*h1,h2,h3,h4,h5{ letter-spacing: 2px;}*/
.main_color {
    color: #FF8F0B !important;
}

/*个人中心头像所在按钮样式改变*/
/*.active{background: #FF8F0B}*/
.link-a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.yc {
    display: none !important;
}

.xs {
    display: block !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.content-sub {
    min-height: calc(100% - 250px);
}

.container {
    /* width: 1200px; */
    /* min-width: 1200px; */
    margin: 0 auto;
    border-radius: 4px;
    position: relative;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

/*layer弹框全局高度*/
.layui-layer-dialog .layui-layer-content {
    max-height: 768px;
}

/*所有弹窗位置*/
/*.layui-layer-page,.layui-layer-dialog{*/
/*top: 50% !important;*/
/*left: 50% !important;*/
/*}*/
.layui-layer-btn .layui-layer-btn1,
.layui-btn-submit {
    margin-top: 5px !important;
}

.user-pop-up,
.fail-num-box,
.lead-suc {
    top: 50% !important;
    left: 50% !important;
}

/*select[xm-select][xm-select-type='1'] + div dl dd.xm-select-this, select[xm-select]:not([xm-select-type]) + div dl dd.xm-select-this{*/
/*background: #108EE9!important;*/
/*}*/
/*common end*/
/*注册隐私*/
.layui-form-item .check-disagree {
    background: #b7b0a9;
}

.term-container h1,
.term-container h2,
.term-container h3,
.term-container h4,
.term-container h5,
.term-container h6 {
    font-weight: 600;
}

.term-container h1,
.term-container h2 {
    text-align: center;
    margin-top: 24px;
}

.term-container h3 {
    margin-bottom: 6px;
}

.term-container p {
    line-height: 24px;
}

.term-container section {
    margin: 12px 0;
}


.index {
    background: #F4F4F4;
}

.login-header {
    position: fixed;
    left: 50%;
    margin-left: -600px;
    z-index: 1;
}

.logo {
    width: 1200px;
    height: 70px;
    margin: 20px auto;
    color: #A9A9A9;
    display: flex;
    align-items: center;
}

.i-logo {
    position: relative;
    line-height: 50px;
}

.i-logo img {
    max-width: 100px;
    max-height: 50px;
}


.slogan {
    display: inline-block;
    font-size: 26px;
    vertical-align: sub;
    margin-left: 10px;
    color: #FFF;
    font-weight: 600;
}

/* .h-nav {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
} */

/* .h-nav li {
    position: relative;
    width: 100px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #606060;
} */

.h-nav li.this_nav {
    font-weight: bold;
    box-sizing: border-box;
}

/* .h-nav .h-navlist li:not(.this_nav):hover {
    box-sizing: border-box;
    background: rgba(0, 0, 0, .15);
} */

header .search {
    margin-top: 33px;
    margin-left: 100px;
    margin-right: 20px;
}

header .search i {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../sprites/sprites_sys.png") -56px -65px no-repeat;
}

.h-login {
    height: 50px;
    display: flex;
    align-items: center;
    position: relative;
}

.h-login a {
    font-size: 16px;
    color: #606060;
    font-weight: bold;
}

.h-login a:hover {
    color: #FF8F0B;
}

.notice-sum {
    width: 19px;
}

.logined {
    position: relative
}

.logined>li {
    float: left;
    width: 90px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: relative;
}

.layui-badge,
.layui-badge-dot,
.layui-badge-rim {
    background-color: red;
}

.user-pop>i.iconfont {
    font-size: 22px;
    line-height: 40px;
    color: #8590A6;
}

.logined>li>a {
    display: inline-block;
    width: 30px;
    height: 28px;
    vertical-align: middle;
}

.logined>li>a.link-a {
    width: 100%;
    height: 100%;
}

/*.logined>li:nth-child(1)>a{background-position: -20px -120px;position: relative;}*/
.logined>li:nth-child(2)>a {
    width: 30px;
    height: 28px;
    background: none;
    vertical-align: inherit;
}

.logined>li:nth-child(2)>a img {
    width: 100%;
    border-radius: 50%
}

.logined>li:nth-child(1) a.hnotice:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    background: #F24724;
    border: 2px solid #FFF;
}

.logined .pop-up {
    display: none;
    position: absolute;
    top: 50px;
    right: -30px;
    bottom: -98%;
    width: 140px;
    height: 88px;
    z-index: 13;
    line-height: 1.8;
    box-shadow: 0px -2px 10px rgba(153, 153, 153, 0.20);
}

.logined .pop-up span {
    position: relative;
    display: inline-block;
    width: 140px;
    height: 44px;
    line-height: 44px;
    background-color: #FFF;
    color: #606060;
    text-align: left;
}

.logined .pop-up span:hover {
    background-color: #E8E8E8;
}

.logined .pop-up span em {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 15px;
    vertical-align: top;
}

.logined .pop-up i,
.logined .notice-pop i {
    border-left: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    background: #FFF;
    position: absolute;
    top: -7px;
    right: 50%;
    z-index: -1;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    box-shadow: -2px 2px 4px 0 rgba(153, 153, 153, 0.20);
}

.logined .notice-pop i {
    right: 46%;
}

.notice-pop-top {
    width: 100%;
    height: 46px;
    align-items: center;
    justify-content: center;
    color: #606060;
    font-weight: 600;
    line-height: initial;
}

.notice-content {
    height: 214px;
    width: 100%;
    overflow: auto;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.notice-content .notice-list {
    width: 100%;
}

.notice-content .notice-list>li {
    width: 100%;
    height: 41px;
    padding-left: 16px;
    align-items: center;
    position: relative;
}

.notice-content .notice-list>li:hover {
    background: #f7f7f7;
}

.notice-content .notice-list>li>em {
    color: #FF0101;
}

.notice-content .notice-list>li>span {
    width: 34px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin: 0 5px;
    font-size: 12px;
}

.affiche {
    background: #FFEBD4;
    color: #FF8F0B;
    border: 1px solid #FF8F0B;
}

.inform {
    background: #E5FEFC;
    border: 1px solid #0BA194;
    color: #0BA194;
}

.notice-content .notice-list>li.aread>em {
    display: none;
}

.notice-content .notice-list>li.aread>p {
    width: 240px;
    color: #D9D9D9;
}

.notice-content .notice-list>li>p {
    width: 211px;
    font-size: 12px;
    color: #108EE9;
    line-height: 17px;
    text-align: left;
}

/*通知空状态*/
.notice-content .mst-empty {
    height: 214px;
    line-height: initial;
}

.notice-content .mst-empty img {
    max-width: 110px;
}

.notice-content .mst-empty h4 {
    font-size: 12px;
    color: #E8E8E8;
}

.notice-pop-btm {
    height: 49px;
    width: 100%;
    padding: 0 16px;
    justify-content: space-between;
    align-items: center;
}

.notice-pop-btm>a {
    font-size: 14px;
    color: #108EE9;
    line-height: 49px;
}

.notice-pop,
.inform-pop {
    display: none;
    position: absolute;
    width: 316px;
    height: 309px;
    left: 50%;
    margin-left: -166px;
    right: 0;
    top: 50px;
    z-index: 12;
    background: #fff;
    border: 1px solid #F5F5F5;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.20);
    -moz-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.20);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.20);
}

.inform-pop {
    display: none;
}

.userLetter .layui-tab-title {
    line-height: 1.6;
    text-align: center;
}

.letter-title li i {
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url("../sprites/sprites_message.png") no-repeat;
}

.letter-title li:nth-child(1) i {
    background-position: -48px -48px;
}

.letter-title li:nth-child(2) i {
    background-position: -88px -48px;
}

.letter-title li:nth-child(3) i {
    background-position: -49px -10px
}

.letter-title li:nth-child(1):hover i {
    background-position: -10px -48px;
}

.letter-title li:nth-child(2):hover i {
    background-position: -88px -10px;
}

.letter-title li:nth-child(3):hover i {
    background-position: -10px -10px;
}

.userLetter .layui-tab-content a {
    color: #0e90d2;
}

.userLetter .layui-tab-content {
    line-height: 1.6;
}

.userLetter .layui-tab-content p {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
}

.banner {
    position: relative;
    height: 453px
}

.banner img {
    height: 100%;
}

.positon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
}

.user-info {
    position: absolute;
    top: 60px;
    right: 0;
    width: 260px;
    z-index: 11;
    padding: 10px;
    background: rgba(255, 255, 255, 0.95);
    overflow: hidden;
}

.user-info>a {
    font-size: 10px;
    color: #7496DD;
}

.user-info .user-avator {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    width: 78px;
    height: 78px;
    margin: 21px auto;
}

.user-info h2 {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    color: #606060;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.integral {
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
    color: #FF8F0B;
}

.integral a {
    color: #FF8F0B;
}

.achievement {
    justify-content: flex-start;
    margin-top: 10px;
    flex-wrap: wrap;
}

.achievement li {
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin: 6px;
    background: #d3d3d3;
    overflow: hidden;
}

.achievement li img {
    width: 100%;
}

.to-learn {
    margin-top: 20px;
    border-top: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: 0;
}

.to-learn p {
    width: 100%;
    font-size: 12px;
    color: #606060;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    box-sizing: border-box;
}

.to-learn p:hover {
    background: #eaeaea;
}

.to-learn p a {
    display: inline-block;
    width: 48px;
    height: 18px;
    border: 1px solid #FF8F0B;
    margin-top: 13px;
    line-height: 20px;
    text-align: center;
    color: #FF8F0B;
    padding: 2px;
    cursor: no-drop;
}

.user-info .timetable {
    display: block;
    margin-top: 15px;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    background: #FF8F0B;
}

#tec .to-learn p span {
    margin-top: 13px;
    display: inline-block;
}

#tec .to-learn p {
    line-height: 1.4;
}

/* .notice {
    box-sizing: border-box;
    margin-top: 20px;
    height: 40px;
    background: #FFF;
    line-height: 40px;
    color: #FF8F0B;
    padding-left: 10px;
    overflow: hidden;
    border-radius: 4px;
} */

.notice span i {
    vertical-align: middle;
    margin-left: 14px;
}

.notice-info {
    display: inline-block;
    width: 90%;
    height: 40px;
    vertical-align: middle;
    margin-left: 10px;
}

.notice-info .marquee {
    margin: 0 !important;
    width: 100%;
    background: #FFF !important;
    cursor: pointer;
}

.notice-info li>a {
    color: inherit;
}

.recommended {
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 20px;
    background: #FFF;
    padding: 20px 13px
}

/*空状态*/
.recommended .ic-empty {
    width: 100%;
    height: 302px;
    display: flex;
}

.recommended .ic-empty>div {
    margin: auto;
    text-align: center;
}

.recommended .ic-empty img {
    max-width: 178px;
    max-height: 140px;
}

.recommended .ic-empty h4 {
    font-size: 36px;
    color: #D8D8D8;
}

.more-reccourse {
    display: block;
    width: 100%;
    text-align: center;
    color: #606060;
    position: absolute;
    left: 50%;
    margin-left: -50%;
    bottom: 0;
    cursor: pointer;
    animation: scrolldown 1s ease-in-out infinite;
}

@keyframes scrolldown {
    from {
        bottom: 0;
    }

    to {
        bottom: -10px;
    }
}

.rec-title {
    margin-left: 12px;
    font-size: 18px;
    font-weight: bold;
    color: #FF8F0B;
    letter-spacing: 0;
}

.rec-title span {
    display: inline-block;
    width: 7px;
    height: 26px;
    margin-right: 8px;
    background: #FF8F0B;
    vertical-align: text-bottom;
}

.rec-title a {
    font-size: 14px;
    color: #e6e6e6;
    font-weight: normal;
}

.rec-course {
    position: relative;
    margin-top: 10px;
    padding-bottom: 30px;
    flex-wrap: wrap;
}

.layui-flow-more {
    position: absolute;
    bottom: -10px;
    cursor: pointer;
    z-index: 111;
    left: 50%;
    margin: 0 0 0 -48px;
    text-align: center;
    color: #999;
    font-size: 14px;
    outline: none;
}

.layui-flow-more a {
    outline: none
}

.layui-flow-more:hover a cite {
    color: #FF8F0B;
    outline: none;
}

.layui-flow-more a cite {
    background-color: #FFF;
    color: #8d8d8d;
}

.rec-course li {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    width: 234px;
    height: 264px;
    padding: 10px 0 20px 0;
    transition: 0.3s;
}

.rec-course li:hover {
    transform: translateY(-10px) scale(1.01);
    border: 1px solid #FF8F0B;
}

.rec-course li>img {
    width: 210px;
    height: 120px;
}

.course-info {
    flex-direction: column;
    justify-content: space-between;
    /*height: 104px;*/
    width: 90%;
    position: relative;
    text-align: left;
    margin: 0 10px;
}

.course-info h3 {
    width: 90%;
    margin: 8px auto 8px;
    color: #595959;
    font-size: 16px;
    font-weight: 600;
}

.course-info span {
    display: inline-block;
    color: #999;
    font-size: 12px;
}

.course-money {
    position: absolute;
    right: 10px;
    bottom: 27px;
    font-size: 16px;
    color: #FF8F0B;
}

#demo .course-money {
    bottom: 26px;
}

.main_con {
    margin-top: 22px;
    background: #fff;
    box-sizing: border-box;
    padding: 26px;
    border-radius: 4px;
}

.main_con .layui-tab-title {
    justify-content: center;
}

.main_con .layui-tab-title li {
    font-size: 18px;
    color: #D8D8D8;
    box-sizing: border-box;
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #FF8F0B;
    border-color: #FF8F0B;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #FF8F0B;
}

.article {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

/*空状态*/
.article .i-empty {
    width: 100%;
    height: 620px;
    display: flex;
}

.article .i-empty>div {
    margin: auto;
    text-align: center;
}

.article .i-empty img {
    max-width: 406px;
    max-height: 320px;
}

.article .i-empty h4 {
    font-size: 36px;
    color: #D8D8D8;
    margin-top: 40px;
}

.main_con .layui-tab-content {
    padding: 0;
}

.article .art-con {
    position: relative;
    width: 366px;
    height: 240px;
    margin-bottom: 50px;
}

.art-con>aside {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 30px;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
    background: rgba(12, 12, 12, 0.49);
    color: #FFF;

}

.art-con .ac-top {
    width: 100%;
    height: 120px;
    background: #FFAB39;
    box-sizing: border-box;
    padding-top: 17px;
}

.art-con:nth-child(even) .ac-top {
    background: #3290F9;
}

.ac-title {
    width: 193px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #fff;
    color: #fff;
    padding: 15px 0;
    text-align: center;
}

.ac-title h4 {
    font-size: 18px;
}

.ac-title h3 {
    font-size: 24px;
    margin-top: 10px;
}

.art-con .ac-bottom {
    box-shadow: 0 1px 10px 1px #e6e6e6;
    padding: 10px 10px 0 10px;
}

.ac-bottom h5 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #606060;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ac-bottom>span {
    display: inline-block;
    width: 95%;
    font-size: 12px;
    line-height: 1.8;
    color: #606060;
}

.ac-bottom em {
    font-size: 12px;
    color: #606060;
}

.course-sentiment {
    margin-top: 8px
}

.course-sentiment>em {
    margin-right: 100px;
}

.course-sentiment>span {
    display: inline-block;
    margin-bottom: 10px;
}

.course-sentiment>span:hover {
    cursor: pointer;
}

.course-sentiment>span>i {
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-right: 3px;
    background: url("../sprites/sprites_icon.png") no-repeat;
    vertical-align: sub;
}

.course-sentiment>span:nth-of-type(1)>i {
    background-position: -40px -8px
}

.course-sentiment>span:nth-of-type(2)>i {
    background-position: -10px -7px
}

.course-sentiment>span:nth-of-type(3)>i {
    background-position: -8px -39px;
    width: 12px;
}

/*login*/
#login {
    width: 100%;
    height: 100%;
    background: url(../images/Artboard.jpg) center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: cover;
    font-size: 100%;
}

.login-wrap {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#login iframe {
    height: 200px !important;
    transform: translateY(-20px);
}

.MT0 {
    margin-top: 0 !important;
}

.login-form {
    width: 390px;
    background: #fff;
    padding: 20px 30px 40px 30px;
    float: right;
    margin-right: 10vh;
    border-radius: 4px;
}

.verification {
    width: 255px !important;
    margin-right: 5px !important;
}

.MT5VH {
    /*margin-top: 5VH;*/
}

.choose-way {
    color: #A9A9A9;
    text-align: center;
}

.choose-way span {
    white-space: nowrap;
    font-size: 18px;
    color: #A9A9A9;
    font-weight: bolder;
}

.choose-way span:hover {
    cursor: pointer
}

.choose-way span:nth-child(1) {
    margin-right: 38px
}

.choose-way span:nth-child(2) {
    margin-left: 38px
}

.login-form .layui-form {
    margin-top: 30px;
}

.login-form .layui-form input {
    vertical-align: middle;
    font-size: 12px;
    border-radius: 4px;
    padding-left: 36px;
}

.login-form .layui-form input[type=checkbox] {
    width: 16px;
    height: 16px;
}

.login-form .layui-input-block {
    margin-left: 0;
    line-height: 36px;
}

.layui-input-inline.long {
    width: 100%;
}

form.phone-login {
    display: none;
}

.login-label {
    position: absolute;
    left: 10px;
    top: 8px;
    width: 18px;
    height: 20px;
    z-index: 1;
}

.login-label>i {
    font-size: 20px;
    display: block;
    color: #595959;
}

.label-for-username {
    background-position: -116px -10px
}

.label-for-password {
    background-position: -62px -63px
}

.layui-form-item {
    margin-bottom: 16px;
}

.layui-btn {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 18px;
    background: #0176FE;
    border-radius: 4px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 18px;
    border: none;
    cursor: pointer;
}

.get-code {
    display: inline-block;
    border: none;
    background: #26CCBB;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    padding-left: 0 !important;
}

.get-code.disabled {
    background: #606060 !important;
    border: none !important;
}

.layui-form-mid {
    padding: 0 !important;
    width: 26%;
    margin-right: 0;
}

.trun-register {
    font-size: 14px;
    text-align: center;
    color: #808080;
}

.trun-register a {
    color: #808080;
    margin: 0 3px;
    font-weight: 600;
}

.trun-register a:hover {
    color: #FF8F0B;
}

.other-login {
    font-size: 14px;
    letter-spacing: 0;
}

.MP_20 {
    margin-top: 20px !important;
}

.other-login>h4 {
    align-items: center;
}

.other-login em {
    display: inline-block;
    flex: 1;
    height: 1px;
    background: #e6e6e6;
}

.other-login span {
    color: #808080;
    margin: 0 10px;
    font-weight: 600;
}

.other-login>ul {
    justify-content: center;
    margin-top: 20px;
}

.other-login>ul li {
    margin: 0 20px;
    width: 30px;
    height: 30px;
    line-height: 25px;
    background: #adadad;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
}

.other-login>ul li i {
    color: #FFF;
    font-size: 20px;
    display: inline-block;
}

.other-login>ul li:nth-child(2) {
    background-position: -120px 0;
}

.other-login>ul li:nth-child(3) {
    background-position: -60px 0;
}

.other-login>ul li:nth-child(1):hover {
    background: #F24724;
}

.other-login>ul li:nth-child(2):hover {
    background: #0BA194;
}

.other-login>ul li:nth-child(3):hover {
    background: #108EE9;
}

.show-code-before {
    margin-top: 20px;
}

.show-code {
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    display: none;
}

iframe .impowerBox .qrcode {
    width: 50% !important;
}

.show-code>img {
    display: none;
    max-width: 100%;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

header.register {
    box-shadow: 0 1px 10px 1px #e6e6e6;
    height: 70px;
    line-height: 70px;
}

header.register .logo {
    margin-top: 0;
}

header.register .turn-login {
    margin-bottom: 0;
}

header.register .slogan {
    vertical-align: middle;
}

form.register {
    margin: 0 auto;
    padding: 0 -15px;
    /* max-width: 430px; */
}

form.register .layui-form-label {
    font-size: 16px;
    color: #6B6B6B;
    font-weight: bold;
}

#form86 {
    position: absolute;
    font-size: 12px;
    color: #6B6B6B;
    width: 40px;
    line-height: 38px;
    text-align: center;
    border-right: 1px solid #e6e6e6;
}

form.register #phone-input {
    padding-left: 46px;
}

.layui-form-item .layui-input-inline {
    margin-right: 0;
}

.turn-login {
    color: #6B6B6B;
    font-size: 16px;
    line-height: 50px;
    margin-left: 25px;
}

.turn-login>a {
    color: #0585ff;
}

.turn-login>a:hover {
    color: #FF8F0B;
}

#term {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    color: #0585ff;
}

#term-radio .layui-form-checkbox[lay-skin=primary] {
    margin-top: 2px;
}

#term:hover {
    color: #FF8F0B;
}

.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: #0176FE;
}

/*忘记密码*/
.time-line {
    margin-top: 70px;
    justify-content: center;
}

.time-line li {
    position: relative;
}

.time-line li i {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 4px solid #CDCDCD;
    box-sizing: border-box;
    vertical-align: middle;
}

.time-line li span {
    display: inline-block;
    width: 150px;
    height: 0;
    border: 1px solid #CDCDCD;
    vertical-align: middle;
}

.time-line li h5 {
    margin-top: 15px;
    font-size: 16px;
    color: #CDCDCD;
    margin-left: -28px;
    font-weight: bold;
}

.time-line li:last-child h5 {
    margin-left: -11px;
}

.active_step {
    border-color: #0176FE !important;
    color: #0176FE !important;
}

.step {
    display: none;
    margin: 100px auto 0;
    text-align: center;
}

.step .layui-form-label {
    font-size: 16px;
    color: #6B6B6B;
}

.step.tip {
    width: 80%;
    padding-top: 222px;
}

.step .changepass-tip {
    font-size: 24px;
    color: #555;
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
}

.step .to-login {
    display: block;
    width: 300px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    margin: 55px auto 0;
    border-radius: 4px;
    background: #26CCBB;
    color: #fff;
}

/*关联账号*/
.ask-tip {
    width: 90%;
    margin: 100px auto 0;
    text-align: center;
    font-size: 36px;
    color: #555;
}

.tWays-ass {
    margin-top: 100px;
    justify-content: space-around;
    flex-wrap: wrap;
}

.tWays-ass li {
    background: #FFF;
    border: 2px solid #fab15a;
    box-shadow: 0 2px 10px 0 rgba(208, 208, 208, 0.50);
    padding: 50px 142px;
    position: relative;
}

.tWays-ass li:hover {
    box-shadow: 0 -2px 10px 1px #e7e7e7;
    border-color: #FF8F0B;
}

.tWays-ass li>h3 {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #555;
}

/*关联注册账号*/
.ass-phone {
    /* max-width: 430px; */
    margin: 110px auto 0;
    transform: translateX(-35px);
}

.ass-phone .layui-form-label {
    font-size: 16px;
    color: #6B6B6B;
}

.ass-phone #phone-input {
    padding-left: 50px;
}

.ass-phone .trun-register {
    text-align: right;
    margin-right: 0;
    margin-bottom: 10px
}

.ass-phone .trun-register a {
    color: #0585ff;
}

.ass-phone .trun-register a:hover {
    color: #FF8F0B;
}

.layui-form-label.img {
    padding: 4px 15px;
}

.layui-form-label.img img {
    width: 32px;
    height: 32px;
}

/*页脚*/
.foot a:hover {
    color: #0e90d2;
}

.foot {
    margin-top: 80px;
    padding: 24px 0;
    background: #4e4e4e;
    color: #fff;
    position: relative;
}

.foot .QR-code {
    max-width: 100px;
    height: 100px;
    margin: auto;
    align-items: center;
    justify-content: center;
}

.foot .QR-code img {
    max-width: 90px;
    max-height: 90px;
    display: block;
    margin: 0 auto;
}

.foot .about_us {
    display: flex;
    justify-content: center;
    margin: 24px auto;
    text-align: center;
}

.foot .about_us a {
    color: inherit;
}

.foot .about_us>li {
    float: left;
    padding: 0 20px;
    font-size: 14px;
    color: #999;
}

.foot .about_us>li:not(:first-child) {
    border-left: 1px solid #999;
}

.foot .copyright {
    text-align: center;
    font-size: 14px;
    color: #999;
    margin-bottom: 5px;
    line-height: 20px;
}

.foot .copyright:last-of-type {
    margin-bottom: 0;
}

.foot .copyright a {
    color: inherit;
}

/*联系方式*/
.function {
    margin-top: 52px;
    margin-bottom: 35px;
}

.function_l {
    background: #FFF;
    float: left;
    width: 190px;
}

.function_li>li {
    height: 60px;
    line-height: 60px;
    float: left;
    padding: 0 51px;
    font-size: 16px;
    color: #999;
    position: relative;
}

.function_li>li i {
    color: inherit;
    margin-left: -5px;
    margin-right: 8px;
}

.mark_c {
    color: #FF8F0B !important;
}

.function_li>li>a {
    color: inherit;
}

.function_li .mark_h {
    display: none;
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 40px;
    vertical-align: middle;
    background: #FF8F0B;
}

.function_li .mark_s {
    display: inline-block !important;
}

.function_r {
    background: #FFF;
    float: left;
    width: calc(100% - 300px);
    margin-left: 50px;
    padding: 30px;
}

.function_r>h4 {
    height: 55px;
    line-height: 55px;
    width: calc(100% - 26px);
    padding-left: 26px;
    background: #F4F4F4;
    font-size: 18px;
    color: #606060;
}

.function_r>p {
    font-size: 16px;
    color: #999;
    margin: 40px 92px;
}

.function_r #map {
    width: 80%;
    height: 385px;
    margin: -10px 92px 42px;
}

.function_r #panel {
    margin: -10px 92px 42px;
}

#map>div:last-child {
    left: 200px;
}

.company_list {
    width: calc(100% - 60px);
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-top: 40px;
    padding: 0 30px;
}

.company_list>li {
    width: 235px;
    height: 170px;
    margin-bottom: 45px;
}

.company_list>li>img {
    width: 100%;
    height: 100%;
}

/*教务首页*/
.sys-head {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(208, 208, 208, 0.50);
}

.user-card {
    margin-top: 32px;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.user-card .teag-intro {
    background: #fff;
    width: 202px;
    height: 200px;
    box-shadow: 0 2px 5px 0 rgba(153, 153, 153, 0.20);
    border-radius: 4px;
    flex-direction: column;
    align-items: center;
}

/*图片*/
.user-card .mst-img {
    width: 78px;
    height: 78px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 16px;
    margin-top: 24px;
}

.mst-img>img {
    width: 100%;
    height: auto;
}

.intro-name>p {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #595959;
    text-align: center;
}

.intro-name>p:nth-child(1) {
    margin-bottom: 16px;
}

.intro-name>p>i {
    display: inline-block;
    font-size: 25px;
    color: #FF8F0B;
    margin-right: 2px;
    vertical-align: sub;
}

.user-card .teag-status {
    width: 980px;
    height: 200px;
    background: #FFF;
    box-shadow: 0 2px 5px 0 rgba(153, 153, 153, 0.20);
    border-radius: 4px;
    justify-content: space-evenly;
    align-items: center;
    padding: 0 30px;
}

.teag-status>li {
    text-align: center;
}

.teag-status>li>a {
    width: 100px;
    height: 100px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F8F8F8;
    margin-bottom: 14px;
}

.teag-status>li>a>i {
    font-size: 46px;
}

.teag-status>li.tiku {
    color: #3DC576;
}

.teag-status>li.dayi {
    color: #ff8f0b;
    cursor: no-drop;
}

.teag-status>li.share {
    color: #934de4;
    cursor: no-drop;
}

.teag-status>li.plat {
    color: #409dff;
    cursor: no-drop;
}

/*开放之后要删除*/
.teag-status>li:not(.renwu)>a {
    /*cursor: no-drop;*/
}

.teag-status>li.renwu {
    color: #ff6c6c;
}

.teag-status>li>a {
    color: inherit;
}

.teag-status>li i {
    color: inherit;
}

.teag-status>li>span {
    font-size: 16px;
    color: #595959;
}

.teag-status>li:hover a {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.teag-status>li.tiku:hover a {
    color: #FFF;
    background: #3DC576;
}

.teag-status>li.tiku:hover>span {
    color: #3DC576;
}

.teag-status>li.dayi:hover a {
    color: #FFF;
    background: #ff8f0b;
}

.teag-status>li.dayi:hover>span {
    color: #ff8f0b;
}

.teag-status>li.share:hover a {
    color: #FFF;
    background: #934de4;
}

.teag-status>li.share:hover>span {
    color: #934de4;
}

.teag-status>li.plat:hover a {
    color: #FFF;
    background: #409dff;
}

.teag-status>li.plat:hover>span {
    color: #409dff;
}

.teag-status>li.renwu:hover a {
    color: #FFF;
    background: #ff6c6c;
}

.teag-status>li.renwu:hover>span {
    color: #ff6c6c;
}

.ucreate-lesson {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #7496DD;
}

.uexploit {
    justify-content: space-between;
    margin-top: 24px;
}

.empty-status {
    width: 100%;
    max-height: 667px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}

#kcitemKs .empty-status,
#kcitemCs .empty-status,
#kcitemZy .empty-status {
    min-height: 293px;
}

.add-test-status {
    margin: auto;
}

.empty-status>img {
    max-width: 240px;
    max-height: 150px;
}

.empty-status h4 {
    position: relative;
    font-size: 20px;
    letter-spacing: 0;
    margin-top: 20px;
    color: #D8D8D8;
}

.empty-status h4 a {
    font-size: 20px;
    color: #108EE9;
}

.empty-status h4 em {
    font-size: 20px;
}

.exploiting {
    width: 100%;
    box-sizing: border-box;
}

.exploiting .empty-status {
    min-height: 280px;
}

.exploiting .empty-status h4 {
    text-align: center;
}

.exploiting>div {
    width: 100%;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(153, 153, 153, 0.20);
    border-radius: 4px;
}

.exploiting .rec-title {
    margin-left: 0;
}

.create-lesson {
    margin-top: 22px;
}

.create-lesson .cl-btn {
    width: 269px;
    height: 273px;
    line-height: 240px;
    text-align: center;
    cursor: pointer;
    border: 1px dashed #D8D8D8;
    background: #fff;
    color: #D8D8D8;
    position: relative;
    border-radius: 4px;
}

.lessoning {
    box-sizing: border-box;
    width: 282px;
    height: max-content;
    margin-top: 24px;
    margin-left: 12px;
    padding-left: 10px;
    transition: 0.3s;
    /*overflow: hidden;*/
    position: relative;
}

.lessoning-btm {
    width: 100%;
}

.lessoning-btm .lessoning-img {
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 8px;
}

.lessoning-btm .lessoning-img>img {
    width: 100%;
    height: auto;
}

.lessoning-detail {
    flex-direction: column;
}

.lessoning-detail>span {
    color: #999;
    font-size: 14px;
}

#controlDevLesson .lessoning:nth-of-type(4n) {
    margin-left: 0;
    border: none;
    width: 270px;
    padding: 0;
}

.lessoning:nth-of-type(1),
.lessoning:nth-of-type(2),
.lessoning:nth-of-type(3) {
    margin-top: 0;
}

.lesson-wrap {
    position: relative;
    padding-bottom: 15px;
    border-radius: 4px;
    border: 1px solid rgba(216, 216, 216, 0.20);
}

#controlDevLesson .lesson-wrap:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 2px 5px 0 rgba(216, 216, 216, 0.50);
}

#controlDevLesson .lessoning {
    margin-left: 14px;
}

#controlDevLesson .link-a,
#controlPublishLesson .link-a {
    height: 50%;
}

.lessoning .lesson-wrap>img {
    display: inline-block;
    width: 100%;
    height: 119px;
    border-radius: 4px 4px 0 0;
}

.lessoning .course-info {
    width: 95%;
}

.lessoning .course-info p {
    font-size: 14px;
    color: #606060;
    width: 100%;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 12px;
    /*white-space: nowrap;*/
}

.lessoning .course-info h3 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.lessoning .course-info span {
    margin-left: 0
}

.lessoning .course-money {
    color: #7496DD;
}

#controlPublishLesson .lesson-wrap {
    border-radius: 4px;
}

.lesson-wrap:hover {
    box-shadow: 0 2px 5px 0 rgba(216, 216, 216, 0.50);
}

#paging,
#paging1 {
    text-align: center;
    margin-top: 30px;
}

.layui-table-page .layui-box a,
.layui-table-page .layui-box span.layui-laypage-spr,
.layui-table-page .layui-box span.layui-laypage-curr {
    padding: 0;
    text-align: center;
    width: 8%;
    height: 28px;
    line-height: 28px;
    /*margin: 0 5px;*/
    border-radius: 4px;
    vertical-align: middle;
}

.layui-table-page .layui-laypage span {
    vertical-align: top;
}

.exploit-plan {
    box-sizing: border-box;
    width: 269px;
    padding: 20px 5px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(153, 153, 153, 0.20);
    border-radius: 4px;
}

.exploit-plan .rec-title .check-plan {
    margin-right: 8px;
    margin-top: 8px;
    color: #7496DD;
}

.eplan {
    margin-top: 20px;
    border-top: 1px solid #d8d8d8;
    height: calc(100% - 62px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-eplan {
    text-align: center;
}

.no-eplan img {
    display: inline-block;
    width: 117px;
    height: 99px;
}

.no-eplan span {
    display: block;
    width: 64%;
    margin: 20px auto 0;
    font-size: 18px;
    color: #D8D8D8;
    letter-spacing: 0;
    text-align: center;
}

.publish-lesson {
    box-sizing: border-box;
    margin-top: 20px;
    background: #fff;
    padding: 20px 24px;
    box-shadow: 0 2px 5px 0 rgba(153, 153, 153, 0.20);
    border-radius: 4px;
}

.publish-lesson .rec-title {
    display: inline-block;
    margin-left: 0;
}

.publish-lesson>label {
    display: inline-block;
    position: relative;
}

.publish-lesson>label i {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    background: url(../sprites/sprites_sys.png) no-repeat -65px -73px;
    cursor: pointer;
    z-index: 1;
}

#search-lesson {
    width: 262px;
    height: 36px;
    padding-left: 8px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
}

.publish-lesson .lessoning:nth-of-type(3),
.publish-lesson .lessoning:nth-of-type(4) {
    margin-top: 0;
    margin-left: 12px;
}

.publish-lesson .lessoning:nth-of-type(3) {
    width: 282px;
    margin-left: 12px;
    padding-left: 10px;
}

.publish-lesson .lessoning:nth-of-type(1),
.publish-lesson .lessoning:nth-of-type(4n+1) {
    margin-left: 0;
    border: none;
    width: 270px;
    padding: 0;
}

.publish-lesson .lessoning:hover .lesson-wrap {
    border: none;
}

.publish-lesson .create-lesson {
    max-height: 576px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.pass {
    color: #3DBD7D !important;
}

.audit {
    color: #108EE9 !important;
}

.nopass {
    color: #ff0000 !important;
}

.kcsoldout {
    color: #FD0B0B;
}

.layui-laypage select {
    vertical-align: sub;
    border-radius: 10px;
}

.layui-laypage input,
.layui-laypage button,
.layui-laypage>a:first-child {
    border-radius: 7px;
}

.layui-laypage-next em,
.layui-laypage-prev em {
    line-height: 1.2;
}

/*创建课程*/
.breadcrumb {
    height: 50px;
    line-height: 50px;
    /*background: #fff;*/
    box-sizing: border-box;
    padding-left: 30px;
    margin-bottom: -16px;
    font-family: -apple-system, BlinkMacSystemFont, Microsoft YaHei,
    Helvetica Neue, Helvetica, Hiragino Sans GB, Arial, sans-serif;
}

.breadcrumb .layui-breadcrumb a cite {
    color: #FF8F0B;
    font-size: 16px;
}

.breadcrumb .layui-breadcrumb a,
.breadcrumb .layui-breadcrumb span {
    color: #606060 !important;
}

.breadcrumb .layui-breadcrumb span {
    font-size: 16px;
    font-weight: 100;
}

.lesson-base {
    padding: 26px 30px 0 30px;
    background: #fff;
    box-sizing: border-box;
    margin-top: 20px;
}

.lesson-base>h2 {
    box-sizing: border-box;
    padding-left: 30px;
    font-size: 18px;
    font-weight: bold;
    line-height: 55px;
    color: #606060;
    letter-spacing: 0;
    background: #F4F4F4;
}

.lesson-base .lesson-form {
    margin-top: 32px;
    padding-bottom: 1px;
}

.lesson-base #upkccover {
    padding: 0
}

.lesson-base #prevcover {
    width: 300px;
    max-height: 300px;
}

.lesson-form .layui-form-item .layui-form-label {
    padding: 9px 0;
    width: 64px;
    /*font-weight: 600;*/
}

.lesson-form .layui-form-item {
    max-width: 800px;
    margin: 24px auto;
}

.layui-input-block .mark {
    display: inline-block;
    color: #606060;
    width: 10%;
    line-height: 36px;
    text-align: center;
}

#showEditor {
    font-size: 14px;
    color: #7496DD;
    cursor: pointer;
}

#editorwrap {}

#editorwrap .cke_chrome {
    border: 1px solid #ccc;
}

.btns-box {
    display: flex;
    justify-content: flex-end;
}

.btns-box .nextStep {
    margin-left: 30px;
}

.btns-box a,
.btns-box button {
    font-size: 14px;
}

.lesson-form .layui-btn {
    width: 100px;
    height: 32px;
    line-height: 32px;
}

.lesson-form a.layui-btn {
    background: #d8d8d8;
}

.lesson-form .layui-form-label>i {
    color: #ff0000;
    font-weight: bold;
}

#showcover {
    max-width: 100%;
    max-height: 150px;
}

.click-change {
    width: 85%;
}

.click-change>a,
.click-change>span {
    width: 90%;
    height: 100%;
}

/*增加章节*/
aside.aside {
    width: 350px;
    min-height: 100vh;
    height: 100%;
    background: #fff;
    position: relative;
    float: left;
    margin-right: -350px;
    left: 0;
    z-index: 12;
}

aside header {
    position: relative;
    text-align: center;
    padding: 25px 0;
    box-shadow: 0 0 5px 5px #F3F3F3;
}

aside header img {
    display: inline-block;
    width: 140px;
}

.addchapter {
    width: 90%;
    margin: 20px auto;
    height: 64px;
    box-sizing: border-box;
    border: 1px dashed #D8D8D8;
    border-radius: 4px;
    font-size: 18px;
    text-align: center;
    line-height: 64px;
    color: #D8D8D8;
    box-shadow: 0 0 10px 0 #ebe8e8;
    cursor: pointer;
}

.editor-chapter {
    width: 100%;
    height: 100vh;
    float: right;
    position: relative;
}

.editor-chapter>div {
    width: 100%;
    margin: 40px 0 0 390px;
}

.hint {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -65px;
    width: 130px;
    text-align: center;
}

.hint i {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: url("../sprites/sprites_addchapter.png") no-repeat -245px -10px;
}

.hint:hover,
.quit:hover,
.hideaside {
    filter: hue-rotate(30deg) brightness(110%);
    cursor: pointer;
}

.hint span {
    display: inline-block;
    margin-top: 10px;
    font-size: 18px;
    color: #707693;
}

.quit {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 18px;
    color: #707693;
    z-index: 10;
    box-shadow: 0 1px 10px 0 #ebe8e8;
    cursor: pointer;
    background: #fff;
}

.quit i {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    background: url("../sprites/sprites_addchapter.png")no-repeat -245px -141px;
    vertical-align: sub;
}

.hideaside {
    position: absolute;
    top: 50%;
    right: -14px;
    margin-top: -62px;
    width: 24px;
    height: 124px;
    background: url("../images/side.png") no-repeat center;
    line-height: 124px;
    text-align: right;
    cursor: pointer;
}

.hideaside i {
    display: inline-block;
    width: 7px;
    height: 20px;
    margin-right: 6px;
    background: url("../sprites/sprites_addchapter.png") no-repeat -218px -170px;
    vertical-align: middle;
}

.empty-word {
    display: none;
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    font-size: 64px;
    color: #707693;
    opacity: 0.4;
}

body .demo-class {
    border-radius: 4px;
}

.add-start {
    width: 91%;
    /*margin: 0 25px 0;*/
    padding-bottom: 0.5px;
    color: #606060;
}

#addtest .add-start {
    /*width: 91%;*/
    margin: 0 25px 0;
    color: #606060;
}

#addperiod .add-start .layui-form-label {
    width: 78px;
}

#addperiod .add-start .layui-form-label+div {
    margin-left: 108px;
}

.add-start .layui-form-label i {
    color: red;
}

.add-start .question-rate {
    margin-bottom: 0;
}

.layui-layer-btn .layui-layer-btn0 {
    background-color: #8489A2 !important;
    border-color: #8489A2 !important;
}

.lessonList::-webkit-scrollbar {
    width: 5px;
}

.lessonList::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #bdbdbd;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

.lessonList::-webkit-scrollbar-track {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #EDEDED;
}

.lessonList {
    overflow: visible;
}

.lessonList li {
    width: 90%;
    height: 64px;
    background: #ECEEF4;
    box-shadow: 2px 0 4px 0 rgba(255, 255, 255, 0.50);
    line-height: 64px;
    padding: 0 23px;
    box-sizing: border-box;
    margin: 10px 0 0 20px;
    cursor: pointer;
    position: relative;
}

#zjSort li.this_li {
    background: #FF8F0B;
}

#zjSort li.this_li>span {
    color: #fff
}

.lessonList li:first-child .toup {
    display: none !important;
}

.lessonList li:last-child .todown {
    display: none !important;
}

.lessonList li .lltool {
    margin-right: 10px;
}


.lessonList li em,
.lessonList li span,
.lessonList li i,
.lessonList li .lltool {
    display: inline-block;
    vertical-align: middle;
}

.lessonList li>em {
    width: 12px;
    height: 15px;
    background: url("../sprites/sprites_addchapter.png") no-repeat -10px -238px;
}

.lessonList li>span {
    font-size: 12px;
    color: #707693;
    margin: 0 40px 0 8px;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.lessonList li .lltool i {
    width: 5px;
    height: 9px;
    margin: 0 5px;
    background: url("../sprites/sprites_addchapter.png") no-repeat -72px -238px;
    cursor: pointer;
}

.lessonList li .lltool i.todown {
    background-position: -282px -186px;
}

.lessonList li .lltool i.delete {
    width: 8px;
    height: 8px;
    background-position: -43px -238px;
}

.e-content {
    width: 78%;
}

.editor-head {
    background: #fff;
}

.editor-head .model {
    width: 187px;
    height: 125px;
    font-size: 12px;
    color: #707693;
    padding: 20px 67px 0 67px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
}

.editor-head .model.this_model {
    box-shadow: 1px 0 10px 0 #e6e6e6;
    color: #936e7e;
}

.editor-head .model.this_model i {
    filter: hue-rotate(90deg);
}

.editor-head .model span {
    display: block;
    margin-top: 10px;
}

.editor-head .model i {
    display: inline-block;
    width: 53px;
    height: 60px;
    background: url("../sprites/sprites_addchapter.png") no-repeat -10px -90px;
}

.editor-head .model:nth-child(2) i {
    width: 60px;
    background-position: -96px -10px;
}

.editor-head .model:nth-child(3) i {
    width: 66px;
    background-position: -10px -10px;
}

.editor-con {
    height: 650px;
}

.editor-con a.cke_button {
    padding: 8px 6px !important;
}

.editor-con .scon {
    display: none;
    height: calc(100vh - 300px);
    background: #fff;
    box-shadow: 0 -1px 3px 0 #f2f2f2;
}

.editor-con .scon.video {
    padding-top: 30px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}

.editor-con .scon.video .videowrap {
    display: none;
    position: relative;
    width: 90%;
    height: 98%;
    margin: 0 auto;
}

.editor-con .scon.show {
    display: block;
}

.save-editor {
    position: absolute;
    bottom: 0;
    width: 78%;
    height: 124px;
    background: #fff;
    padding: 0 50px;
    box-sizing: border-box;
    color: #BFC1CD;
}

.save-editor span {
    display: inline-block;
    width: 300px;
    margin-top: 50px;
}

.save-editor button {
    display: inline-block;
    background: #8489A2;
    border-radius: 4px;
    width: 120px;
    height: 44px;
    margin-top: 35px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.kcnav {
    box-sizing: border-box;
    padding-left: 30px;
    margin-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    overflow: hidden;
}

.kcnav .layui-tab-content {
    padding: 0;
}

.kcnav .layui-tab-title {
    font-size: 16px;
    color: #D8D8D8;
    font-family:-apple-system, BlinkMacSystemFont, Microsoft YaHei,
    Helvetica Neue, Helvetica, Hiragino Sans GB, Arial, sans-serif;
}

.kcnav .layui-tab-title li {
    min-width: 100px;
    box-sizing: border-box;
}

.kcnav .tab-outter a {
    color: inherit;
}

.kcnav-list {
    margin-top: 30px;
}

.kcnav-list li {
    position: relative;
    cursor: pointer;
    margin-right: 30px;
}

/*.kcnav-list li:hover {*/
/*font-weight: bold;*/
/*}*/
.kcnav-list li:hover i {
    background: #8489A2;
}

.kcnav-list li.thiskcinfo i {
    background: #8489A2;
}

.kcnav-list li i {
    display: inline-block;
    width: 100px;
    height: 100px;
    text-align: center;
    background: #F8F8F8;
}

.kcnav-list li i s {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 50px;
    text-decoration: none;
    color: #8489A2;
    text-align: center;
    line-height: 100px;
}

.kcnav-list li:hover i s {
    color: #FFF;
}

.kcnav-list li.thiskcinfo i s {
    color: #FFF;
}


.kcnav-list li span {
    display: block;
    margin-top: 10px;
    text-align: center;
    color: #8489A2;
    font-size: 16px;
}

.tab_c_wrap {
    width: 1200px;
    margin: 30px auto 0;
    width: 1200px;
    background: #FFF;
    padding-top: 46px;
    padding-bottom: 49px;
}

.kccontent {
    margin-top: 30px;
    background: #FFF;
}

.kccontent>header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    height: 65px;
    line-height: 65px;
    color: #606060;
    border-bottom: 1px solid #e6e6e6;
}

.tgtest-header {
    justify-content: flex-end !important;
}

.tgwork-header {
    justify-content: flex-end !important;
}

.kccontent>header h3 {
    font-size: 18px;
    padding-left: 30px;
    font-weight: 600;
}

.kccontent>header span {
    font-size: 16px;
    font-weight: normal;
    color: #ffc925;
    margin-left: 30px;
}

.kchandle {
    padding: 24px 30px;
}

.kchandle li {
    float: right;
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #8489A2;
    background: #FFF;
    border: 1px solid #8489A2;
    border-radius: 4px;
    margin-left: 15px;
    position: relative;
}

.kchandle li:hover {
    background: #8489A2;
    color: #fff;
    cursor: pointer;
}

.kchandle .layui-table,
.layui-table-view {
    margin: 0;
}

.kchandle .layui-table,
.layui-table-view {
    border: none;
    min-height: 442px;
}

#csTk .layui-form {
    min-height: 442px;
}

.test-cr .layui-table-view {
    min-height: 400px;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    box-sizing: border-box;
    justify-content: space-between;
}

.cus-add-test .layui-table-view {
    max-height: max-content;
}

.layui-table-cell {
    height: 40px;
    line-height: 40px;
    padding: 0 6px;
}

.kcitem {
    display: none;
    min-height: 407px;
}

#addperiod {
    padding-top: 16px;
    overflow: visible;
    height: 242px !important;
}

#addtest {
    padding-top: 30px;
    height: 310px !important;
    overflow: visible;
}

#addtest .layui-form-item .layui-input-inline {
    width: 180px;
}

#addtest .layui-layer-page .layui-layer-content {
    overflow: visible !important;
    height: 210px !important;
}

#showtest::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
}

#showtest::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #C1C1C1;
}

#showtest #viewTm {
    width: 100%;
    margin: 20px 0;
    padding: 0;
    box-shadow: none;
}

#showtest #viewTm li:first-child {
    margin-top: 0;
}

.test-content {
    margin-top: 20px;
    box-sizing: border-box;
}

.test-cr {
    position: relative;
    width: 297px;
    height: inherit;
    background: #fff;
    /*padding-bottom: 90px;*/
    margin-left: -297px;
    border-radius: 4px;
}

.test-cr .layui-table-view .layui-table-body {
    min-height: 630px;
    max-height: 1007px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

.test-cr .layui-table-view .layui-table-body::-webkit-scrollbar {
    display: none;
}

.test-cr .layui-table-view .layui-table-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #8489A2;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

.test-cr .layui-table-view .layui-table-body::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #EDEDED;
}

.test-cr .view-cs {
    display: inline-block;
    width: 18px;
    height: 14px;
    margin-left: 8px;
    background: url("../sprites/sprites_icon.png") no-repeat -10px -7px;
    cursor: pointer;
}

.test-cl {
    width: 100%;
    height: 100%;
}

.test-cl>div {
    margin-right: 320px;
    height: 100%;
}

.test-head {
    padding: 25px 30px 0;
    background: #fff;
    color: #606060;
    border-radius: 4px;
}

.test-head .layui-form-item .layui-input-inline {
    width: 330px;
}

.test-head .layui-form-label {
    padding: 9px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.test-head .layui-btn {
    width: 100px;
    height: 32px;
    line-height: 32px;
    background: #8489A2;
    border-radius: 4px;
}

.tgtest-cl .layui-form-item>div {
    display: flex;
    align-items: center;
    width: 50%;
}

.test-store {
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 30px;
    padding: 30px 30px 60px;
    background: #fff;
    position: relative;
}

.addwork-store {
    min-height: 532px !important;
}

.test-store .layui-btn {
    display: inline-block;
    height: 30px;
    width: auto;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    background-color: #8489a2;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

.kccontent .layui-table-view {
    display: flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-direction: column;
    padding: 0 30px;
}

.kccontent .layui-table-view>.layui-table-page {
    margin-top: auto;
    text-align: right;
}

.kccontent .layui-table-body {
    overflow: hidden;
}

.layui-table-cell .editks,
.layui-table-cell .editorks,
.layui-table-cell .releks,
.layui-table-cell .unreleks,
.layui-table-cell .uncheckks,
.layui-table-cell .deleteks,
.layui-table-cell .hideks,
.layui-table-cell .exportks,
.layui-table-cell .upks,
.layui-table-cell .downks,
.layui-table-cell .editcs,
.layui-table-cell .editorcs,
.layui-table-cell .deletecs,
.layui-table-cell .bancs,
.layui-table-cell .previewcs,
.layui-table-cell .unoff,
.layui-table-cell .cancel-apply {
    color: #2580C2;
    cursor: pointer;
    padding: 0 2px;
}

.layui-table-cell>div>span {
    padding: 0 2px;
}

.ban {
    color: #ED3200 !important;
}

.developing {
    color: #FFBF00 !important;
}

.entertk {
    color: #29AD12 !important;
}

.kccontent table tbody tr td:first-child:hover {
    color: #2580C2;
}

.kccontent table tbody tr:first-child .upks {
    display: none;
}

.kccontent table tbody tr:last-child .downks {
    display: none;
}

.test-store .layui-table-tool,
.test-store .layui-table-page {
    position: absolute;
    width: auto;
    border-width: 0;
    bottom: 0;
    background: #fff;
}

.addchapter-store .layui-table-tool,
.test-store .layui-table-tool {
    width: 40%;
}

.addchapter-store .layui-table-page,
.test-store .layui-table-page {
    width: 50%;
}

.addchapter-store .layui-laypage,
.test-store .layui-laypage {
    width: 100%;
    /*text-align: left;*/
}

.test-store .layui-table-box {
    height: 98% !important;
}

.test-store .layui-table-box .layui-table-body {
    overflow-y: auto;
    height: 100%;
    /*min-height: 369px;*/
}

#csTk .layui-table-view .layui-table {
    position: relative;
    width: 100%;
    margin: 0;
}

.test-store .layui-table-page {
    right: 30px;
    text-align: right;
    bottom: 10px;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #108EE9;
}

.test-cr tr {
    border-bottom: 1px solid #e6e6e6;
}

.test-cr th:nth-child(3)>div {
    padding: 0;
    text-align: center;
}

.test-cr td:nth-child(3) .layui-table-cell {
    border: 1px solid #e6e6e6;
    padding: 0;
    min-width: 45px;
    text-align: center;
}

.test-cr td:nth-child(4) .layui-table-cell {
    visibility: hidden;
    padding: 0;
    text-align: center;
}

.test-cr tr:hover>td:nth-child(4) .layui-table-cell {
    visibility: visible;
}

.deletetm {
    color: #c3c0c0;
    cursor: pointer;
    position: relative;
}

.test-cr .layui-table-tool-temp {
    padding-right: 0
}

.test-cr .layui-table-tool-self {
    display: none !important;
}

.test-cr .layui-table-tool {
    border: 1px solid #E8E8E8;
    border-left: 0;
    border-right: 0;
    background: #fff;
    font-size: 12px;
    color: #606060;
    width: 100%;
}

.test-cr .layui-table-box {
    /*position: absolute;*/
    /*top: 0;*/
    overflow: scroll;
    width: 100%;
    height: 100%;
}

.test-cr .layui-table-box .layui-table-header {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #E8E8E8;
}

.test-cr .layui-table-box::-webkit-scrollbar {
    display: none;
}

.test-cr .layui-table-tool button {
    width: 100%;
    height: 32px;
    border: 0;
    background: #108EE9;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
}

.test-cr .layui-table-cell {
    text-align: center;
}

#prevview {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 890;
    overflow: auto;
}

#prevview>i {
    font-size: 40px;
    color: #9E9E9E;
    position: fixed;
    top: 15px;
    right: 50px;
    transition: 0.5s;
    z-index: 1
}

#prevview>i:hover {
    cursor: pointer;
    color: #ED3200
}

#viewTm {
    display: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #FFF;
    border-radius: 4px;
    overflow-y: auto;
    padding: 12px 10px 0 15px;
}
#viewTm>h3{
    width: 100%;
    height: 100%;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

#viewTm::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px !important;
}

#viewTm::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background: #C1C1C1 !important;
}

#viewTm .item-answer-box {
    margin-bottom: 24px;
}

/*文档资料*/
.layui-layer .layui-layer-btn {
    border-top: 1px solid #E9E9E9;
}

.content-box {
    width: 95%;
    border: 1px solid #E9E9E9;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, Microsoft YaHei,
    Helvetica Neue, Helvetica, Hiragino Sans GB, Arial, sans-serif;
}

.content-box-header {
    width: 100%;
    height: 55px;
    background: #F4F4F4;
}

.content-box-header h3 {
    padding: 20px;
    font-weight: bold;
}

.content-box-mid {
    width: 100%;
    height: 674px;
}

.content-box-mid-left {
    width: 19%;
    height: 100%;
    float: left;
    background: #FCFCFC;
    border: 1px solid #EBEBEB;
    border-left: none;
    padding: 20px;
    box-sizing: border-box;
    overflow-x: auto;
}

.content-box-mid-left::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
}

.content-box-mid-left::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #C1C1C1;
}

.content-box-mid-left>h3 {
    letter-spacing: 0;
}

.content-box-mid-left .list-outter {
    padding-left: 50px;
    padding-top: 30px;
    height: calc(100% - 30px);
}

.content-box-mid-left i.o {
    display: inline-block;
    width: 5px;
    font-size: 18px;
}

.content-box-mid-left i.open {
    display: none;
}

#datastructure {
    margin-top: 20px
}

#datastructure li.thisFolder,
#datastructure li.thisFolder>s,
#datastructure li.thisFolder>span {
    color: #FF8F0B;
}

#datastructure li {
    cursor: pointer;
    margin: 10px 0;
}

#datastructure li s {
    text-decoration: none;
    font-size: 12px;
    margin: 0 5px;
    color: #000000;
}

#datastructure li span {
    color: #000000;
}

#datastructure>li>s {
    display: none;
}

#datastructure li>ul {
    display: none;
}

#datastructure li.rotate>ul {
    display: block;
}

#datastructure li i {
    display: inline-block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    border: 1px solid #D9D9D9;
    margin-right: 8px;
    border-radius: 3px;
    position: relative;
    box-sizing: border-box;
}

#datastructure li i:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    margin-left: -4px;
    height: 1px;
    background: #D9D9D9;
}

#datastructure li i:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    margin-top: -4px;
    height: 8px;
    background: #D9D9D9;
}

#datastructure li.rotate>i:after {
    display: none;
}

#datastructure li em {
    display: none;
    float: right;
    vertical-align: bottom;
    font-size: 12px;
    color: #F26D4A;
}

#datastructure li:hover>em {
    display: block;
}

#datastructure li.rotate>i {
    transform: rotate(90deg);
}

#datastructure li>ul {
    margin-left: 15px;
}

#changeZJ>div {
    width: 90%;
    margin: 15px auto;
}

#changeZJ>div span {
    display: inline-block;
    width: 100px;
    text-align: right;
    font-size: 16px;
}

#changeZJ>div input {
    width: 180px;
    height: 36px;
    line-height: 36px;
    margin-left: 18px;
    padding-left: 6px;
}

/*左边树形*/
#adddata {
    overflow: visible !important;
    height: 186px !important;
}

#datastructure>li>a>span {
    font-size: 14px;
}

#datastructure>li>ul>li>a>span {
    font-size: 12px;
}

/*右边*/
.content-box-mid-right {
    width: calc(81% - 2px);
    height: 100%;
    float: left;
    overflow: hidden;
}

.content-box-mid-right .right-top {
    width: calc(100% - 48px);
    margin-bottom: 13px;
    padding: 15px 24px;
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.20);
    position: relative;
}

.right-top a {
    display: block;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 0;
    text-align: center;
    background: #8489A2;
    border-radius: 4px;
}

.right-top a:first-child {
    padding: 7px 14px;
    border: 1px solid #8489A2;
    background: #FFF;
    color: #8489A2;
    float: left;
}

.right-top a:last-child {
    padding: 7px 22px;
    float: right;
    position: relative;
    display: none;
}

.right-top a:last-child input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.right-top .data-ts {
    display: none;
    margin-top: 22px;
}

.right-top .data-ts span {
    margin-right: 20px;
}

.content-box-mid-right .right-list {
    position: relative;
    width: 94.8%;
    height: calc(100% - 82px);
    margin: 0 auto;
}

.content-box-mid-right .right-list #manangeNav {
    margin-bottom: 20px;
}

#manangeNav span {
    cursor: pointer;
    color: #606060;
}

#manangeNav span:last-child {
    color: #FF8F0B;
}

#manangeNav span:last-child em {
    display: none;
}

#datalist {
    width: calc(100% + 20px);
    height: 100%;
    overflow-y: auto;
    padding-bottom: 68px;
    box-sizing: border-box;
}

#datalist::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
}

#datalist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #C1C1C1;
}

#datalist>li .only-listv {
    display: none;
}

#datalist>li {
    width: 20%;
    height: calc(100% / 3);
    float: left;
}

#datalist.list-view>li .only-listv {
    display: block;
    float: right;
    padding: 10px;
    color: #ccc;
    position: relative;
}

.only-listv>i {
    cursor: pointer;
}

.only-listv span {
    margin: 0 30px;
}

.only-listv>em {
    display: inline-block;
    width: 80px;
    white-space: nowrap;
}

.only-listv>i .down {
    display: none;
    position: absolute;
    left: -20px;
    box-shadow: 0 0 1px 1px #e6e6e6;
    border-radius: 6px;
    background: #FFF;
    z-index: 1;
}

.only-listv>i .down-files {
    bottom: -33px;
}

.only-listv>i .down-folder {
    bottom: -60px;
}

.only-listv>i .down a {
    display: block;
    width: 110px;
    height: 33px;
    line-height: 33px;
    padding-left: 3px;
    border-radius: 6px;
    color: #606060;
    font-size: 12px;
}

.only-listv>i .down a:hover {
    background: #ebf7ff;
}

#datalist.list-view>li {
    width: 100%;
    height: auto;
    margin: 5px 0;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
}

#datalist li .right-list-item {
    margin-right: 20px;
    margin-bottom: 20px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 1px solid #D9D9D9;
}

#datalist.list-view li .right-list-item {
    border: none;
}

#datalist li.folder .right-list-item {
    border: none;
    cursor: pointer;
}

#datalist.list-view .right-list-item .img-box {
    width: 36px;
    height: 32px;
    position: relative;
    float: left;
    padding-left: 24px;
}

#datalist.list-view li.folder .right-list-item .img-box {
    padding-left: 0;
}

.right-list-item .img-box {
    width: 100%;
    height: calc(100% - 17.5%);
    position: relative;
    cursor: pointer;
}

.doc-prev-modal {
    opacity: 0;
    align-items: center;
    justify-content: center;
    color: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.doc-prev-modal:hover {
    color: #FFF;
    background: rgba(0, 0, 0, .6);
    opacity: 1;
}

.doc-prev-modal>i {
    font-size: 20px;
    z-index: 3;
}

.doc-prev-modal>i:first-of-type {
    margin-right: 10px;
}

.right-list-item input {
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari 和 Chrome */
    position: absolute;
    top: 13px;
    left: 13px;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    width: 22px;
    height: 22px;
    background: #FFF;
    z-index: 3;
}

#datalist.list-view .right-list-item input {
    top: 10px;
    left: 2px;
    width: 14px;
    height: 14px;
}

/*复制链接*/
.copyurl-box {
    width: 100%;
    padding: 24px 24px 48px;
}

.copyurl-msg {
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.copyurl-msg>span {
    font-size: 32px;
    color: #666666;
}

.copyurl-msg>p {
    font-size: 16px;
    color: #595959;
    margin-left: 12px;
}

.copyurl-main {
    align-items: center;
}

.copyurl-main>input {
    width: 337px;
    height: 40px;
    border: 1px solid #E8E8E8;
    color: #595959;
    border-radius: 4px;
    margin-right: 16px;
    padding-left: 4px;
}

.copyurl-main>button {
    width: 111px;
    height: 40px;
    background: #FFFFFF;
    color: #595959;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
}

/*end*/
.prev-doct {
    height: 150px;
    align-items: center;
    justify-content: center;
    padding: 0 32px;
}

/*更改复选框样式*/
.right-list-item input[type="checkbox"]:checked {
    background: #FFF;
}

.right-list-item input[type=checkbox]:checked::after {
    content: '';
    top: 4px;
    left: 4px;
    position: absolute;
    background: transparent;
    border: 1px solid #595959;
    border-top: none;
    border-right: none;
    height: 6px;
    width: 12px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#datalist.list-view .right-list-item input[type=checkbox]:checked::after {
    top: 1px;
    left: 1px;
}

#datalist.list-view .right-list-item img {
    width: auto;
    position: initial;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.right-list-item img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.right-list-item .img-title {
    height: 17.5%;
    line-height: 200%;
    width: 100%;
    text-align: center;
    border-top: 1px solid #E9E9E9;
    opacity: 0.75;
    font-size: 14px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

#datalist.list-view .right-list-item .img-title {
    height: auto;
    line-height: normal;
    width: auto;
    float: left;
    border-top: none;
    margin: 10px;
    max-width: 420px;
    position: relative;
}

#datalist li.folder .right-list-item .img-title {
    border-top: none;
}

.content-box-btm {
    width: 100%;
    height: 55px;
    background: #f4f4f4;
}

.content-box-btm p {
    margin-left: 241px;
    height: 55px;
    line-height: 55px;
}

.do span:first-child input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    width: 14px;
    height: 14px;
}

.do span:last-child i {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    color: #F26D4A;
}

.do>em {
    font-size: 12px;
    color: #108EE9;
    float: right;
    margin-right: 28px;
    cursor: pointer;
}

.do>em>i {
    vertical-align: bottom;
    color: #108EE9;
    margin-left: 8px;
    font-size: 10px;
}

#showdataimg {
    /*height: max-content!important;*/
    overflow-x: auto !important;
    overflow-y: auto !important;
}

#showdataimg>img {
    /*max-width: 100%;*/
}

.docu-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 10000;
    display: none;
}

.docu-modal-flex {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.docu-modal-box {
    width: auto;
    height: auto;
    max-height: 100%;
    position: relative;
}

.docu-modal-box>i {
    position: absolute;
    top: 10px;
    right: 16px;
    cursor: pointer;
}

.docu-cnt {
    width: auto;
    height: calc(100% - 41px);
    overflow: auto;
    background: #fff;
}

.docu-modal-box video,
.docu-modal-box img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.docu-modal-box>h3 {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;

}

/*题库*/
.co {
    background: transparent;
}

.library {
    padding: 25px 30px 5px 30px;
    background: #FFF;
    border-radius: 4px;
}

.library>form {
    flex-wrap: wrap;
    justify-content: space-between;
}

.layui-table-page>div {
    margin-top: 5px;
}

.co .container {
    width: 1200px;
    margin-top: 16px;
    background: #FFF;
    padding: 24px 0;
}

.library .layui-input {
    width: 300px;
    height: 36px;
    background: #FFF;
    border: 1px solid #D8D8D8;
}

.library .layui-form-item {
    display: inline-block;
    margin-bottom: 25px;
}

/*.space{*/
/*margin-right: 48px;*/
/*}*/
.level {
    width: 201px;
    height: 36px;
}

.level input {
    width: 201px !important;
}

#data-tk tr {
    height: 42px;
    line-height: 42px;
}

.library input::-webkit-input-placeholder {
    opacity: 0.25;
    font-size: 12px;
    color: #000;
    line-height: 18px;
}

.library .layui-form-label {
    font-size: 14px;
    color: #606060;
    line-height: 20px;
    padding: 9px 1px 9px 0;
    width: 60px;
}

.library .layui-input-block {
    margin-left: 78px;
}

.button {
    text-align: right;
}

.library .layui-btn {
    width: 100px;
    height: 32px;
    line-height: 32px;
    background: #8489A2;
    border-radius: 4px;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 0;
    text-align: center;
}

.container .new {
    text-align: right;
    margin-bottom: 24px;
    padding: 0 30px;
}

.co .layui-laypage {
    width: 100%;
}

.co .layui-table-page .layui-box a,
.co .layui-table-page .layui-box span.layui-laypage-spr,
.co .layui-table-page .layui-box span.layui-laypage-curr {
    width: 3%
}

.new .layui-btn {
    width: 100px;
    height: 32px;
    line-height: 32px;
    background: #8489A2;
    border-radius: 4px;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 0;
    text-align: center;
}

#data-tk tr td:last-child span {
    font-size: 12px;
    color: #2580C2;
    line-height: 18px;
    margin-right: 15px;
}

/*弹窗*/
.co .dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    display: none;
}

.co .dialog .dialog-inner {
    position: relative;
    top: 25%;
    width: 520px;
    margin: 0 auto;
    background: #FFF;
    box-shadow: 0 2px 10px 0 rgba(208, 208, 208, 0.50);
    border-radius: 4px;
}

.co .dialog-inner p {
    font-size: 14px;
    color: #606060;
    padding: 0 16px;
    height: 53px;
    line-height: 53px;
    border-bottom: 1px solid #E9E9E9;
}

.co .dialog .dialog-form {
    padding: 4% 20% 0 4%;
}

.dialog #disappear {
    display: block;
    float: right;
}

.dialog .layui-form-label {
    width: 78px;
    padding-left: 0;
}

.dialog .layui-input-block {
    margin-left: 96px;
}

.dialog .layui-form-item {
    margin-bottom: 25px;
}

.dialog .star {
    display: inline-block;
    padding: 9px 2px;
    color: #D8D8D8;
    font-size: 19px;
    line-height: 20px;
}

.dialog .button {
    padding: 25px;
    height: 30px;
    border-top: 1px solid #E9E9E9;
}

.dialog .btn {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 5px 17px;
    font-size: 14px;
    color: #000;
    line-height: 21px;
    letter-spacing: 0.5px;
}

.dialog button {
    opacity: 0.43;
    background: #FFF;
}

.dialog a:last-child {
    background: #8489A2;
    color: #FFF;
}

#addtk {
    height: max-content !important;
    /*max-height: 675px;*/
    /*min-height: 344px;*/
    padding-top: 30px;
    overflow: visible;
}

#addtk.big-than {
    overflow: auto;
    height: calc(100% - 137px) !important;
}

.demo-class {
    max-height: 100%;
}

/*.pop-outer{*/
/*height: 100%;*/
/*overflow: auto;*/
/*}*/
#adddata {
    overflow: visible;
    height: 185px !important;
}

/*基本信息*/
.basic>div {
    border: none;
}

.basic_top,
.modify_top {
    width: 1140px;
    height: 55px;
    background: #F4F4F4;
    display: flex;
}

.basic_top>h3,
.modify_top>h3 {
    margin: auto 26px;
    font-weight: 600;
    color: #606060;
}

.basic .changebtn {
    text-align: right;
    font-size: 14px;
    color: #108EE9;
    margin: 10px auto 13px;
    padding-right: 15px;
}

.changebtn>a {
    color: inherit;
}

.changebtn i {
    display: inline-block;
    width: 17px;
    height: 15px;
    vertical-align: sub;
    background: url("../images/modify.png") no-repeat;
}

.basic_roughly {
    width: 847px;
    height: 332px;
    margin: 0 auto 24px;
}

.basic_roughly .basic_img {
    width: 100%;
    height: 332px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.basic_img>img {
    width: 100%;
    height: auto;
}

/*基本信息tab样式*/
.basic_read {
    width: 100%;
    min-height: 260px;
    padding-top: 15px;
}

.basic_read .flex {
    justify-content: space-between;
}

.basic_read .flex>i {
    width: calc(100% - 110px);
}

/*大纲空状态*/
.tg-outline {
    width: 100%;
    min-height: 260px;
    padding-top: 15px;
}

.tg-outline>p {
    font-size: 14px !important;
    text-indent: 2em;
}

.tg-outline i,
.tg-outline em {
    font-style: italic;
}

.tg-outline ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.tg-outline ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.tg-outline ul,
.tg-outline li {
    list-style: inherit;
}

.basic_read>li {
    margin-bottom: 30px;
}

.basic_read span {
    display: inline-block;
    width: 90px;
    line-height: 17px;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    color: #6B6B6B;
    margin-right: 15px;
}

.basic_read i {
    font-size: 14px;
    color: #333;
    margin-right: 12px;
}

.basic_intro {
    width: 847px;
    margin: 0 auto 7px;
    border: 1px solid #F4F4F4;
    box-shadow: 0 2px 5px 0 rgba(177, 166, 166, 0.20);
}

.basic_intro>div {
    margin: 0;
    padding: 5px 15px;
}

.basic_intro .layui-tab-title>li {
    min-width: 34px !important;
    font-size: 14px;
    color: #DDD;
}

.layui-tab-brief>ul i {
    display: inline-block;
    margin-left: -5px;
    margin-right: 8px;
    width: 9px;
    height: 10px;
    vertical-align: baseline;
}

.brief_i {
    background: url("../images/brief0.png") no-repeat;
}

.brief_o {
    background: url("../images/brief1.png") no-repeat;
}

.outline_i {
    background: url("../images/outline0.png") no-repeat;
}

.outline_o {
    background: url("../images/outline1.png") no-repeat;
}

.basic_intro p {
    font-size: 12px;
    color: #333;
}

/*课程大纲空*/
.message-empty {
    width: 100%;
    height: 619px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.message-empty>div {
    justify-content: center;
    align-items: center;
    display: inherit;
    flex-direction: column;
}

.message-empty>div>img {
    max-width: 240px;
    max-height: 224px;
}

.message-empty>div>h4 {
    margin-top: 24px;
    font-size: 36px;
    color: #D8D8D8;
}

/*简介内容*/
.course-brief {
    width: 100%;
    padding-top: 10px;
    font-size: 14px;
    text-indent: 2em;
}

.modify {
    padding-top: 20px;
}

.modify>div {
    border: none;
}

.modify_main {
    margin-top: 39px;
    width: 100%;
    border-bottom: 1px solid #F4F4F4;
}

.modify_main i:not([class=layui-icon]) {
    color: #FF0000;
}

.modify_main>ul {
    width: 410px;
    margin: auto;
}

.modify_main li {
    margin: 60px auto;
}

.modify_main span {
    display: inline-block;
    width: 85px;
    text-align: right;
    font-size: 14px;
    color: #000;
    margin-right: 20px;
    vertical-align: top;
}

.modify_main p {
    display: inline-block;
    font-size: 12px;
    color: #333;
    max-width: 300px;
    position: relative;
}

#outline {
    font-size: 12px;
    color: #7496DD;
    position: absolute;
    top: 30px;
    left: 0;
    width: 85px;
}

.modify_btn {
    width: 100%;
    height: 92px;
    display: flex;
}

.modify_btn>button {
    width: 100px;
    height: 32px;
    line-height: 32px;
    margin: auto;
    font-size: 14px;
}

.modify_btn>button:first-child {
    margin-right: 10px;
    background: #D8D8D8;
}

#upload {
    display: inline-block;
    width: 102px;
    height: 102px;
    border: 1px dashed #D9D9D9;
    background: #FBFBFB;
    position: relative;
}

#upload i {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 38px;
    margin: 10px auto;
    color: rgba(0, 0, 0, 0.43);
}

#upload>span {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.65);
}

#upload-img {
    position: absolute;
    width: 100%;
    height: 100%;
}

/*错误页面*/
/*.error-nav{*/
/*margin-left: 190px;*/
/*}*/
#loseword {
    height: 827px;
    font-size: 40px;
    width: 100%;
    display: flex;
}

#loseword>.loseword-box {
    width: 671px;
    height: 490px;
    margin: auto;
    text-align: center;
}

#loseword>a {
    display: inline-block;
    margin: 10px auto;
    width: 155px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #ffffff;
    background: #108EE9;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    text-decoration: none
}

.loseword-box>h4 {
    font-size: 28px;
    color: #595959;
    margin: 30px auto 30px;
}

.loseword-box>a {
    width: 155px;
    height: 32px;
    line-height: 32px;
    background: #108EE9;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    font-size: 12px;
}

.loseword-box>p {
    font-size: 16px;
    color: #595959;
    margin-top: 30px;
}

.loseword-box>p>a {
    line-height: 21px;
    padding: 0 6px;
    color: #108EE9;
}

.loseword-box>p>a:not(:last-child) {
    border-right: 1px solid #b6b3b3;
    padding-right: 10px;
    /* 解决inlineblock行排列间距问题 */
}

.foot-in {
    width: 100%;
    min-width: 1200px;
    height: 163px;
    background: #737373;
    display: flex;
    margin-top: 32px;
    /*position: absolute;*/
    /*bottom: 0;*/
}

.foot-in-box {
    width: 282px;
    text-align: center;
    margin: 24px auto 34px;
    position: relative;
}

.foot-in-box>img {
    width: 50px;
    height: 50px;
}

.foot-in-box>p {
    font-size: 14px;
    color: #939393;
}

a.beian,
a.beian:hover {
    color: inherit;
    align-items: center;
    justify-content: center;
}

/*解决页面底部出现缝隙：有CKeditor的页面*/
.cke_screen_reader_only {
    top: 0;
}

/*新建章节、查看章节页面*/
.tgchapter-box {
    width: 100%;
    height: 100%;
    background: #ECECEC;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

/*左边顶部介绍老师*/
.tgchapter-box .tgchapter-sum {
    padding: 12px 0 0 12px;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.tgchapter-box-prev.tgchapter-box .tgchapter-sum {
    margin-right: 0;
}
.tgchapter-sum .tgchapter-tea{
    width: 300px;
    /*height: 266px;*/
    box-sizing: border-box;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.20);
    background: #FFF;
    padding: 24px;
}

.tgchapter-sum .tgchapter-dtop-notZJ {
    padding: 24px 16px;
}

.tgchapter-dtop-notZJ .dtop-left>a {
    width: 99px;
}

.tgchapter-box-prev {
    background: #019768;
}

.tgchapter-box-prev .tgchapter-tea {
    background: #06B67F;
    border: 0;
}

.tgchapter-tea .dtop-left {
    border-bottom: 1px solid #06B67F;
    width: 100%;
    justify-content: center;
    padding: 24px 0;
}

.tgchapter-tea .dtop-left {
    border-bottom: 1px solid #05A674;
}

.dtop-left>a {
    width: 92px;
    height: 34px;
    background: #06B67F;
    border-radius: 18px;
    box-sizing: border-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 14px;
    /*padding: 0 6px;*/
}
.dtop-left>a.fordo{
    font-size: 12px;
    height: 32px;
}
.dtop-left>a:not(:last-of-type){
    margin-right: 8.5px;
}

.tgchapter-box-prev .dtop-left>a {
    background: #FFF;
    color: #06B67F;
}

.dtop-left>a>i:before {
    color: inherit;
    font-size: 18px;
}
.dtop-left>a>i{
    margin-right: 8px;
}

.lesson-name {
    font-size: 18px;
    font-weight: 600;
    color: #06B67F;
    justify-content: center;
    align-items: center;
    line-height: 25px;
    padding: 24px 0 0;
}

.tgchapter-box-prev .lesson-name {
    color: #FFF;
}

.tgchapter-tea .tgintro-box {
    width: 100%;
    /*height: 150px;*/
    display: flex;
    align-items: flex-start;
    /*justify-content: space-around;*/
}

.tgintro-box>.tgchapter-teaimg {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 16px;
}

.tgchapter-teaimg>img {
    width: 100%;
    height: auto;
}

.tgintro-box>.tgchapter-teaintro {
    flex: 1;
    width: calc(100% - 96px);
    height: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: space-evenly;*/
    position: relative;
}

.tgchapter-teaintro>p {
    font-size: 14px;
    color: #06B67F;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    align-items: center;
}

.tgchapter-box-prev .tgchapter-teaintro>p {
    color: #FFF;
}

.tgchapter-box-prev .tgchapter-teaintro>p>.icon-1112-2:before {
    color: #FFF;
}

.tgchapter-teaintro>p:nth-child(1),
.tgchapter-teaintro>p:nth-child(2) {
    font-weight: 600;
    margin-bottom: 10px;
}

.tgchapter-teaintro>p>i {
    font-size: 17px;
    font-weight: 600;
    margin-right: 8px;
}

.tgchapter-teaintro>p>i.icon-1112-3 {
    font-size: 14px;
    border: 2px solid #06B67F;
    border-radius: 50%;
}

.tgchapter-tea .layui-progress {
    margin-top: 24px;
    width: 100%;
    height: 19px;
}

/*左边下部介绍课时*/
.tgchapter-sum .tgchapter-chapters{
    width: 300px;
    height: calc(100% - 365px);
    flex: 1;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto;
    background: #FFF;
    padding-right: 5px;
    margin-top: 10px;
}
.tgchapter-box-prev .tgchapter-sum .tgchapter-chapters{
    width: 320px;
}

.tgchapter-box-prev .tgchapter-chapters {
    background: #019768;
    border: 0;
}

.tgchapter-chapters .tgchapters-main {
    width: 100%;
    height: calc(100% - 50px);
    padding: 15px 8px;
    /*display: flex;*/
    /*flex-direction: column;*/
    box-sizing: border-box;
    overflow: auto;
}

.tgchapter-box-prev .tgchapter-chapters .tgchapters-main {
    height: 100%;
    padding: 15px 15px 0 0;
}

.tgchapter-chapters .pc-tgchapters-main {
    height: 100% !important;
}

.tgchapter-chapters .tgchapters-main>li.tg-addchapter {
    width: calc(100% - 20px);
    position: absolute;
    bottom: 16px;
}

.tgchapter-chapters .tg-back {
    width: 45%;
    height: 37px;
    border: 1px solid #8e8e8e;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #8e8e8e;
    margin-bottom: 16px;
    margin-left: 12px;
}

.tgchapter-chapters .tg-back:hover {
    border: 1px solid #108ee9;
    color: #108ee9;
}

.tg-back>i {
    font-size: 18px;
    margin-right: 8px;
}

.tgchapters-main .edu-acexam {
    width: 45% !important;
    right: 12px;
    font-size: 16px !important;
}

.tgchapters-main>li {
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #F2F2F2;
    border-radius: 8px;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    color: #434343;
    /*font-weight: 600;*/
    cursor: pointer;
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}

.tgchapter-box-prev .tgchapters-main>li {
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
    -webkit-transform: translate3d(0, -2px, 2px);
    -moz-transform: translate3d(0, -2px, 2px);
    -ms-transform: translate3d(0, -2px, 2px);
    -o-transform: translate3d(0, -2px, 2px);
    transform: translate3d(0, -2px, 2px);
    margin-bottom: 12px;
}

.tgchapters-main>li>span {
    max-width: 80%;
}

.tgchapters-main>li:not(.tg-except) {
    background: #F2F2F2;
}

.tgchapters-main.pg>li {
    height: 52px;
}

.tgchapters-main.pg>li>span.icon {
    position: absolute;
    top: 0;
    right: -1px;
    font-size: 32px;
    border: 0;
    min-width: auto;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 0;
}

.tgchapters-main>li .deletecs,
.tgchapters-main>li .editcs {
    margin-right: 10px;
    color: inherit;
}

.tgchapters-main>li .deletecs:hover,
.tgchapters-main>li .editcs:hover {
    color: #595959 !important
}

.tgchapter-chapters .tgchapters-main>li.tg-except {
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #06B67F;
    left: 0;
    bottom: 0;
    border: 1px dashed #06B67F;
    border-radius: 8px;
    background: #FFF;
    margin-bottom: 0;
}

.lesson-newout {
    position: relative;
    width: 100%;
    height: 73px;
    background: #06B67F;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.20);
    border-radius: 8px 8px 0 0;
    margin-top: 16px;
}
.tgchapter-box-prev .lesson-newout{
    width: calc(100% - 20px);
}

.lesson-newout>a {
    font-size: 16px;
    align-items: center;
    justify-content: center;
    color: #FFF;
}

.lesson-newout>a span {
    font-size: 32px;
}

.lesson-newout-btn {
    border-radius: 50%;
    box-shadow: inset 0 0 4px 2px #03563C;
    border: 2px solid #108561;
    margin-right: 8px;
}

/*学生进入学习*/
.stenter-study>li:nth-child(2)>.tg-addchapter-op>li:nth-child(1) {
    display: none;
}

.stenter-study>li:nth-child(3)>.tg-addchapter-op>li:nth-child(1) {
    display: block;
}

.stenter-study>li:last-child>.tg-addchapter-op>li:nth-child(2) {
    display: none;
}

.tgchapters-main>li>.tg-addchapter-op {
    height: 100%;
    position: absolute;
    top: 0;
    right: 10px;
    display: flex;
    align-items: center;
    /*width: 20%;*/
}

.tg-addchapter-op:hover .tgmore-item {
    display: block;
}

.tg-addchapter-op>li {
    margin-right: 8px;
    display: flex;
    align-items: center;
    position: relative;
}

.tg-addchapter-op>li i {
    font-size: 22px;
    color: #595959;
    display: inline-block;
}

.tg-addchapter-op>li:nth-child(2) i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tg-selected>i:after {
    content: '';
    display: block;
    width: 7px;
    height: 4px;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: rotate(-45deg);
    position: absolute;
    top: 2px;
    left: 1px;
}

.tg-selected .tg-addchapter-op>li i {
    color: #FFF !important;
}

.tg-addchapter-op>li i.tg-up,
.tg-addchapter-op>li i.tg-down {
    display: none !important;
}

/*编辑删除*/
.tg-addchapter-op>li {
    height: 100%;
}

.tgmore-item {
    width: 68px;
    height: 88px;
    position: absolute;
    top: 40px;
    right: 50%;
    margin-right: -30px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(153, 153, 153, 0.20);
    border-radius: 4px;
    font-weight: 600;
    z-index: 1;
    display: none;
}

.tgmore-itemshow {
    display: block;
}

.tgmore-item>p {
    width: 100%;
    height: 50%;
    text-align: center;
    font-size: 12px;
    color: #595959;
}

.tgmore-item>p:hover {
    color: #108EE9 !important;
}

/*点击时效果*/
.tgchap-oparate {
    color: #108EE9 !important;
}

.tgchapters-main>.tg-addchapter {
    font-size: 18px;
    color: #8e8e8e;
    padding: 0;
    text-align: center;
    border: 1px dashed #8e8e8e;
    /*box-shadow: 0 2px 4px 0 rgba(153,153,153,0.20);*/
    border-radius: 4px;
}

.tg-addchapter>em {
    margin-right: 8px;
}
.tgchapter-box .tgchapter-detail{
    width: calc(100% - 332px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: width .2s;
    -moz-transition: width .2s;
    /* Firefox 4 */
    -webkit-transition: width .2s;
    /* Safari 和 Chrome */
    -o-transition: width .2s;
    /* Opera */
    position: relative;
    padding-top: 20px;
    margin-right: 20px;
}

.tgchapter-box-prev .tgchapter-detail {
    padding-top: 0;
    margin-right: 0;
}

.jy-empty-box {
    position: relative;
    background: #FFF;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin: 0 auto;
}

.jy-empty-box>i {
    position: absolute;
    top: 0;
    right: 16px;
    cursor: pointer;
}

.jy-empty {
    width: 100%;
    font-size: 32px;
    color: #D8D8D8;
    text-align: center;
}

.tgchapter-box .tw-sideslide {
    width: 100% !important;
    transition: width .2s;
    -moz-transition: width .2s;
    /* Firefox 4 */
    -webkit-transition: width .2s;
    /* Safari 和 Chrome */
    -o-transition: width .2s;
    /* Opera */
}

.tgchapter-box .sideslide {
    width: 100% !important;
    transition: width .2s;
    -moz-transition: width .2s;
    /* Firefox 4 */
    -webkit-transition: width .2s;
    /* Safari 和 Chrome */
    -o-transition: width .2s;
    /* Opera */
    /*padding-top: 45px;*/
    position: relative;
}

.tgchapter-box .sideslide>div.tgchapter-dtop {
    position: absolute;
    top: -35px;
    left: 0;
    background: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
    padding-bottom: 16px;
}

.tgchapter-box .sideslide>div.tgchapter-dtop:hover {
    top: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    padding: 10px 0;
}

.tgchapter-box .sideslide>div.tgchapter-dmain {
    height: 100%;
}

.tgchapter-detail .tgchapter-dtop {
    /*margin-top: -16px;*/
    width: 100%;
    /*height: 45px;*/
    box-sizing: border-box;
    /*padding: 0 24px;*/
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.tgchapter-dtop.hidetd {
    justify-content: flex-end;
}

.tgchapter-dtop.hidetd .dtop-left {
    display: none !important;
}

.tgchapter-dtop.hidetd .dtop-right {
    justify-content: center;
}

.tgchapter-dtop.hidetd .dtop-right a {
    margin: 0 5px;
}

.tgchapter-dtop.hidetd .dtop-right .prevZj,
.tgchapter-dtop.hidetd .dtop-right .nextZj {
    display: none !important;
}

.dtop-right {
    /*width: 200px;*/
    display: flex;
    justify-content: space-between;
}

.dtop-right>a {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    margin-left: 3.6px;
    border-radius: 50%;
    background: #34495E;
}

.dtop-right>a:hover {
    background: #000;
}

.dtop-right>a>i {
    display: inline-block;
    font-size: 20px;
    color: #FFF;
}

.dtop-right>a>i.icon-17 {
    font-size: 13px;
}

.dtop-right>a:nth-child(1) {
    background: #00829C;
}

.dtop-right>a:nth-child(1):hover {
    background: #006A84;
}

.dtop-right>a:nth-child(3)>i {
    display: inline-block;
}

.tgchapter-detail .tgchapter-dmain {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 4px;
}

.tgchapter-dmain>h3 {
    width: 100%;
    /*height: 53px;*/
    box-sizing: border-box;
    padding: 14px 24px;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 18px;
    color: #595959;
}

.dmain-content>.image-txt,
.dmain-content>.tg-handouts {
    height: 100%;
    background: #FFF;
    flex-direction: column;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 12px 12px 0 12px;*/
}

.sort-empty {
    width: 100%;
    height: 100%;
    background: #FFF;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sort-empty>img {
    width: 250px;
    margin-bottom: 8px;
}

.sort-empty>h4 {
    font-size: 24px;
    color: #cdcdcd;
    font-weight: 600;
    text-align: center;
}

.tgchapter-dmain .addchapter-content {
    height: 100%;
    border-radius: 4px;
    margin: 0;
}

.dmain-content>div:not(:first-child) {
    display: none;
}

.dmain-content>.image-txt>iframe,
.tg-handouts>iframe,
.stenter-content>.image-txt>iframe {
    width: 100%;
    height: 100%;
    flex: auto;
    border: none;
    border-radius: 4px;
}

/*学生做作业*/
.dw-dmain {
    /*height: 100% !important;*/
    display: flex;
    flex-direction: column;
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 5px 0 rgba(153, 153, 153, 0.20);
    border-radius: 4px;
    margin: 0 !important;
    position: relative;
}

.dw-dmain>.dw-title {
    position: relative;
}

.dw-dmain>iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.dw-dmain .addcontent {
    height: 40px;
}

.dw-dmain>.submit {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 40px;
    text-align: right;
    background: #FFF;
}

.dw-dmain>.submit>button {
    padding: 0 16px;
    background: #108EE9;
    color: #FFF;
    font-size: 14px;
    height: 32px;
    width: auto;
    line-height: 32px;
    margin: auto;
    margin-right: 32px;
}

/*学生进入学习*/
.stenter-content>div {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.image-txt>textarea,
.tg-handouts>textarea {
    height: 100%;
}

.image-txt>.save-submit,
.tg-handouts>.save-submit {
    width: 100%;
    height: 64px;
    box-sizing: border-box;
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 5px 0 rgba(153, 153, 153, 0.20);
    border-radius: 0px 0px 4px 4px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*position: absolute;*/
    /*bottom: 1px;*/
}

.save-submit>input {
    background: #108EE9;
    border-radius: 4px;
    border: none;
    color: #FFF;
    padding: 6px 25px;
    margin-right: 24px;
    font-size: 14px;
    line-height: 20px;
}

.dmain-content>.tg-video {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /*border: 1px solid #E8E8E8;*/
    box-shadow: 0 2px 5px 0 rgba(153, 153, 153, 0.20);
    border-radius: 20px;
    background: #FFF;
    padding: 0;
}

.tgchapter-box-prev .dmain-content>.tg-video {
    border-radius: 20px 0 0 20px;
}

.scale-toggle {
    position: absolute;
    left: 0;
    top: 50%;
    width: 15px;
    height: 100px;
    align-items: center;
    justify-content: flex-start;
    background: #019768;
    border-radius: 0 15px 15px 0;
    font-size: 12px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.scale-toggle-s>i {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.video-next-o,
.video-prev-o {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 126px;
    background: rgba(0, 0, 0, 0.50);
    align-items: center;
    justify-content: center;
    font-size: 26px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: .5;
}

.video-next-o:hover,
.video-prev-o:hover {
    opacity: 1;
}

.video-prev-o {
    left: 0;
    border-radius: 0 90px 90px 0;
}

.video-prev-o>i {
    margin-left: -10px;
}

.video-next-o {
    right: 0;
    border-radius: 90px 0 0 90px;
}

.video-next-o>i {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    margin-right: -10px;
}

.video-area {
    position: relative;
    width: 100%;
    height: calc(100% - 145px);
    background: #3B3B3B;
    /*border-radius: 20px;*/
    /*overflow: hidden;*/
    margin-bottom: 19px;
}
.video-area-bkbl{
    height: 100%;
    margin-bottom: 0;
}
.tgchapter-box-prev .video-area{
    /*overflow: hidden;*/
    padding: 20px;
}

.video-area-main {
    position: relative;
    width: 100%;
    flex: 1;
    background: #030302;
    border-radius: 20px;
    flex-direction: column;
    align-items: center;
}

/*.video-area-main-b{*/
/*!*border: 2px dashed #D8D8D8;*!*/
/*}*/
.tg-video .videowrap {
    position: relative;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 20px;
}

.videowrap video {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    /*object-fit: cover;*/
}

.deletevideo {
    position: absolute;
    bottom: 134px;
    right: 0;
    font-size: 25px;
    width: 41px;
    height: 83px;
    border-radius: 20px 0 0 20px;
    background: #3B3B3B;
    color: #fff;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
}

.deletevideo>i {
    margin-left: 5px;
}

.videotoggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 0 0 0 20px;
    background: #06B67F;
    align-items: center;
    justify-content: center;
    color: #FFF;
    cursor: pointer;
    z-index: 1;
}

.videotoggle>i {
    font-size: 32px;
}

.upvideo {
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #707693;
}

.a-upload {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    font-size: 30px;
    color: #CDCDCD;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.a-upload span {
    font-size: 144px;
    margin-bottom: 36px;
}

.a-upload input {
    position: absolute;
    font-size: 200px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.dmain-content>.tg-video>iframe {
    width: 100%;
    height: 100%;
}

.video-area-sidebar {
    position: absolute;
    right: -265px;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    background: #3B3B3B;
    z-index: 1;
    padding: 32px 30px;
}

.video-area-sidebar>i {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
    cursor: pointer;
}

.varea-sidebar-h {
    margin-bottom: 24px;
}

.varea-sidebar-himg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 16px;
}

.varea-sidebar-himg>img {
    max-width: 100%;
    height: auto;
}

.varea-sidebar-info {
    flex-direction: column;
    justify-content: space-between;
}

.varea-sidebar-info>span {
    font-size: 14px;
    color: #FFF;
}

.varea-sidebar-p p {
    line-height: 20px;
    color: #FFF;
}

.varea-sidebar-p p>em {
    font-weight: 600;
}

.video-note,
.video-cmt {
    position: absolute;
    left: 49px;
    width: 168px;
    height: 53px;
    cursor: pointer;
}

.video-note {
    bottom: 167px;
}

.video-cmt {
    bottom: 78px;
}

.video-note>img,
.video-cmt>img {
    width: 100%;
    height: 100%;
}

.video-donote {
    position: absolute;
    right: -689px;
    top: 0;
    width: 0;
    height: 0;
    background: #F8FAFC;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.20);
    flex-direction: column;
    z-index: 1;
    padding: 24px 0 24px 24px;
    opacity: 0;
}

.video-seenote {
    width: 100%;
    height: 100%;
    flex-direction: column;
    padding-bottom: 68px;
}

.video-seenote-h {
    width: 100%;
    position: relative;
    margin-bottom: 24px;
}

.video-seenote-h>h4 {
    font-size: 18px;
    color: #FF8F0B;
    line-height: 25px;
}

.video-seenote-h>i {
    position: absolute;
    top: -5px;
    right: 24px;
    font-size: 24px;
    font-weight: 600;
    color: #A1A1A1;
}

.video-seenote-main {
    flex: 1;
    height: calc(100% - 49px);
    flex-direction: column;
}

.video-seenote-list {
    width: 100%;
    flex: 1;
    overflow: auto;
    flex-direction: column;
    padding: 4px 24px 4px 4px;
}

.video-seenote-litem {
    width: 100%;
    background: #FFF;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.20);
    border-radius: 10px;
    padding: 14px;
}

.video-seenote-litem:not(:last-of-type) {
    margin-bottom: 16px;
}

.video-seecmt-list .video-seenote-litem {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 0;
}

.video-cmt-author {
    margin-bottom: 8px;
}

.note-cnt {
    -ms-word-break: break-all;
    word-break: break-all;
    margin-bottom: 8px;
}

.note-cnt ol li {
    list-style-type: none !important;
    margin-left: 0 !important;
}

.vcmt-author-avatar {
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 12px;
}

.vcmt-author-avatar>img {
    max-width: 100%;
    height: auto;
}

.vcmt-author-intro {
    flex-direction: column;
}

.vcmt-author-intro>span {
    font-size: 12px;
    font-weight: 600;
    color: #545C63;
    margin-bottom: 6px;
}

.vcmt-author-intro>em {
    font-size: 12px;
    color: #A9A9A9;
}

.video-seenote-litem>p {
    position: relative;
    font-size: 14px;
    max-height: 42px;
    color: #545C63;
    overflow: hidden;
    margin-bottom: 8px;
}

.video-seenote-litem>p>a.link-a {
    top: 43px;
}

.vcmt-footer {
    font-size: 12px;
    color: #A9A9A9;
}

.vcmt-footer>span {
    align-items: center;
    cursor: pointer;
    margin-right: 12px;
}

.vcmt-footer>span>i {
    margin-right: 6px;
}

.vcmt-footer>span>i:before {
    color: #a9a9a9;
}

.vcmt-footer>span>i.hpraise:before {
    color: #FF8F0B;
}

.vcmt-footer>span>i.hpraise+em {
    color: #FF8F0B;
}

.note-empty {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.note-empty>img {
    width: 360px;
}

#notePage {
    justify-content: flex-end;
    margin-top: auto;
}

#notePage a,
#notePage span:not(.layui-laypage-skip) {
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.20);
    border-radius: 4px;
    font-size: 12px;
    color: #06B67F;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

#notePage .layui-laypage-em {
    background: #06B67F;
    color: #FFF;
}

#notePage .layui-laypage-skip input,
#notePage .layui-laypage-skip button {
    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.20);
    font-size: 12px;
    color: #06B67F;
    height: 28px;
    line-height: 28px;
}

.video-wnote {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /*height: 84px;*/
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.20);
    z-index: 10000;
}

.video-wnote-editor {
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
}

.video-wnote>h4 {
    font-size: 18px;
    color: #FF8F0B;
    margin-right: 16px;
}

.note-area {
    width: 398px;
    height: 41px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    padding-left: 5px;
}

.note-area::-webkit-input-placeholder {
    color: #595959;
}

.note-area::-ms-input-placeholder {
    color: #595959;
}

.note-area::-moz-placeholder {
    color: #595959;
}

.video-wnote-editor .note-area {
    display: none;
}

.cmtWang {
    position: absolute;
    left: 24px;
    top: 73px;
    width: calc(100% - 48px);
    height: 292px;
    display: none;
}

.w-e-text-container {
    height: calc(100% - 33px);
}

.w-e-text {
    min-height: 200px;
}

#modifyEditor {
    margin-bottom: 8px;
}

#modifyEditor .w-e-text {
    min-height: 150px;
}

#modifyEditor .w-e-text-container {
    min-height: 150px !important;
    border-color: #d9d9d9 !important;
    /*overflow: hidden;*/
}

.modify-operate {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    background: #06B67F;
    box-shadow: 0 1px 4px 0 rgba(151, 151, 151, 0.20);
    border-radius: 0 0 10px 10px;
}

.modify-operate>a {
    color: #FFF;
    font-size: 14px;
    margin-right: 24px;
}

#modifyEditor .w-e-toolbar {
    border-color: #d9d9d9 !important;
    border-radius: 10px 10px 0 0;
}

.note-areaup,
.note-areaup:hover {
    font-size: 14px;
    color: #108EE9;
    margin: 0 16px;
}
.only-note-t{
    color: #108EE9;
    display: none;
}
.only-note-t:hover{
    color: #108EE9;
}

.note-toggle-h,
.note-toggle-h:hover {
    margin: 0;
}

#note-submit {
    width: 86px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #06B67F;
    border-radius: 18px;
    color: #FFF;
}
.note-public{
    display: none;
    position: absolute;
    bottom: 24px;
    left: 24px;
}
.note-public .layui-form-item,.noteEdit-public .layui-form-item{
    align-items: center;
    margin-bottom: 0;
}
.note-public label{
    width: max-content;
    color: #FF8F0B;
    padding: 4px 8px 0 0;
}
.note-public label+div,.noteEdit-public label+div{
    margin-left: 0;
}
.noteEdit-public{
    position: absolute;
    bottom: 0;
}
.noteEdit-public label{
    width: max-content;
    color: #fff;
}
.noteEdit-public .layui-form-switch{
    margin-top: 0;
}
.noteEdit-public .layui-form-onswitch {
    border-color: #108ee9;
    background-color: #108ee9;
}

.video-wnote-editor #note-submit {
    position: absolute;
    bottom: 24px;
    right: 24px;
}

.video-footer {
    height: 125px;
    border-radius: 20px;
    background: #F4F4F4;
}

.video-footer-add {
    width: 267px;
    height: 100%;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20);
    border-radius: 10px;
    padding: 8px 12px;
}

.video-footer-add-box {
    position: relative;
    height: 100%;
}

.video-footer-add-box>a {
    color: #cdcdcd;
    background: #F4F4F4;
    border: 2px dashed #D8D8D8;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.video-footer-add-box>a>i {
    font-size: 40px;
}

.video-footer-add-box>a>span {
    font-size: 18px;
    margin-top: 8px;
}

.video-fadd-list {
    width: calc(100% - 267px);
    height: 100%;
    overflow: hidden;
    flex: 1;
    padding: 14px 16px;
}

.video-fadd-list-swiper {
    height: 100%;
}

.video-fadd-list-swiper .swiper-slide {
    width: max-content !important;
}

.video-file-box {
    position: relative;
    width: 200px;
    /*height: 117px;*/
    background: #FBFBFB;
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #CDCDCD;
}

.video-file-box>img {
    width: 50px;
    height: 50px;
}

.video-file-box-b {
    border: 2px solid #D8D8D8;
}

.file-prev {
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 65px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.file-prev img {
    max-width: 100%;
    height: auto;
}

.video-file-box>p {
    font-size: 14px;
    color: #595959;
    max-width: 126px;
    margin-top: 4px;
}

.video-file-box>a.link-a {
    display: none;
    align-items: center;
    justify-content: space-evenly;
    font-size: 27px;
    color: #FFF;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
}

.video-file-box:hover a.link-a {
    display: flex;
}

.video-fadd-list-swiper .swiper-button-next {
    background: url(../images/inext.png) no-repeat;
    background-size: 100% 100%;
    right: 0;
}

.video-fadd-list-swiper .swiper-button-prev {
    background: url(../images/iprev.png) no-repeat;
    background-size: 100% 100%;
    left: 0;
}

#addfile .add-start {
    margin-top: 16px;
}

#addfile .add-start label {
    width: 110px;
}

#addfile .add-start label+div {
    margin-left: 140px;
}

.main-operate {
    height: 35px;
    align-items: center;
}

.main-operate-s {
    width: 22px;
    height: 100%;
}

/*回复*/
.video-seereply-list {
    flex-direction: column;
    background: #E8EAEC;
    border-radius: 10px;
    padding: 8px 0 0;
    margin-top: 12px;
}

.video-seereply-list>li.video-seenote-litem {
    border-bottom: 0;
    padding: 8px 16px;
}

.cmtreply-name {
    font-weight: 600;
}

.replyPage {
    width: 100%;
    height: 43px;
    background: #FFF;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 10px 10px;
}

.replyPage>div {
    margin-top: 0;
}

.replyPage a,
.replyPage span {
    border: 0;
    padding: 0 12px;
    background: transparent;
}

.replyPage .layui-laypage-em {
    background: transparent !important;
}

.replyPage .layui-laypage-em+em {
    color: #06B67F !important;
}

.editor-placeholder {
    position: absolute;
    opacity: .6;
}

.exchange-video {
    position: relative;
    height: 100%;
    /*border-radius: 20px 0 0 0;*/
}

.video-box-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 3;
}

.exchange-video .video-box {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -500px;
    margin-top: -281px;
    width: 1000px;
    height: 602px;
}

.video-box>h4 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #FFF;
    justify-content: space-between;
    background: #06B67F;
    border-radius: 8px 8px 0 0;
    padding: 0 24px;
}

.video-box>h4>i {
    font-size: 24px;
    cursor: pointer;
}

.video-box>video {
    width: 100%;
    height: 562px;
    background: #595959;
}

.exchange-video>iframe {
    width: 100%;
    height: 100%;
    /*border-radius: 20px 0 0 0;*/
}

.video-plat {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.exchange-operate {
    position: absolute;
    right: -172px;
    top: 24px;
    height: 35px;
    width: max-content;
    z-index: 2;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.exchange-operate-norsp {
    right: -86px;
}

.exchange-operate:hover {
    right: 0;
}

.exchange-operate>span {
    background: #06B67F;
    color: #FFF;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.exchange-operate>span:first-of-type {
    width: 22px;
    background: #6A6A6A;
    border-radius: 8px 0 0 8px;
}

.exchange-operate>span:first-of-type>i {
    font-size: 12px;
}

.exchange-operate>span:not(:first-of-type) {
    width: 42px;
    border-right: 1px solid #098E64;
}

.exchange-operate>span:not(:first-of-type)>i {
    font-size: 18px;
    color: #FFF;
}
/*讲义模式轮播*/
.handouts-bg {
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
    width: calc(100% - 332px);
    height: 100%;
    background: #FFF;
}

.handouts-mode {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.handouts-mode .handouts-nav {
    width: 100%;
    height: 70px;
    background: #FFF;
    display: flex;
    align-items: center;
    padding-left: 32px;
    box-sizing: border-box;
    justify-content: space-between;
}

.handouts-nav>i {
    color: #D9D9D9;
    font-size: 20px;
    width: 20px;
    height: 20px;
    background: url("../images/chapter.png") -16px -37px no-repeat;
    margin-right: 32px;
}

.handouts-nav a {
    font-size: 16px;
    color: #606060;
}

.handouts-nav a cite {
    color: #FF8F0B !important;
}

.handouts-mode .swiper-container {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.97);
    overflow: visible !important;
}

.handouts-mode .swiper-wrapper {
    align-items: center;
    padding: 0;
}

.handouts-mode .swiper-container .swiper-wrapper .swiper-slide {
    height: max-content;
    border-radius: 4px;
    background: #FFF;
}

.handouts-mode .swiper-container .swiper-wrapper .swiper-slide-prev {
    margin: 60px auto;
}

.handouts-mode .swiper-container .swiper-wrapper .swiper-slide-next {
    margin: 60px auto;
}

.handouts-mode .swiper-container .swiper-wrapper .swiper-slide>iframe {
    width: 100%;
    overflow-y: scroll;
    /*pointer-events: none;*/
}

.handouts-mode .swiper-container .swiper-wrapper .swiper-slide:not(.swiper-slide-active)>iframe {
    pointer-events: none;
}

.swiper-header {
    width: 100%;
    height: 36px;
    background: #F4F4F4;
    font-size: 16px;
    color: #606060;
    padding-left: 24px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    justify-content: space-between;
    align-items: center;
}

.swiper-header>i {
    font-size: 30px;
    cursor: pointer;
    margin-right: 16px;
}

/*CKeditor样式*/
.image-txt .cke_chrome,
.tg-handouts .cke_chrome {
    border: 1px solid #E8E8E8;
    box-shadow: 0 0 2px 0 #E8E8E8;
}

.image-txt .cke_top,
.tg-handouts .cke_top {
    height: 67px !important;
    box-sizing: border-box;
}

/*左边li中选中和已经学习时*/
.tgchapters-main>li>.tg-checked {
    position: absolute;
    top: 0;
    right: 0;
    width: 19px;
    height: 40px;
    background: #FF8F0B;
    border-radius: 0 8px 8px 0;
    color: #FFF;
    text-align: center;
}

.tgchapters-main>li.tg-selected>.tg-checked {
    color: #FF8F0B;
    background: #FFF;
    -webkit-transform: translate3d(0, -0.5px, 2px);
    -moz-transform: translate3d(0, -0.5px, 2px);
    -ms-transform: translate3d(0, -0.5px, 2px);
    -o-transform: translate3d(0, -0.5px, 2px);
    transform: translate3d(0, -0.5px, 2px);
}

.tgchapters-main>li>.tg-checked>i {
    font-size: 12px;
}

.tg-selected {
    background: #06B67F !important;
    color: #FFF !important;
}

.tgchapter-box-prev .tg-selected {
    background: #FF8F0B !important;
}

.tg-selected a {
    color: #FFF;
}

.image-txt>textarea {
    width: 100%;
    height: 100%;
}

/*模式切换*/
.dtop-left>a.mode-change {
    background: #FF8F0B;
    color: #FFF !important;
}

.mode-imgtxt {
    background-position: 0 -22px !important;
}

.mode-video {
    background-position: 0 -184px !important;
}

.mode-handouts {
    background-position: 0 -202px !important;
}

/*右边4个图标选中样式*/
.operate-style {
    background: #1276BF !important;
}

/*全屏与否样式*/
.tg-full {
    width: 100% !important;
}


/*课程路径考试一栏点击编辑进入的页面*/
.tgtest-cl {
    width: 59.81%;
}

.tgtest-cl>div {
    margin: 0;
}

.tgtest-detail {
    flex-direction: row !important;
    display: flex;

}

.tgtest-head {
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.20);
    border-radius: 8px;
}

.tgtest-store {
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.20);
    border-radius: 8px;
    margin-top: 20px;
    height: calc(100% - 246px);
}

.tgtest-cl .layui-table-view {
    height: 100%;
}

.tgtest-cr {
    width: 39%;
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.20);
    border-radius: 4px;
    box-sizing: border-box;
}

.tgtest-cr .layui-table-cell {
    text-align: left;
    padding: 0 4px;
}

.tgtest-cr .layui-table-col-special:first-of-type>div {
    margin-left: 20px;
    text-align: center;
}

/*左空状态*/
.tgchapter-empty {
    position: absolute;
    width: calc(100% - 48px);
    height: calc(100% - 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #D8D8D8;
}

.tgchapter-empty>span {
    margin-top: 8px;
}

.tgchapter-empty a {
    color: #108EE9;
    cursor: pointer;
}

/*右空状态*/
.mode-empty {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mode-empty>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mode-empty-box>img {
    width: 250px;
    height: auto;
    margin-bottom: 16px;
}

.mode-empty-box>h4 {
    font-size: 24px;
    font-weight: 600;
    color: #D8D8D8;
}

/*教务预览测验*/
.tgchapter-detail .pre-viework {
    background: #FFFFFF;
    border-radius: 4px 0 0 4px;
    box-sizing: border-box;
    overflow-y: auto;
    padding: 12px 10px 0 15px;
}

.pre-viework::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px !important;
}

.pre-viework::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background: #C1C1C1 !important;
}

.pre-viework .preview-box {
    width: 100%;
}

.op-preview-box {
    height: 100%;
    overflow-y: auto;
}

.preview-box .preview-item {
    width: 100%;
    /*min-height: 318px;*/
    padding: 16px 16px 24px;
    box-sizing: border-box;
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.20);
    border-radius: 4px;
    margin-bottom: 24px;
}

.preview-box .preview-item:last-of-type {
    margin-bottom: 0;
}

.op-preview-box .preview-item {
    border: 0;
    padding: 4px 8px 4px 4px;
    margin-bottom: 0;
}

.play-mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}

.preview-item .play-pop {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -300px;
    width: 800px;
    height: 600px;
    z-index: 999;
}

.preview-item .close-pop {
    margin-right: 16px;
    margin-top: 9px;
    cursor: pointer;
}

.play-pop header {
    background: #FFF;
    height: 36px;
}

.play-pop iframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: calc(100% - 86px);
    border: 0;
}

.play-modify {
    width: 100%;
    height: 50px;
    background: #FFF;
    justify-content: flex-end;
    margin-top: -5px;
}

.play-modify>a {
    width: 120px;
    height: 50px;
    background: #FF8F0B;
    text-align: center;
    line-height: 50px;
    color: #FFF;
}

.preview-item .item-ques {
    width: 100%;
    box-sizing: border-box;
    padding: 24px 16px;
    background: #F5F5F5;
    border-radius: 4px;
    /*min-height: 126px;*/
}

.item-ques>h3 {
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #262626;
}

.item-ques>h3>span {
    /*font-size: 14px;*/
    color: #262626;
}

.item-ques>.item-ques-describe {
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    color: #606060;
    margin-top: 8px;
}

.item-ques-describe *,
.overflow-text * {
    width: auto !important;
    max-width: 100%;
    min-width: auto;
}

.item-option-title * {
    max-width: 100%;
    min-width: auto;
}

.item-ques-describe>p {
    width: 100%;
    padding-top: 8px;
}

.item-ques-describe>p:first-of-type {
    text-indent: 2rem;
}

.item-ques-describe>p>img {
    display: block;
    max-width: 80%;
    height: auto;
    margin-top: 16px;
}

.item-ques-describe:after {
    display: block;
    clear: both;
    height: 0;
    content: "";
}

.preview-item .item-options {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    box-sizing: border-box;
    /*overflow-y: auto;*/
}

.item-options .item-option {
    width: 48%;
    background: #FBFBFB;
    margin-top: 24px;
    box-sizing: border-box;
    padding: 16px 24px;
    font-size: 14px;
    color: #606060;
    display: flex;
}

.item-options>.item-option>div {
    max-height: 500px;
    overflow-y: auto;
}

.op-preview-box .op-preview-option {
    width: 100%;
    background: #FFF;
    padding: 0;
}

.tpl-box {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 28px;
}

.tpl-nav .layui-tab-title {
    height: 30px;
    border-bottom: 0;
}

.tpl-nav .layui-tab-title li {
    line-height: 30px;
    font-size: 14px;
    color: #595959;
    background: #f5f5f5;
    border-radius: 0 8px 0 0;
    border: 1px solid #E8E8E8;
    padding: 0 24px;
    margin-right: -8px;
}

.tpl-nav .layui-tab-title li:nth-child(1) {
    z-index: 99;
}

.tpl-nav .layui-tab-title li:nth-child(2) {
    z-index: 98;
}

.tpl-nav .layui-tab-title li:nth-child(3) {
    z-index: 97;
}

.tpl-nav .layui-tab-title li:nth-child(4) {
    z-index: 96;
}

.tpl-nav .layui-tab-title li:nth-child(5) {
    z-index: 95;
}

.tpl-nav .layui-tab-title li:after {
    height: 30px;
    border: 0;
}

.tpl-nav .layui-tab-title li.layui-this {
    color: #ff8f0b;
    background: #FFF;
    z-index: 100;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-bottom: 1px solid #FFF;
}

.tpl-box .layui-tab-content {
    border: 1px solid #E8E8E8;
    border-radius: 0 4px 4px 4px;
    padding: 24px;
}

.tpl-main {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.tpl-item {
    width: 300px;
    flex-direction: column;
}

.tpl-item:first-of-type {
    margin-right: 18px;
}

.tpl-item:last-of-type {
    margin-left: 18px;
}

.tpl-item>span {
    font-size: 16px;
    color: #FF8F0B;
    line-height: 22px;
    margin-bottom: 16px;
}

.op-tag {
    font-size: 16px;
    color: #0BA194 !important;
    line-height: 22px;
    margin-bottom: 16px;
    display: block;
}

.tpl-item-box {
    position: relative;
    width: 100%;
    height: 225px;
    border-radius: 4px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.tpl-item-box>img {
    max-width: 100%;
    height: auto;
}

.tpl-prev-btn {
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.50);
}

.tpl-prev-btn>em,
.stu-tpl-prev-btn>em {
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FFF;
    padding: 2px;
}

.tpl-prev-btn>em>span,
.stu-tpl-prev-btn>em>span {
    font-size: 46px;
}

.tpl-item-box>iframe {
    width: 100%;
    height: 100%;
}

.tpl-item-no {
    width: 100%;
    margin: 16px 0 !important;
}

.tpl-item-no>.tpl-item-box {
    height: 500px;
}

.item-options>hr {
    display: block;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0;
    border: none;
    border-top: 1px dashed #e6e6e6;
    background: none
}

.item-options .item-option img {
    max-width: 200px;
    max-height: 200px;
    display: block;
}

.op-preview-box .op-preview-option img {
    max-width: 100%;
    height: auto;
    max-height: none;
}

/*操作题*/
.preview-item>iframe {
    flex: 1;
    border: 0 !important;
    min-height: 600px;
}

.operate-iframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/*添加测试*/
.tg-add-test {
    /*height: 1055px;*/
}

.tg-add-exam {
    text-align: center;
    max-height: 667px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

/*  教务预览考试*/
.answer-prev {
    width: 100% !important;
}

/*图片样式*/
.ibox {
    width: 100%;
    height: 119px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.ibox>img {
    width: 100%;
    height: auto;
}

.index-ibox {
    width: 100%;
    height: 120px;
    overflow: hidden;
}

.index-ibox>img {
    width: 90%;
    height: auto;
}


/*最新更改，考试*/
.edu-addtest {
    overflow: hidden;
}

.edu-addtest .layui-table-tool {
    position: absolute !important;
    bottom: 0 !important;
}

.edu-addtest .layui-table-body .empty-status {
    height: 783px;
    overflow: hidden;
}

/*addchapter左边空状态*/
.tgchapter-chapters .tgchapters-main>li.zjSort-empty {
    border: none !important;
    height: 100%;
    font-size: 20px !important;
    color: #D8D8D8 !important;
    /*background: #f5f5f5;*/
    align-items: center;
    justify-content: center;
}

/*pre_classes图文空状态*/
.image-txt .mst-empty {
    height: 100%;
}

.image-txt .mst-empty img {
    width: 275px;
    max-width: 275px;
    height: 267px;
}

.image-txt .mst-empty h4 {
    font-size: 36px;
    color: #D8D8D8;
}

/*添加考试addchapter_exam*/
.edu-addexam {
    width: inherit !important;
    position: relative !important;
}

/*已发布*/
.hreleased {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3DBD7D;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

/*已下架*/
.offline {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FD0B0B;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

/*开发中*/
.ondevelop {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FFBF00;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

/*待审核*/
.waitcheck {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #108EE9;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

/*审核失败*/
.failcheck {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FF8F0B;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

/*已弃用*/
.abandon {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #949494;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

.course-ondevelop {
    color: #FFBF00;
}

.course-offline {
    color: #FD0B0B;
}

.course-hreleased {
    color: #3DBD7D;
}

.course-waitcheck {
    color: #108EE9;
}

.course-failcheck {
    color: #FF8F0B;
}

.course-abandon {
    color: #949494;
}

/*认证*/
.id-container {
    height: 690px;
    background: #FFF;
    margin-top: 32px;
}

.id-header {
    width: 100%;
    height: 57px;
    line-height: 57px;
    padding-left: 24px;
    border-bottom: 1px solid #E8E8E8;
}

.id-header>h2 {
    font-size: 18px;
    color: #595959;
    font-weight: 600;
}

.id-main {
    height: calc(100% - 57px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.id-main>i {
    font-size: 78px;
    margin-bottom: 32px;
}

.id-main>p {
    font-size: 18px;
    font-weight: 600;
    color: #595959;
    line-height: 25px;
    margin-bottom: 32px;
}

.id-main>p>cite {
    font-size: 18px;
    color: #e82f2f;
    font-style: normal;
}

.id-main>form {
    width: 386px;
}

.id-main>form i {
    color: #e82f2f;
}

.id-main .layui-btn {
    width: 276px;
    height: 32px;
    line-height: 32px;
    background: #108EE9;
    border-radius: 2px;
    color: #FFF;
    font-size: 14px;
}

.id-main>a {
    width: 386px;
    text-align: right;
    color: #108EE9;
}

/*328*/
.apply-soldout {
    width: 416px;
    height: 274px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20);
    border-radius: 4px;
}

#soldout-box {
    height: calc(100% - 43px);
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
}

.change-kc,
.change-xj {
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.change-kc>span,
.change-xj>span {
    font-size: 14px;
    color: #ccc;
}

.change-kc:hover .change-kc-svg,
.change-xj:hover .change-xj-svg {
    border-color: #FF8F0B;
}

.change-kc:hover span,
.change-xj:hover span {
    color: #000;
}

.change-kc {
    margin-right: 32px;
}

.change-kc-svg,
.change-xj-svg {
    width: 117px;
    height: 117px;
    border: 1px solid #EEEEEE;
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}

.change-kc-svg>i,
.change-xj-svg>i {
    font-size: 50px;
    height: max-content;
}

/*学习软件*/
.full-content {
    min-height: 100%;
    padding-bottom: 187px;
}

.dnav-container {
    background: #FFFFFF;
    box-shadow: 0 2px 10px 0 rgba(208, 208, 208, 0.50);
}

.dnav-container .h-nav {
    position: relative;
    width: 1191px;
    height: 70px;
    line-height: 70px;
    padding-top: 0;
    margin: 0 auto;
}

.dnav-container .h-nav>ul {
    width: 70%;
    padding-top: 0;
    justify-content: flex-end;
}

.dnav-container .h-nav>ul a {
    font-size: 14px;
    color: #454545;
}

.dnav-container .h-nav>ul a:focus {
    outline: none;
}

.dnav-container .h-nav>ul li {
    height: 100%;
    width: max-content;
    line-height: 70px;
    margin-right: 88px;
}

.dnav-container .h-nav>ul li:last-child {
    height: max-content;
    line-height: initial;
    transform: none;
    margin-top: 23px;
    margin-right: 0;
}

.dnav-container .h-nav>ul li:last-child a {
    display: block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FF8F0B;
    border: 1px solid #FF8F0B;
    border-radius: 4px;
}

.dnav-container .logo {
    width: 30%;
    margin: 0;
}

.dnav-container .logo img {
    width: 117px;
    height: 42px;
    max-width: max-content;
}

.dmain-container>h1 {
    font-size: 24px;
    color: #464646;
    margin: 40px auto 24px;
}

.d-banner {
    width: 100%;
    height: 141px;
    border-radius: 4px;
    margin-bottom: 24px;
}

.d-banner>img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.d-list-box,
.d-list {
    width: 100%;
}

.d-list>li {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 93px;
    background: #FFF;
    padding: 0 24px 0 18px;
    border-radius: 4px;
    margin-bottom: 24px;
}

.d-item-left {
    align-items: center;
}

.d-item-left>img {
    width: 60px;
    height: 60px;
    margin-right: 16px;
}

.d-item-left>span {
    font-size: 24px;
    color: #000000;
    line-height: 33px;
}

.d-item-right>a {
    width: 108px;
    height: 35px;
    border-radius: 4px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
}

.d-item-right>a.WIN {
    background: #0078D6;
    color: #FFF;
    margin-right: 12px;
}

.d-item-right>a.MAC {
    background: #FFF;
    color: #000000;
    border: 1px solid #000000;
}

.d-item-right>a>i {
    font-size: 16px;
    margin-right: 8px;
}

.foot-full {
    height: max-content;
    background: #737373;
    margin-top: -163px !important;
    padding-top: 24px;
}

.foot-full .foot-in-box {
    margin-top: 0;
}

/*412：学生查看*/
.modi-a,
.modi-a:hover {
    font-size: 14px;
    color: #108EE9;
    font-weight: 400;
    margin-right: 24px;
}

.item-answer-box>.op-item-answer {
    width: 100%;
    border: 0 !important;
    background: initial !important;
    margin-top: 0 !important;
}

.op-item-answer>.answer-side {
    width: 100%;
}

.op-item-answer img {
    max-width: 100%;
    height: auto;
}

.item-answer-box .answer-side {
    width: 100%;
}

.item-answer-box .answer-side-content {
    position: relative;
    flex: 1;
    min-width: 55px;
    max-width: 100%;
    /*min-height: 600px;*/
    width: 100%;
    height: max-content;
    flex-direction: column;
    overflow: hidden;
}

.tpl-item-no .answer-side-content {
    min-height: 600px;
}

.tpl-item-no .answer-side-content>iframe {
    flex: 1;
}

.answer-side-content a {
    align-items: center;
    justify-content: center;
    color: #FFF;
    opacity: 0;
}

.answer-side-content a:hover {
    opacity: 1;
    background: rgba(0, 0, 0, .5);
}

.answer-stand-content {
    width: 100% !important;
    font-size: 16px;
    color: #262626;
    margin-top: 8px;
}

.answer-stand-content>div {
    flex: 1;
}

.answer-side i.answer-toggle-s {
    position: absolute;
    left: 80px;
    top: 2px;
    align-self: flex-start;
    color: #108EE9;
    cursor: pointer;
}

.answer-side i.answer-toggle-s:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: 10px;
    right: -15px;
    border-bottom: 1px solid #108EE9;
    border-left: 1px solid #108EE9;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.answer-side i.answer-toggle-o:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 7px;
}

.item-answer-op input {
    width: 150px;
}

.question-rate .layui-rate {
    padding-top: 4px;
}

.question-rate .layui-rate+span {
    display: none;
}

/*日历*/
.layui-laydate-content td:hover,
.layui-laydate-list li:hover {
    background: transparent !important;
}

.modify-btn {
    font-size: 5px;
    cursor: pointer;
    margin-left: 3px;
}

.order-company {
    cursor: pointer;
    color: #108EE9;
}

.modify-tea-list {
    width: 100%;
    padding: 24px;
}

.modify-tea-list>li {
    height: 49px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 70px 0 40px;
}

.modify-tea-list>li:first-of-type {
    height: 52px;
    font-size: 14px;
    color: #606060;
    font-weight: 600;
    background: #F4F4F4;
    border-radius: 4px;
    border-bottom: 0;
}

.modify-tea-item {
    height: 100%;
    justify-content: space-between;
}

.modify-tea-item>li {
    min-width: 56px;
    align-items: center;
    line-height: 49px;
}

.modify-tea-img {
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 8px;
}

.modify-tea-img>img {
    width: 100%;
    height: auto;
}

.modify-tea-img+span {
    font-size: 14px;
    color: #595959;
}

.modify-assign,
.modify-assign:hover {
    font-size: 14px;
    color: #108EE9;
}

.modify-assign-sel,
.modify-assign-sel:hover {
    color: #595959;
}

.deleteAssigned {
    margin-left: 3px;
}

.deleteAssigned:hover {
    cursor: pointer;
    color: #F24724;
}

#modify-tea-page {
    justify-content: flex-end;
    padding-right: 24px;
}

#modify-tea-page .layui-laypage {
    margin-top: 0;
}

/*待协助开发*/
.cmp-container {
    min-height: 500px;
    background: #FFF;
    border-radius: 4px;
    margin-top: 24px;
}

.cmp-container>header {
    width: 100%;
    height: 73px;
    line-height: 73px;
    font-size: 18px;
    font-weight: 600;
    color: #606060;
    border-bottom: 1px solid #F4F4F4;
    padding-left: 24px;
}

.mission-list-box {
    padding: 24px 30px;
}

.mission-list {
    width: 100%;
    min-height: 500px;
}

.mission-list>li {
    height: 40px;
    line-height: 40px;
    color: #666666;
    border-bottom: 1px solid #E9E9E9;
    padding-left: 32px;
}

.mission-list>li:first-of-type {
    background: #F4F4F4;
    height: 55px;
    line-height: 55px;
    border-radius: 4px;
    font-size: 14px;
    color: #606060;
    font-weight: 600;
    border-bottom: 0;
}

.mission-item>li:nth-child(1) {
    width: 24%;
}

.mission-item>li:nth-child(2) {
    width: 24%;
}

.mission-item>li:nth-child(3) {
    width: 17%;
}

.mission-item>li:nth-child(4) {
    width: 17%;
}

.mission-item>li:nth-child(5) {
    width: 17%;
    align-items: center;
}

.mission-item>li>i {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 4px;
}

.mission-item>li>i.developing {
    background: #FFB03B;
}

.mission-item>li>i.finish {
    background: #3DBD7D;
}

.toassign,
.toassign:hover {
    color: #108EE9;
}

.htoassign,
.htoassign:hover {
    color: #D9D9D9;
}

#mission-list-page {
    justify-content: flex-end;
}

.no-jy {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 50px;
}

.no-jy>img {
    width: 250px;
}

.no-jy>h3 {
    font-size: 40px;
    color: #666;
    margin-top: 8px;
}

/*教务题库*/
.quesbank-container {
    margin-top: 12px;
}

#kcitemTk .layui-laypage-curr>em,
#totalTk .layui-laypage-curr>em {
    background: #8489A2;
}

#layui-table-page2,
#layui-table-page1 {
    text-align: right;
}

/*共享文件*/
.commonfile .right-top {
    justify-content: space-between;
}

.commonfile .right-top>div {
    position: relative;
}

.commonfile .right-top a {
    background: #0F8EE9;
    color: #fff;
    border: none;
}

.commonfile .data-ts {
    display: block;
}

.commonfile .right-top .data-ts span {
    margin-right: 50px;
}

.commonfile .content-box-mid-right {
    width: 100%;
}

.commonfile .show-ope {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    width: 110px;
    background: #ffffff;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    z-index: 999;
}

.commonfile .show-ope span {
    display: block;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    color: #666666;
    position: relative;
    cursor: pointer;
}

.commonfile .show-ope span:hover {
    background: #ebf7ff;
}

.commonfile .show-ope span input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    /*z-index: ;*/
}

.commonfile .cfope:hover .show-ope {
    display: block;
}

.commonfile #datalist.list-view .right-list-item .img-box {
    padding-left: 0;
}

.commonfile #datalist li .right-list-item {
    align-items: center;
    margin-bottom: 0;
}

.right-list-item-num {
    display: inline-block;
    float: left;
    margin: 8px 5px 10px;
}

.commonfile #datalist.list-view>li {
    padding-bottom: 0;
}

.commonfile .only-listv>i {
    position: relative;
}

.commonfile .only-listv>i .down {
    top: 20px;
    left: -30px;
    height: max-content;
}

#controlAssitDevLesson>div {
    width: 272px;
    padding: 0;
    margin-left: 0;
    margin-right: 24px;
}

#controlAssitDevLesson>div:nth-child(4n) {
    margin-right: 0;
}

#controlAssitDevLesson>div:nth-of-type(4) {
    margin-top: 0;
}


.timu-s>div {
    flex: 1;
}

#addSchool-modal {
    padding: 0;
}

.goways {
    width: 100%;
    justify-content: space-evenly;
    padding: 65px 0 62px 0;
}

.goways-item {
    position: relative;
    width: 181px;
    height: 181px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFF;
    border-radius: 4px;
    -webkit-transition: border .2s;
    -moz-transition: border .2s;
    -ms-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s;
    -webkit-box-shadow: 0 2px 10px 0 rgba(208, 208, 208, 0.50);
    -moz-box-shadow: 0 2px 10px 0 rgba(208, 208, 208, 0.50);
    box-shadow: 0 2px 10px 0 rgba(208, 208, 208, 0.50);
    cursor: pointer;
}

.goways-item:hover {
    border: 2px solid #FF8F0B;
}

.goways-item>i {
    font-size: 78px;
    margin-bottom: 24px;
}

.goways-item>span {
    font-size: 18px;
    color: #FF8F0B;
}

.user-pop-title .layui-layer-setwin {
    top: 21px;
}

.goways-codeinput {
    justify-content: center;
    align-items: center;
    padding: 80px 0;
}

.goways-codeinput>label {
    font-size: 14px;
    color: #595959;
    margin-right: 12px;
}

.goways-codeinput>input {
    width: 397px;
    height: 40px;
    border: 1px solid #999;
    padding-left: 6px;
}

.goways-result {
    height: 241px;
    align-items: center;
    justify-content: center;
}

.goways-result>span {
    font-size: 44px;
    margin-right: 24px;
    /*margin-top: -50px;*/
}

.goways-resinfo {
    font-size: 14px;
    flex-direction: column;
}

.goways-resinfo>h5 {
    font-size: 16px;
    color: #555555;
    line-height: 28px;
    margin-bottom: 6px;
}

.goways-resinfo>a {
    color: #108EE9;
    margin: 6px 0;
}

.goways-resinfo>span {
    color: #555;
}

.goways-resinfo>span:last-of-type {
    color: #999;
}

/*
*已过期样式
*/
.outdate-stu {
    height: 36px;
    font-size: 14px;
    color: #F24724;
    align-items: center;
    background: rgba(242, 71, 36, 0.10);
    border: 1px solid rgba(242, 71, 36, 0.30);
    border-radius: 4px;
    padding-left: 28px;
    margin-top: 16px;
    margin-bottom: -14px;
}

/*题库*/
.tiku-operate,
.tiku-operate-h:hover {
    font-size: 14px;
    color: #2580C2;
    line-height: 18px;
    margin-right: 15px;
}

.tiku-operate-h,
.tiku-operate-h:hover {
    font-size: 14px;
    color: #2580C2;
    line-height: 18px;
    margin-right: 15px;
}

.achange-pop-title {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.75);
    align-items: center;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-top: 22px;
}

.achange-pop-title>span {
    font-size: 24px;
    margin-right: 8px;
}

.achange-pop-title>h4 {
    font-weight: 600;
}

.achange-pop-main {
    font-size: 14px;
    color: #999999;
    margin-left: 60px;
}

.achange-pop-main:last-of-type {
    margin-bottom: 12px;
}

.tm-apply-pop.layui-layer .layui-layer-btn {
    border-top: 0;
}

.tm-apply-pop {
    background: #FFF !important;
}

.addtm-template {
    display: none;
    height: 300px;
    margin: 0;
}

.loadtm-template {
    height: 300px;
    margin: 0;
}

.addtm-template>header {
    background: #FFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.10);
}

.addtm-template>header>ul {
    border-bottom: 0;
}

.addtm-template>section {
    padding: 0;
}

.addtm-template-nav {
    height: 46px;
    overflow-x: auto;
    overflow-y: hidden;
}

.addtm-template-nav>li {
    align-items: center;
    font-size: 16px;
    color: #6B6B6B;
    white-space: nowrap;
    line-height: initial;
    padding: 12px 30px;
    cursor: pointer;
}

.addtm-template-nav>li.active {
    background: #F8F8F8;
}

.addtm-template-nav>li.layui-this:after {
    border: 0;
}

.addtm-main-box {
    width: 100%;
    background: #F8F8F8;
    justify-content: space-between;
    padding: 24px 46px;
}

.addtm-main-box.layui-show {
    display: flex !important;
    display: -moz-flex !important;
    display: -o-flex !important;
    display: -ms-flex !important;
    display: -webkit-flex !important;
}

.addtm-main-box>div {
    width: 183px;
    height: 206px;
    border: 2px dashed #d7d7d7;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #FFF;
}

.addtm-main-box>div.addtm-tpl {
    position: relative;
    border: 0;
    border-radius: 8px;
}

.addtm-main-box>div>em {
    width: 32px;
    height: 32px;
    background: #999;
    border-radius: 50%;
    color: #FFF;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 13px;
}

.addtm-main-box>div>span {
    font-size: 18px;
    color: #999999;
    line-height: 25px;
}

#tmtpl-main {
    height: max-content !important;
}

.timu-template-box {
    width: 100%;
    height: max-content;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    overflow: auto;
}

.tm-template-list {
    min-height: 446px;
    flex-wrap: wrap;
}

.tm-template-list>li {
    width: 163px;
    height: 199px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    margin-right: 24px;
    margin-bottom: 24px;
}

.tm-template-list>li:nth-child(5n) {
    margin-right: 0;
}

.tm-template-item>p {
    text-align: center;
    max-width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #171717;
}

.tm-tpl-prev {
    position: relative;
    width: 100%;
    height: 127px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.tm-tpl-prev>img {
    max-width: 100%;
    height: auto;
}

.tm-tpl-sel {
    display: block;
    height: 36px;
    width: 100%;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #108EE9;
    border-top: 1px solid #E8E8E8;
}

.tm-tpl-sel:link {
    color: #108EE9;
}

.tm-tpl-sel:visited {
    color: #0B73BE;
    font-weight: 600;
}

.tm-tpl-sel:hover {
    color: #108EE9;
}

.tm-tpl-sel:active {
    color: #0B73BE;
    font-weight: 600;
}

.addtm-origl {
    position: relative;
}

.this-tpl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.addtm-origl-title {
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #171717;
    border: 1px solid #E8E8E8;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
}

.addtm-origl-prev {
    position: relative;
    width: 100%;
    height: calc(100% - 26px);
    justify-content: center;
    align-items: center;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.addtm-origl-prev>img {
    max-width: 100%;
    height: auto;
}

.this-tpl>span {
    font-size: 18px;
    position: absolute;
    top: -9px;
    right: -9px;
    z-index: 1;
    cursor: pointer;
}

.tm-template-page {
    justify-content: flex-end;
}

#tmtpl-page>.layui-laypage {
    margin: 0;
}

.addtm-template-content {
    padding: 0;
}

.edu-item-answer {
    background: rgba(11, 161, 148, 0.09);
    border: 1px solid #0BA194;
    border-radius: 4px;
    font-size: 16px;
    color: #262626;
    padding: 14px 24px;
    margin-top: 16px;
}

.edu-item-answer>ul {
    flex: 1;
}

.edu-item-answer>ul>li {

    margin-right: 8px;
}

/*页脚*/
.beian,
.beian:hover {
    justify-content: center;
    color: #999 !important;
}

.toggle-tz {
    display: flex !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -o-flex !important;
    display: -ms-flex !important;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.vcmt-author-reply {
    width: 100%;
}
.i-logo{
    max-width: 282px;
    min-width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.i-logo>img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

/* 3.10全平台导航统一 */
/* 统一白色 */
.nav-container {
    min-width: 1200px;
    width: 100%;
    box-shadow: 0 2px 10px 0 rgba(208,208,208,0.50);
}
.nav-container.white{
    background: #fff;
}
.nav-container.white li{
    height: 70px !important;
    line-height: 70px !important;
}
.nav-container.white .this_nav{
    color: #FF8F0B;
    border-bottom: 2px solid #FF8F0B;
}
.nav-container.white .h-navlist>li:hover{
    color: #FF8F0B;
    border-bottom: 2px solid #FF8F0B;
}
/* 学生 */
.nav-container.blue{
    background: #3369F2;
}
/* 教师 */
.nav-container.green{
    background: #06B67F;
}
.nav-container.blue .h-navlist>li,
.nav-container.green .h-navlist>li{
    color: #fff;
}
.nav-container.blue .h-navlist>li:hover,
.nav-container.green .h-navlist>li:hover{
    background: rgba(0, 0, 0, .15);
    line-height:70px
}
.nav-container.blue .this_nav,
.nav-container.green .this_nav{
    background: rgba(0, 0, 0, .15);
    line-height:70px
} 
.nav-container.blue .icon-list .noticon,
.nav-container.green .icon-list .noticon{
    color: #fff;
}
.nav-container .h-nav {
    width: 1200px;
    height: 70px;
    margin: 0 auto;
    align-items: center;
}

.h-nav .title-img{
    max-width: 282px;
    min-width: 46px;
    height: 46px;
    max-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.h-nav .title-img>img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}
.h-nav .h-navlist {
    margin-left: 45px;
    width: 796px;
    height: 100%;
    align-items: center;
}

.h-nav .h-navlist li {
    width: 65px;
    height: 70px;
    text-align: center;
    line-height: 70px; 
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #262626;
    margin-right: 50px;
    box-sizing: border-box;
}

.h-nav .icon-list li {
    width: 72px;
    height: 70px;
    position: relative;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
}

.h-nav .icon-list .noticon {
    width: 22px;
    height: 25px;
    font-size: 25px;
    display: block;
    margin: 0 auto;
    color: #e8e8e8;
}

/* 鼠标滑过显示通知消息 */
.h-nav .icon-list .notice:hover .notice-pop {
    display: block;
}

.h-nav .notice-pop {
    display: none;
    position: absolute;
    width: 316px;
    height: 309px;
    left: 50%;
    margin-left: -166px;
    top: 64px;
    z-index: 12;
    background: #fff;
    border: 1px solid #F5F5F5;
    box-shadow: 0 -2px 10px rgba(153, 153, 153, 0.20);
}

.h-nav .notice-pop i {
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fff;
    position: absolute;
    top: -10px;
    left: 50%;
}

.h-nav .notice-pop-top {
    width: 100%;
    height: 46px;
    align-items: center;
    justify-content: center;
    color: #606060;
    font-weight: 600;
    line-height: initial;
}

.h-nav .notice-content {
    height: 214px;
    width: 100%;
    overflow: auto;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.h-nav .notice-pop-btm {
    height: 49px;
    width: 100%;
    padding: 0 16px;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.h-nav .mst-empty {
    width: 100%;
    justify-content: center;
    font-size: 18px;
    color: #E0E0E0;
    height: 214px;
    line-height: initial;
}

.h-nav .mst-empty-main {
    width: 110px;
    height: 214px;
    flex-direction: column;
    justify-content: space-around;
    margin: 0 auto;
    text-align: center;
}

.h-nav .mst-empty img {
    width: 110px;
    height: 82px;
}

.h-nav .icon-list .headimg {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

/* 鼠标滑过显示个人中心和设置 */
.h-nav .pop-up {
    display: none;
    position: absolute;
    top: 64px;
    right: -35px;
    bottom: -98%;
    width: 140px;
    height: 88px;
    z-index: 13;
    line-height: 1.8;
    border-bottom: 8px solid #f5f5f5;
    box-shadow: 0px -2px 10px rgba(153, 153, 153, 0.20);
    background: #fff;
}

.h-nav .pop-up i {
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fff;
    position: absolute;
    top: -10px;
    left: 60px;
}

.h-nav .personinfo:hover .pop-up {
    display: block;
}
.personinfo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.h-nav .pop-up span {
    position: relative;
    display: inline-block;
    width: 140px;
    height: 44px;
    line-height: 44px;
    background-color: #FFF;
    color: #606060;
    text-align: left;
}

.h-nav .pop-up span em {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 15px;
    vertical-align: top;
}
/* @media screen and (min-width: 1200px) {
    .bigctn{
        width: 1200px;
    }
    .smart-container {
      width: 1200px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .bigctn{
        width: 100%;
    }
    .smart-container {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 768px) {
    .bigctn{
        width: 768px;
    }
  } */