@charset "utf-8";

.main-color {
    color: var(--main-color);
}

.switch-content {
    display: none;
}

.switch-content:first-child {
    display: block;
}

a,
button,
input {
    outline: none;
}

.text-no-wrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.main-title {
    font-size: 26px;
    font-weight: bold;
    position: relative;
    padding: 0 26px;
}

/*面包屑*/

.nav-bar {
    padding: 15px 20px;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
}

.nav-bar-item {
    float: none;
    color: #666;
}

.nav-spacer {
    float: none;
    margin: 0 5px;
    color: #666;
}

.nav-bar-item.cur {
    color: var(--main-color);
}

/*pager*/

.pagination {
    text-align: center;
    cursor: default;
    margin: 40px 0;
    font-size: 0;
}

.pagination a {
    box-sizing: border-box;
    min-width: 56px;
    height: 56px;
    line-height: 52px;
    display: inline-block;
    background-color: #eee;
    border: 2px solid #E3E3E3;
    border-radius: 5px;
    margin: 0 7px;
    color: #ccc;
    font-size: 28px;
}

.pagination a[href],
.pagination a.active {
    background-color: #fff;
    color: var(--main-color);
    border-color: var(--main-color);
}

.pagination a[href]:hover,
.pagination a.active {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

.pagination .first,
.pagination .prev,
.pagination .next,
.pagination .end {
    padding: 0 15px;
}

.pagination .pagination-jump {
    margin: 0 0 0 20px;
    cursor: auto;
    color: #999;
    font-size: 20px;
}

.pagination .pagination-jump .page_jump {
    width: 56px;
    text-align: center;
    box-sizing: border-box;
    min-width: 56px;
    height: 56px;
    line-height: 52px;
    display: inline-block;
    background-color: #fff;
    border: 2px solid #E3E3E3;
    border-radius: 5px;
    margin: 0 7px;
    color: #333;
    font-size: 28px;
}

/*主导航*/

.tc-nav {
    height: 80px;
    background-color: #fff;
}

.tc-nav .items-block {
    height: 100%;
}

.tc-nav a[href] {
    /* flex: 1; */
    text-align: center;
    font-size: 30px;
    position: relative;
    height: 100%;
    line-height: 80px;
    padding: 0 20px;
}

.tc-nav a[href].cur {
    color: var(--main-color);
}

.tc-nav a[href].cur:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    background-color: var(--main-color);
}

.tc-banner {
    height: 240px;
}

.tc-banner .swiper-slide img {
    display: block;
}

.tc-banner .swiper-container .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px;
}

.tc-banner .swiper-container .swiper-pagination-bullet-active {
    background-color: #333;
}

/* 直播列表 s */
.tc-broadcast-list {
    margin: 15px 0;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    background-color: #fff;
    padding: 20px 0;
}

.tc-broadcast-main {
    padding: 20px 26px;
}


.tc-broadcast-list-hd {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.tc-broadcast-list-bd {
    margin-bottom: 20px;
}

.tc-broadcast-list-hd p {
    font-size: 24px;
    font-weight: 500;
}

.tc-broadcast-item-left,
p.tc-broadcast-hd-date {
    width: 45%;
}

.tc-broadcast-item-right,
p.tc-broadcast-hd-content {
    width: 55%;
}

.tc-broadcast-list-item {
    display: flex;
    flex-direction: row;
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}

.tc-broadcast-left-date {
    font-size: 18px;
    color: #999;
    margin-bottom: 10px;
    line-height: 36px;
}

.tc-broadcast-left-btn {
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
    background-color: #999;
    border-radius: 4px;
    font-size: 20px;
    color: #fff;
}

.living .tc-broadcast-left-btn {
    background-color: #EC7F31;
}

.to-live .tc-broadcast-left-btn {
    background-color: #58AD9F;
}

.tc-broadcast-item-right {
    font-size: 24px;
    color: #58AD9F;
    line-height: 36px;
}

.tc-broadcast-list-more {
    display: block;
    font-size: 20px;
    color: #999;
    text-align: right;
}


/* 直播列表 e */

/*列表*/

.tc-list {
    margin: 15px 0;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    background-color: #fff;
    padding: 20px 0;
}

.tc-list-item {
    background-color: #fff;
    border-bottom: 1px solid #E5E5E5;
}

.tc-list-item:last-child {
    border: none;
}

.tc-list-item .item {
    padding: 20px 26px;
    align-items: flex-start;
}

.tc-list-item p.isactive {
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: var(--main-color);
}

.tc-list-item p.notactive {
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
}

.tc-item-l {
    width: 290px;
}

.tc-list-item .img-block {
    margin: 0;
    height: 164px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.tc-list-item .img-block img {
    max-width: 100%;
    max-height: 100%;
}

.tc-item-info {
    padding-left: 30px;
    flex: 1 1 auto;
    position: relative;
    width: 0;
}

.tc-item-title {
    box-sizing: border-box;
    height: 164px;
    font-size: 24px;
    overflow: hidden;
    word-break: break-all;
    line-height: 36px;
    border-bottom: 1px dotted #ddd;
    padding: 16px 0;
}

.tc-item-p {
    margin-top: 8px;
    font-size: 0;
}

.tc-span {
    font-size: 18px;
    color: #666;
}

.tc-speaker {
    color: #333;
}

.tc-live-span.before {
    color: #999;
}

.tc-live-span.start {
    color: var(--main-color);
}

.tc-live-span.go {
    color: #FF7F0E;
    padding-left: 28px;
    background: url(../images/training-centre/zhibo-ing.svg) no-repeat left center;
}

.tc-live-span.end {
    color: #CCCCCC;
}

.tc-live-duration {
    padding-left: 28px;
    background: url(../images/training-centre/icon-duration.svg) no-repeat left center;
}

.tc-live-price {
    color: #ff5a00;
}

.tc-view {
    padding-left: 32px;
    background: url(../images/training-centre/icon-view.svg) no-repeat left center;
}

.tc-comments {
    padding-left: 26px;
    background: url(../images/training-centre/icon-comments.svg) no-repeat left center;
}

.case-list-end .load-btn {
    background: none;
    border: none;
    display: block;
    margin: auto;
}

.expire-day {
    position: absolute;
    font-size: 16px;
    color: #999;
    border: 1px solid #ccc;
    padding: 1px 4px;
    right: 0;
    top: -10px;
}

/*列表特殊定义*/

.tc-list-item .tc-speaker-company {
    margin-right: 15px;
    color: #333;
}

.tc-list-item .tc-online-count {
    margin-left: 30px;
}

.tc-list-course-video .tc-live-price-del {
    display: inline-block;
}

.tc-list-product-video .tc-item-p .tc-class {
    /* display: inline; */
    width: auto;
}

.tc-list-course-video .tc-live-price {
    font-size: 18px;
    margin-left: 15px;
}

.tc-list-course-video .tc-item-buy .tc-live-price {
    display: block;
    margin: 0;
    font-size: 26px;
}

.tc-list-product-video .tc-item-title {
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    /* display: block; */
    /* max-width: 328px; */
}

.tc-list-product-video .tc-class,
.tc-list-product-video .tc-live-duration,
.tc-list-product-video .tc-view,
.tc-list-product-video .tc-comments {
    box-sizing: border-box;
    display: inline-block;
}

.tc-list-span-block .tc-span:not(:first-child) {
    margin-left: 15px;
}

/*详情页*/

.tc-show-video {
    background: #000;
    position: relative;
}

.tc-show-video video {
    display: block;
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.tc-zhibo-video video {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    position: relative;
    transform: none;
}

.tc-show-video .audio-playing {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    z-index: 1;
    background: url(../images/training-centre/playing.svg) no-repeat center;
    background-size: 100% auto;
    display: none;
}

.tc-show-nav {
    height: 90px;
    border-bottom: 1px solid #E5E5E5;
    background-color: #fff;
    margin-top: 15px;
}

.tc-show-nav .items-block {
    height: 100%;
    position: relative;
}

.tc-show-nav a {
    box-sizing: border-box;
    height: 100%;
    line-height: 90px;
    padding-bottom: 4px;
    flex: 1;
    text-align: center;
}

.tc-show-nav .cur {
    color: var(--main-color);
}

.tc-show-title {
    margin-top: 15px;
    background-color: #fff;
    justify-content: flex-start;
    padding: 20px 30px;
}

.go-back {
    /* text-align: center; */
    display: block;
}

.go-back img {
    width: 18px;
    margin: 0px 0px 0 20px;
    vertical-align: middle;
}

.tc-show-title-p {
    padding: 10px 0;
    justify-content: space-between;
}

.tc-show-info,
.package-show-info {
    margin-top: 15px;
    background-color: #fff;
    overflow: hidden;
}

.tc-show-text {
    padding: 30px 30px 0 30px;
    text-align: justify;
    word-wrap: break-word;
    line-height: 42px !important;
    font-size: 24px !important;
    border-bottom: 1px solid #E5E5E5;
}

.tc-show-text div,
.tc-show-text p {
    line-height: 42px !important;
    font-size: 24px !important;
}

.tc-show-span {
    color: #666;
    font-size: 24px;
    line-height: 1.5em;
}

.tc-show-btn .tc-show-btn-a {
    width: 150px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    font-size: 24px;
}

.tc-show-title-title {
    height: 100%;
    line-height: 40px;
    padding: 0 28px;
    border-left: 4px solid var(--main-color);
    font-size: 24px;
}

.tc-show-comments {
    background-color: #fff;
    border-top: 1px solid #E5E5E5;
    padding: 0 20px;
}

.tc-show-comments-item {
    border-bottom: 1px dashed #E5E5E5;
    padding: 30px;
    justify-content: flex-start;
}

.tc-show-comments-photo {
    margin: 0;
    width: 60px;
    height: 60px;
    align-self: flex-start;
}

.tc-show-comments-photo img {
    max-height: 100%;
}

.tc-show-comments-info {
    flex: 1;
    margin-left: 20px;
}

.tc-show-comments-top {
    justify-content: space-between;
}

.tc-show-comments-date {
    font-size: 20px;
    color: #666;
}

.tc-show-comments-des {
    margin-top: 20px;
    font-size: 20px;
    color: #333;
    line-height: 36px;
    text-align: justify;
}

.tc-show-recommend-item {
    border-top: 1px solid #E5E5E5;
    background: #fff;
    padding: 20px 30px;
}

.comments-btn {
    width: 200px;
    height: 60px;
    border-radius: 30px;
    background: var(--main-color);
    color: #fff;
    margin: auto;
    line-height: 60px;
    text-align: center;
    font-size: 25px;
    display: flex;
    justify-content: center;
    z-index: 2;
    position: fixed;
    bottom: 142px;
    left: 0;
    right: 0;
    box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.7);
}

.comments-btn .comments-img {
    margin: 3px 14px 0 0;
}

.comments-warning {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
    display: none;
}

.comments-close-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.comments-wrap {
    width: 100%;
    height: 288px;
    box-sizing: border-box;
    background-color: #f9f9f9;
    padding: 36px 30px;
    position: fixed;
    bottom: 0;
    z-index: 1;
}

.comments-wrap .comment-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.comments-wrap .comments-word,
.comments-wrap .comments-send {
    display: flex;
    font-size: 24px;
}

.comments-wrap .comments-word p {
    color: #666;
}

.comments-wrap .comments-send p {
    color: var(--main-color);
}

.comments-wrap .comment-title .comments-img {
    margin: 3px 14px 0 0;
}

.comments-wrap textarea {
    background: #fff;
    width: 100%;
    height: 172px;
    outline: none;
    resize: none;
    border: 1px solid #eee;
    font-size: 24px;
    color: #999;
    padding: 25px;
    line-height: 40px;
    box-sizing: border-box;
}

.comments-wrap [placeholder]::-webkit-input-placeholder {
    color: #999;
}

.comments-wrap [placeholder]::-moz-placeholder {
    color: #999;
}

.comments-wrap [placeholder]:-moz-input-placeholder {
    color: #999;
}

.comments-wrap [placeholder]:-ms-input-placeholder {
    color: #999;
}

/*我的*/

.tc-my-info {
    padding: 40px;
    background-color: #fff;
    margin-top: 20px;
}

.tc-my-info-block {
    justify-content: space-between;
}

.tc-my-info-l {
    flex: 2;
    justify-content: flex-start;
}

.tc-my-info-photo {
    margin: 0 40px 0 0;
    width: 108px;
    height: 108px;
}

.tc-my-info-photo img {
    max-height: 100%;
}

.tc-my-info-nick {
    max-width: 225px;
}

.tc-my-info-nick-p {
    font-size: 28px;
}

.tc-my-info-level {
    margin-top: 20px;
}

.tc-my-info-level-span {
    display: inline-block;
    border: 1px solid #FF5C00;
    color: #FF5C00;
    border-radius: 6px;
    padding: 5px 15px;
    font-size: 18px;
}

.tc-my-info-r {
    flex: 1;
    border-left: 1px solid #E5E5E5;
    height: 108px;
}

.tc-my-info-point-p {
    margin-top: 12px;
    color: #666;
}

.tc-my-list {
    margin-top: 20px;
    background-color: #fff;
    border-top: 1px solid #E5E5E5;
}

.tc-my-item a {
    height: 100%;
    justify-content: flex-start;
    position: relative;
}

.tc-my-item a:after {
    content: url(../images/training-centre/icon-my-right.svg);
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.tc-my-item-img {
    margin: 0 20px 0 40px;
    width: 45px;
}

.tc-my-item-title {
    flex: 1;
    line-height: 106px;
    border-top: 1px solid #E5E5E5;
    font-size: 28px;
}

.tc-my-item:first-of-type .tc-my-item-title {
    border-top: none;
}

/*我的学习记录*/

.tc-my-record-list {
    border-bottom: 1px solid #e5e5e5;
}

.tc-my-record-list .tc-my-item a {
    align-items: flex-start;
    justify-content: center;
}

.tc-my-record-list .tc-my-list-p {
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 0 80px 0 40px;
    margin-top: 16px;
}

.tc-my-record-list .tc-my-list-p:first-of-type {
    margin-top: 0;
}

.tc-my-record-list .tc-my-item {
    height: 134px;
    border-top: 1px solid #E5E5E5;
}

.tc-my-list-title {
    font-size: 26px;
}

/*我的课程*/

.tc-my-course-list {
    border-bottom: 1px solid #e5e5e5;
}

.tc-my-course-list .tc-my-item a {
    align-items: flex-start;
    justify-content: center;
}

.tc-my-course-list .tc-my-list-p {
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 0 80px 0 40px;
    margin-top: 16px;
}

.tc-my-course-list .tc-my-list-p:first-of-type {
    margin-top: 0;
}

.tc-my-course-list .tc-my-item {
    height: 160px;
    border-top: 1px solid #E5E5E5;
}

.tc-my-source {
    display: inline-block;
    max-width: 200px;
}

.tc-my-speaker {
    display: inline-block;
    max-width: 240px;
}

/* 视频播放提醒 */

.pop-warning {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
    display: none;
}

.pop-login {
    width: 500px;
    border-radius: 6px;
    box-sizing: border-box;
    background-color: #fff;
    padding: 40px 30px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pop-title {
    font-size: 24px;
    color: #000;
    margin-bottom: 20px;
}

.pop-p {
    font-size: 20px;
    text-align: justify;
    line-height: 1.5em;
}

.pop-btns {
    margin-top: 20px;
    float: right;
}

.pop-btn {
    width: 140px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
    border-radius: 6px;
    box-sizing: border-box;
}

.pop-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0icmdiKDIwNCwgMjA0LCAyMDQpIiBkPSJNMTMuNjU3LDAuOTI5IEw4LjAwMCw2LjU4NiBMMi4zNDMsMC45MjkgTDAuOTI5LDIuMzQzIEw2LjU4Niw4LjAwMCBMMC45MjksMTMuNjU3IEwyLjM0MywxNS4wNzEgTDguMDAwLDkuNDE0IEwxMy42NTcsMTUuMDcxIEwxNS4wNzEsMTMuNjU3IEw5LjQxNCw4LjAwMCBMMTUuMDcxLDIuMzQzIEwxMy42NTcsMC45MjkgWiIvPgo8L3N2Zz4=) no-repeat center;
    background-size: 40% 40%;
}

.show-video .video-play {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/training-centre/play.svg) no-repeat center rgba(0, 0, 0, .2);
    background-size: 58px 58px;
}

.show-video .show-statement {
    color: #fff;
    display: block;
    position: absolute;
    bottom: 13px;
    right: 14px;
    font-size: 20px;
}

.show-video {
    position: relative;
    height: 457px;
    overflow: hidden;
    /* background-color: #000; */
}

.show-video:before {
    position: absolute;
    width: 120px;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    font-size: 16px;
    color: #fff;
    z-index: 1;
    transform: translate(-20px, 0) rotateZ(-30deg);
}

.before.show-video:before {
    content: "未开始";
    background-color: #999;
}

.start.show-video:before {
    content: "报名中";
    background-color: var(--main-color);
}

.go.show-video:before {
    content: "直播中";
    background-color: #FF7F0E;
}

.end.show-video:before {
    content: "已结束";
    background-color: #ccc;
}

.end-huigu {
    background: var(--main-color);
    color: #fff;
    width: 120px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.show-video .video-time-info {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 400px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: rgba(51, 51, 51, .6);
    color: #fff;
    z-index: 1;
}

/* 报名详情 */

.baoming-top .title {
    font-size: 30px;
    line-height: 50px;
    padding: 36px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

.baoming-top .info {
    color: #666;
    display: flex;
    font-size: 24px;
    line-height: 72px;
    padding: 0 36px;
    border-bottom: 1px solid #e5e5e5;
    justify-content: space-between;
    background: #fff;
}

.baoming-top .item-explain {
    padding: 30px 36px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 10px auto;
    background: #fff;
    line-height: 40px;
    font-size: 24px;
    text-align: justify;
}

.baoming-top .explain-title {
    padding-bottom: 10px;
}

.main-signup .baoming-form {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    padding: 30px 36px;
}

.baoming-form .item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.baoming-form .item label {
    width: 130px;
    display: block;
    text-align: right;
    color: #666;
    font-size: 24px;
    box-sizing: border-box;
    padding-right: 10px;
}

.baoming-form .item .item-input {
    width: 400px;
    height: 60px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 4px;
}

.baoming-form .item .item-tel {
    width: 240px;
}

.baoming-form .item .item-verify-btn {
    width: 150px;
    height: 60px;
    margin-left: 10px;
    border-radius: 4px;
    font-size: 20px;
}

.baoming-form .item .item-input-verify {
    width: 180px;
}

.baoming-form .item-button {
    width: 180px;
    height: 60px;
    border-radius: 6px;
    margin-left: 130px;
}

/* videojs 自定义 */

.video-js .vjs-big-play-button {
    display: none;
}

.case-list-end {
    padding: 20px 0;
}

.return {
    width: 100%;
    height: 70px;
    background: #000;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}

.return-title-p {
    font-size: 22px;
    color: #fff;
    line-height: 70px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 560px;
}

.tianc {
    width: 100%;
    height: 22px;
    background: #000;
}

/* 弹框 */

.pop-up {
    box-sizing: border-box;
    padding: 30px;
    width: 500px;
    background-color: #fff;
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    bottom: auto;
    margin: 0 auto;
    transform: translateY(-50%);
    z-index: 1001;
    box-shadow: 0 0 10px 2px rgba(51, 51, 51, 0.3);
}

.pop-up p {
    font-size: 24px;
    color: #333;
    line-height: 1.5em;
}

.pop-up p span {
    color: var(--main-color);
    margin-left: 10px;
}

.pop-up .button {
    width: 140px;
    height: 50px;
    background: #ff7e00;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    border-radius: 5px;
    float: right;
    cursor: pointer;
    margin-top: 20px;
}

#goodcover {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1001;
}

.code-box {
    display: none;
    width: 500px;
    border-radius: 6px;
    box-sizing: border-box;
    background-color: #fff;
    padding: 30px 30px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
}

.code-box p.title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
}

.code-box .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0icmdiKDIwNCwgMjA0LCAyMDQpIiBkPSJNMTMuNjU3LDAuOTI5IEw4LjAwMCw2LjU4NiBMMi4zNDMsMC45MjkgTDAuOTI5LDIuMzQzIEw2LjU4Niw4LjAwMCBMMC45MjksMTMuNjU3IEwyLjM0MywxNS4wNzEgTDguMDAwLDkuNDE0IEwxMy42NTcsMTUuMDcxIEwxNS4wNzEsMTMuNjU3IEw5LjQxNCw4LjAwMCBMMTUuMDcxLDIuMzQzIEwxMy42NTcsMC45MjkgWiIvPgo8L3N2Zz4=) no-repeat center;
    background-size: 40% 40%;
    z-index: 1;
}

.code-box img {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 26px;
}

.code-box p.check_code {
    width: 100px;
    height: 50px;
    background: var(--main-color);
    color: #fff;
    margin: 0;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
}

.code-box .code_details {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.code-box .code_details input {
    box-sizing: border-box;
    width: 330px;
    height: 50px;
    border: 1px solid #ccc;
    padding: 0 15px;
    font-size: 20px;
}

.code-box .code-des {
    color: #666;
    font-size: 20px;
    margin-top: 20px;
}

.code-box .error {
    margin: 10px 0;
    color: red;
    font-size: 18px;
}

.pop-form-item [placeholder]::-webkit-input-placeholder {
    color: rgb(117, 117, 117);
}

.pop-form-item [placeholder]::-moz-placeholder {
    color: rgb(117, 117, 117);
}

.pop-form-item [placeholder]:-moz-input-placeholder {
    color: rgb(117, 117, 117);
}

.pop-form-item [placeholder]:-ms-input-placeholder {
    color: rgb(117, 117, 117);
}

/* 企业专栏 */

.package-index {
    padding: 0 26px;
    position: relative;
    margin-top: 20px;
}

.items-company-column {
    border: none;
    position: relative;
}

.items-company-column .items-block:not(:first-child) {
    margin-left: 27px;
}

.items-company-column .items-title {
    height: 70px;
    line-height: 70px;
    background: linear-gradient(to right top, #FA4F49, #FF743A);
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-size: 22px;
}

.items-company-column .item-info-block {
    overflow: hidden;
}

.items-company-column .img-block {
    width: 586px;
    height: 260px;
    max-height: unset;
    overflow: hidden;
    border-radius: 15px;
    background-color: #eee;
}

.items-company-column .item-detail {
    justify-content: space-between;
    margin-top: 30px;
    padding: 0;
}

.items-company-column .item-detail .current-price {
    display: inline-block;
    color: #FF5A00;
    font-size: 30px;
    font-weight: bold;
}

.items-company-column .item-detail .tag {
    padding: 2px 4px;
    border: 1px solid #FF5A00;
    color: #FF5A00;
    font-size: 24px;
    border-radius: 5px;
    position: relative;
    margin: 0 0 0 10px;
    align-self: flex-end;
    vertical-align: text-bottom;
}

.items-company-column .item-detail .origin-price {
    margin: 10px 0 0 0;
    font-size: 20px;
    color: #666;
    display: block;
}

.items-company-column .item-detail .item-btn {
    width: 180px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 24px;
    border-radius: 5px;
}

.items-company-column .item-detail .item-btn.subscribe {
    background-color: #FF7800;
}

.items-company-column .item-detail .item-btn.learn {
    background-color: var(--main-color);
}

.items-company-column .item-detail .item-btn.subscribe:before {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgZD0iTTE2LjAwMCw5LjAwMCBMOS4wMDAsOS4wMDAgTDkuMDAwLDE2LjAwMCBMNy4wMDAsMTYuMDAwIEw3LjAwMCw5LjAwMCBMLTAuMDAwLDkuMDAwIEwtMC4wMDAsNy4wMDAgTDcuMDAwLDcuMDAwIEw3LjAwMCwtMC4wMDAgTDkuMDAwLC0wLjAwMCBMOS4wMDAsNy4wMDAgTDE2LjAwMCw3LjAwMCBMMTYuMDAwLDkuMDAwIFoiLz48L3N2Zz4=) no-repeat center;
    background-size: 100% auto;
    margin-right: 8px;
}

.items-company-column .item-detail .item-btn.study {
    background-color: #FF7800;
    width: 290px;
}

.items-company-column .item-detail .item-btn.study:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzBweCIgaGVpZ2h0PSIyNnB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgZD0iTTguODc4LDEwLjgzNiBMMjEuNDYxLDEwLjc3OSBMMTUuNDEwLDI2LjAwMCBMOC44NzgsMTAuODM2IFpNMTAuMzIxLDUuMzE5IEwxOS45MDYsNS40MDQgTDIxLjYwMiw5LjExMCBMOS4xNjEsOS4wMjUgTDEwLjMyMSw1LjMxOSBaTTcuNTc4LDguOTEyIEwtMC4wMDAsNS43NDMgTDQuMDcyLDIuNzE2IEw4LjkzNSw1LjIzNCBMNy41NzgsOC45MTIgWk0tMC4wMDAsNy41ODIgTDcuMTgyLDEwLjc3OSBMMTQuOTAxLDI1Ljg4NyBMLTAuMDAwLDcuNTgyIFpNMjMuMjcxLDEwLjc1MSBMMzAuMDAwLDcuMjcxIEwxNS44MzQsMjUuODAyIEwyMy4yNzEsMTAuNzUxIFpNMjMuMTI5LDguODg0IEwyMS4yMzUsNC45NzkgTDI1LjU2MSwyLjU3NSBMMjkuMjkzLDUuNzE1IEwyMy4xMjksOC44ODQgWk0xMC4xNzksMy40NTIgTDguNTM5LDMuMDI3IEw1LjQ1NywxLjMwMiBMOS4wNzYsMC4wMDAgTDIwLjg5NiwwLjAwMCBMMjQuNDg3LDEuNTAwIEwyMS4wMzcsMy4xNjkgTDE5Ljg3OCwzLjQ1MiBMMTAuMTc5LDMuNDUyIFoiLz48L3N2Zz4=) no-repeat center;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 100%;
    margin-right: 6px;
}

.package-index .swiper-button-prev {
    left: 8px;
    color: var(--main-color);
    margin-top: 0;
    top: 108px;
}

.package-index .swiper-button-next {
    right: 8px;
    color: var(--main-color);
    margin-top: 0;
    top: 108px;
}

.items-company-column .swiper-pagination-fraction {
    width: auto;
    left: auto;
    right: 28px;
    bottom: auto;
    top: 4px;
    color: #999;
}

.tc-list-live {
    border: none;
}

.tc-list-live .img-block {
    margin: 0;
    width: 222px;
    height: auto;
    max-height: 160px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.tc-live-tag {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #FF4800;
    padding: 4px 15px;
    color: #fff;
    z-index: 1;
}

.tc-list-live .tc-item-title {
    font-size: 24px;
    word-break: break-all;
    line-height: 36px;
    border-bottom: 1px solid #eee;
    padding: 0 0 16px;
    height: auto;
}

.tc-item-buy {
    justify-content: space-between;
    height: 64px;
}

.tc-item-buy .item-btn {
    width: 120px;
    height: 45px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}

.tc-item-buy .item-btn.subscribe {
    background-color: #ff7800;
}

.tc-item-buy .item-btn.learn {
    background-color: var(--main-color);
}

.tc-item-buy .item-btn.study {
    background-color: #ff7800;
    width: 240px;
}

.tc-item-buy .item-btn.study:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzBweCIgaGVpZ2h0PSIyNnB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgZD0iTTguODc4LDEwLjgzNiBMMjEuNDYxLDEwLjc3OSBMMTUuNDEwLDI2LjAwMCBMOC44NzgsMTAuODM2IFpNMTAuMzIxLDUuMzE5IEwxOS45MDYsNS40MDQgTDIxLjYwMiw5LjExMCBMOS4xNjEsOS4wMjUgTDEwLjMyMSw1LjMxOSBaTTcuNTc4LDguOTEyIEwtMC4wMDAsNS43NDMgTDQuMDcyLDIuNzE2IEw4LjkzNSw1LjIzNCBMNy41NzgsOC45MTIgWk0tMC4wMDAsNy41ODIgTDcuMTgyLDEwLjc3OSBMMTQuOTAxLDI1Ljg4NyBMLTAuMDAwLDcuNTgyIFpNMjMuMjcxLDEwLjc1MSBMMzAuMDAwLDcuMjcxIEwxNS44MzQsMjUuODAyIEwyMy4yNzEsMTAuNzUxIFpNMjMuMTI5LDguODg0IEwyMS4yMzUsNC45NzkgTDI1LjU2MSwyLjU3NSBMMjkuMjkzLDUuNzE1IEwyMy4xMjksOC44ODQgWk0xMC4xNzksMy40NTIgTDguNTM5LDMuMDI3IEw1LjQ1NywxLjMwMiBMOS4wNzYsMC4wMDAgTDIwLjg5NiwwLjAwMCBMMjQuNDg3LDEuNTAwIEwyMS4wMzcsMy4xNjkgTDE5Ljg3OCwzLjQ1MiBMMTAuMTc5LDMuNDUyIFoiLz48L3N2Zz4=) no-repeat center;
    background-size: 24px auto;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 100%;
}

.tc-live-learned .em {
    color: var(--main-color);
}

.students-tabs {
    background-color: #fff;
    height: 80px;
    line-height: 80px;
    margin-top: 15px;
}

.students-tabs .tab {
    flex: 1 1 auto;
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
    font-size: 24px;
}

.students-tabs .tab:not(:first-child) {
    border-left: 1px solid #E5E5E5;
}

.students-tabs .tab.cur {
    border-bottom: 2px solid var(--main-color);
}

.tc-show-item-title {
    box-sizing: border-box;
    font-size: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.5em;
    border-bottom: 1px dotted #ddd;
}

.tc-show-item-title a {
    display: block;
    padding: 16px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vip-code {
    padding: 20px 0;
}

.vip-code .item-btn-code {
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    background-color: #FFFF00;
    color: #333;
}

.tc-show-buy {
    border-top: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
    padding: 0 30px;
    justify-content: space-between;
    position: fixed;
    z-index: 3;
    box-sizing: border-box;
    width: 100%;
    height: var(--fixed-space);
    left: 0;
    bottom: 70px;
    margin: 0;
}

.tc-show-buy .show-price {
    align-items: flex-start;
}

.tc-show-buy .show-ori-price {
    color: #999;
    margin-top: 10px;
}

.tc-show-buy .show-cur-price {
    font-size: 30px;
}

.tc-show-buy .show-cur-price .price-em {
    color: var(--main-color);
    font-size: 35px;
    font-weight: bold;
}

.show-video .video-btns {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    z-index: 2;
}

.show-video .video-trial {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 220px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    color: rgba(255, 255, 255, 1);
    font-size: 22px;
    z-index: 1;
}

.show-video.trial .video-trial {
    display: none;
}

.tc-show-btn .btn-orange {
    background-color: #FF8B47;
}

.tc-show-tag {
    color: #FF7800;
}

/* 套餐详情页 */

.package-show {
    min-height: calc(100vh - 90px - 330px - 100px);
}

.package-show-block {
    box-sizing: border-box;
    border-bottom: 1px solid #E5E5E5;
    background-color: #fff;
}

.package-show-top {
    height: 90px;
    padding: 0 28px;
    justify-content: flex-start;
}

.package-show-top .back-home {
    width: 30px;
    height: 100%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjJweCIgaGVpZ2h0PSIzNnB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigxMDIsIDEwMiwgMTAyKSIgZD0iTTIyLjAxMSwzNS45OTQgTDMuMDYzLDE4LjAwMCBMMjIuMDExLDAuMDA2IEwxOC45MzgsMC4wMDYgTC0wLjAxMSwxOC4wMDAgTDE4LjkzOCwzNS45OTQgTDIyLjAxMSwzNS45OTQgWiIvPjwvc3ZnPg==) no-repeat left center;
}

.package-show-top-title {
    font-size: 30px;
    max-width: 540px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 10px;
}

.package-show-content .img-block {
    margin-top: 15px;
    height: 284px;
    background-color: #eee;
}

.package-show-tabs {
    margin-top: 15px;
    height: 90px;
    position: relative;
}

.package-show-tabs .switch-tab {
    box-sizing: border-box;
    flex: 1;
    text-align: center;
    height: 100%;
    line-height: 86px;
    padding-bottom: 4px;
}

.package-show-tabs .switch-tab.cur {
    color: var(--main-color);
}

.package-show-tabs .line,
.tc-show-nav .line {
    position: absolute;
    height: 4px;
    background-color: var(--main-color);
    bottom: 0;
}

.package-show-des {
    padding: 20px 28px;
    font-size: inherit;
    line-height: 1.5em;
    color: #666;
}

.package-show-list .item {
    margin-top: 15px;
    padding: 30px 28px;
}

.package-show-list .item-title {
    font-size: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.package-show-list .item-info-block {
    margin-top: 22px;
    justify-content: space-between;
}

.package-show-list .item-info-span {
    color: #666;
}

.package-show-list .item-btn {
    width: 130px;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
}

.package-show-buy {
    border-top: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
    padding: 0 30px;
    justify-content: space-between;
    position: fixed;
    z-index: 3;
    box-sizing: border-box;
    width: 100%;
    height: var(--fixed-space);
    left: 0;
    bottom: 70px;
    margin: 0;
}

.package-show-buy .show-price {
    align-items: flex-start;
}

.package-show-buy .show-ori-price {
    color: #999;
    margin-top: 10px;
}

.package-show-buy .show-cur-price {
    font-size: 30px;
}

.package-show-buy .show-cur-price .price-em {
    color: #ff5a00;
    font-size: 35px;
    font-weight: bold;
}

.package-show-btn .package-show-btn-a {
    width: 150px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    font-size: 24px;
}

.package-show-btn .btn-orange {
    background-color: #FF8B47;
}

/* 商学院页面底部修改 */

.main-container {
    padding-bottom: 0;
}

.bottom-tool .bottom-fix {
    display: none;
}

.footer-back-home {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    z-index: 9;
    color: #fff;
    font-size: 26px;
    background-color: var(--main-color);
}

.bottom-info .info-top a {
    color: var(--main-color);
}

/*  buy-pop  */

.buy-pop-warning {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
    display: none;
}

.buy-pop-login {
    width: 500px;
    border-radius: 6px;
    box-sizing: border-box;
    background-color: #fff;
    padding: 40px 30px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.buy-pop-block {
    width: 100%;
    padding: 20px 0;
}

.buy-pop-block:first-child {
    border-bottom: 1px dashed #ddd;
}

.buy-pop-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.buy-pop-p {
    color: #666;
    font-size: 20px;
}

.buy-pop-btn {
    width: 100px;
    height: 40px;
    line-height: 38px;
    vertical-align: middle;
    font-size: 18px;
    margin-left: 20px;
}

.buy-pop-btn-login {
    margin: 0;
    width: 220px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}

.buy-pop-btn-login:after {
    content: ">>";
    font-weight: normal;
    font-size: 20px;
    margin-left: 6px;
}

.buy-pop-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0icmdiKDIwNCwgMjA0LCAyMDQpIiBkPSJNMTMuNjU3LDAuOTI5IEw4LjAwMCw2LjU4NiBMMi4zNDMsMC45MjkgTDAuOTI5LDIuMzQzIEw2LjU4Niw4LjAwMCBMMC45MjksMTMuNjU3IEwyLjM0MywxNS4wNzEgTDguMDAwLDkuNDE0IEwxMy42NTcsMTUuMDcxIEwxNS4wNzEsMTMuNjU3IEw5LjQxNCw4LjAwMCBMMTUuMDcxLDIuMzQzIEwxMy42NTcsMC45MjkgWiIvPgo8L3N2Zz4=) no-repeat center;
    background-size: 40% 40%;
    z-index: 1;
}

.backToEdu {
    padding-left: 30px;
    margin-right: 20px;
    position: relative;
    width: 170px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    font-size: 20px;
}

.backToEdu:before {
    content: "";
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTcwNTE4MzMwMDI5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMyNDAiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTkzOS44MzQwODggMzM0LjAwMjAyNyA1NDIuOTkxODUyIDE5Mi4wNzA0OGMtMjQuNzc5MzYtOS4zNjkzOTItMTkuNTI5Nzk5LTkuMzY5MzkyLTQ0LjE0OTUyMy0wLjE3NjAwOUw5OS43MDg5MDkgMzMyLjY0MTAyOWMtMjQuNDYwMDg4IDkuMTkzMzgzLTI0LjQ2MDA4OCAyNC4zMzcyOTEgMC4zMjc0NTggMzMuNTMzNzQ0bDk0Ljg2NDU3OCAzMy41MjU1NThjLTQyLjAxNzk3NiA0Mi4zODIyNzMtNDQuODA4NTMyIDg2LjQ1ODExNy00NS4yOTY2NDkgMTM3LjUxNzAwMy0xNi4yNTQxOTYgNi40NzEzODgtMjcuNzM4NzYxIDIyLjgwODQ3Mi0yNy43Mzg3NjEgNDIuMDQyNTM1IDAgMTcuNjk3MDU3IDkuNjg0NTcgMzIuODM2ODczIDIzLjc5MTg2OSA0MC4zMjU0MjctNi43MjkyNjIgNTEuOTExMy0yNS45Mjc1MDkgMTExLjE0MzMzMy04Mi41NDgwNjQgMTgxLjI2NTM5IDI3Ljg5NDMwNCAyMi40NTk1MjQgNDIuMzQ1NDM0IDMwLjExOTk5NSA2NC4xNjY0MTUgMzcuNjE1NzEzIDc5LjEwOTc1Ni0zNS40MDMzMjUgNjkuNDI1MTg2LTEyOS4xODExNTEgNjMuMzUwODQtMjIyLjYxOTI0IDEwLjgzNjgxMy04LjE2ODAzIDE3Ljg5NDU1NS0yMS40NDc0NzUgMTcuODk0NTU1LTM2LjU4NzI5IDAtMTYuMTcyMzMxLTguMjA0ODY5LTMwLjMwODI4My0yMC4zNTM1Ni0zOC4xMzI0ODIgMS40NzU2MDgtNTAuMDMwNDYzIDExLjgxNjExNy05NC43ODU3ODMgNDcuNzU5NzQ3LTEyMy43MjU5MDYgMC4zMzE1NTEtMC42ODA0OTkgMS4xNDcxMjYtMS41Mjg4MTkgMi42MjI3MzQtMi4wNDE0OTZsNTcuMjc2NDk1IDIwLjI1MTIzIDIwNi4yOTg1MyA3Mi44NDMwMjhjMjQuNzgzNDUzIDkuMzY1Mjk4IDE5LjUzMzg5MiA5LjM2NTI5OCA0NC4xNDk1MjMgMC4xNjc4MjJsMzkzLjcxOTEwNi0xNDAuNzQyNDY1Qzk2NC43ODIyOTQgMzU4LjM0NzUwNCA5NjQuNjEzNDQ4IDM0My4xOTQzODYgOTM5LjgzNDA4OCAzMzQuMDAyMDI3TDkzOS44MzQwODggMzM0LjAwMjAyNyA5MzkuODM0MDg4IDMzNC4wMDIwMjcgOTM5LjgzNDA4OCAzMzQuMDAyMDI3ek04MDAuODQxNDc3IDUxMC41Nzc2MDRsMCAyNDUuOTE4ODk5Yy0zLjQyMTkzNiA1OS41NzU4NjQtMjA0LjkyNTI1MyA4MS45Njk4OTYtMjA0LjkyNTI1MyA4MS45Njk4OTZMNDcyLjk2MDg2OSA4MzguNDY2NGMwIDAtMjAxLjc4OTg0Mi0yNy40MzE3NjktMjA0LjkyNTI1My04MS45Njk4OTZMMjY4LjAzNTYxNiA1MTAuNTc3NjA0bDI0NS45MTA3MTMgODEuOTczOTkgNDAuOTg1NDYgMEw4MDAuODQxNDc3IDUxMC41Nzc2MDR6IiBwLWlkPSIzMjQxIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+') no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    width: 30px;
    height: 100%;
    left: 15px;
}

.vip-note {
    line-height: 1.5em;
    padding: 8px 15px;
    margin-top: 15px;
    background-color: #FFE699;
    color: #666;
    font-size: 20px;
}

/* 学习卡 */

.tc-show-study-block {
    justify-content: space-between;
    width: 100%;
}

.tc-show-study {
    box-sizing: border-box;
    width: 270px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #FF5A00;
    border-radius: 5px;
    font-size: 23px;
    color: #FF5A00;
}

.tc-show-study:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxOXB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsIDkwLCAwKSIgZD0iTTYuNTExLDcuOTE4IEwxNS43MzgsNy44NzcgTDExLjMwMSwxOS4wMDAgTDYuNTExLDcuOTE4IFpNNy41NjgsMy44ODcgTDE0LjU5OCwzLjk0OSBMMTUuODQyLDYuNjU3IEw2LjcxOCw2LjU5NSBMNy41NjgsMy44ODcgWk01LjU1Nyw2LjUxMyBMLTAuMDAwLDQuMTk3IEwyLjk4NiwxLjk4NSBMNi41NTIsMy44MjUgTDUuNTU3LDYuNTEzIFpNLTAuMDAwLDUuNTQxIEw1LjI2Nyw3Ljg3NyBMMTAuOTI4LDE4LjkxNyBMLTAuMDAwLDUuNTQxIFpNMTcuMDY1LDcuODU2IEwyMi4wMDAsNS4zMTMgTDExLjYxMiwxOC44NTUgTDE3LjA2NSw3Ljg1NiBaTTE2Ljk2Miw2LjQ5MiBMMTUuNTcyLDMuNjM5IEwxOC43NDUsMS44ODEgTDIxLjQ4Miw0LjE3NiBMMTYuOTYyLDYuNDkyIFpNNy40NjUsMi41MjIgTDYuMjYyLDIuMjEyIEw0LjAwMiwwLjk1MSBMNi42NTYsMC4wMDAgTDE1LjMyMywwLjAwMCBMMTcuOTU3LDEuMDk2IEwxNS40MjcsMi4zMTYgTDE0LjU3NywyLjUyMiBMNy40NjUsMi41MjIgWiIvPjwvc3ZnPg==) no-repeat center;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 100%;
    margin-right: 5px;
}

.es-header {
    height: 240px;
    background: url(../images/edu-students/header.png) no-repeat center #27405C;
}

.es-header-block {
    height: 100%;
}

.es-header-block .main-wrap {
    height: 100%;
}

.es-header-wrap {
    height: 100%;
    justify-content: flex-start;
    position: relative;
    padding: 0 27px;
}

.es-header-wrap .img-block {
    margin: 0;
    width: 102px;
    height: 102px;
    border-radius: 50%;
    overflow: hidden;
}

.es-user-info {
    margin-left: 26px;
    color: #fff;
}

.es-user-info .item-title {
    font-size: 30px;
}

.es-user-info .item-p {
    margin-top: 12px;
    font-size: 20px;
}

.es-user-info .item-level .vip {
    padding-left: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAn1BMVEUAAAD/xwD/zAD/zAD/zAD/zAD/tAD/wgD/tAD/zAD/tAD/zAD/zAD/zAD/tAD/zAD/tAD/tAD/zAD/zAD/zAD/zAD/zAD/tAD/////xwD/tgD/9+j/ngD/7Lr/77H/36v/owH/ugD/rgD/mAD/7c//6Mz/56z/1ZD/zI//54f/xWf/xlj/tj//1Cj/wCj/yCT/vCD/pRD/twr/wQD/pwAVzWOpAAAAFnRSTlMACK/89erj4N7b18jCjmppX1VONyQVZ2JjSAAAAK9JREFUGNNVzkeOw0AMRNFqOedcrJbkPDk43/9spgTBsN+GH9yQcC0+tFCaWGQl2gSFrqWx2qTWhRubWcpS6jkGQtvnh1bkt7Q0awcMzV2U8V/SwXuIprn9u45L6Wvv3UTCwqdWUnYuziQIPbpfuR/z6gVg0fE4+eZtE8nOAm7eILeZ9LclG3OUZnXGtdY3sj5DZVrjJs+vrE3xMOIu35EjPBnQDfAiKR56Ffr9UOUdIvgTM+S7PdoAAAAASUVORK5CYII=) no-repeat left center;
}

.es-user-info .item-level .end-date {
    font-size: 18px;
    color: #ffcc00;
}

.es-user-info .item-level .to-study-card {
    padding: 3px 10px;
    background-color: #EF8B4F;
    border-radius: 5px;
    margin-left: 10px;
}

.es-user-info .item-level .to-study-card:hover {
    background-color: #cf7844;
}

/* 学习卡评论 */

.show-comment {
    margin-bottom: 52px;
}

.show-comment-block {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 30px 20px;
}

.show-comment-top {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.show-comment-title {
    font-size: 24px;
    margin-bottom: 20px;
    padding-left: 36px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxN3B4Ij4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigxMDIsIDEwMiwgMTAyKSIgZD0iTTE1LjE3MiwzLjAxMSBMMTIuMDYzLDAuMjgxIEMxMS44NjMsMC4xMDYgMTEuNTk0LC0wLjAwMCAxMS4zMDQsLTAuMDAwIEMxMC45NzQsLTAuMDAwIDEwLjY3NCwwLjEzNSAxMC40NjQsMC4zNTggTDkuMzA1LDEuNTk3IEwxLjgwOSw5LjYzMyBMMS41MDksMTQuMTE1IEMxLjUwOSwxNC4yMTIgMS41NTksMTQuMjk5IDEuNjI5LDE0LjM1NyBDMS42OTksMTQuNDE1IDEuODA5LDE0LjQ2MyAxLjkxOSwxNC40NjMgTDYuNjA2LDEzLjgzNCBMMTUuMjYxLDQuNTYwIEMxNS40NDEsNC4zNjYgMTUuNTUxLDQuMTA1IDE1LjU1MSwzLjgyNCBDMTUuNTQxLDMuNTA0IDE1LjQwMSwzLjIxNCAxNS4xNzIsMy4wMTEgTDE1LjE3MiwzLjAxMSBaTTIuNzA4LDEwLjM2OCBMNS44MDcsMTMuMTQ3IEwyLjQyOSwxMy40OTUgTDIuNzA4LDEwLjM2OCBaTTYuNDM2LDEyLjQ5OCBMMy4yMDgsOS42NjIgTDkuMzk1LDMuMDMwIEwxMi42MjMsNS44NjcgTDYuNDM2LDEyLjQ5OCBaTTEzLjk5Miw0LjQ0NCBMMTMuMzMzLDUuMTUwIEwxMC4wODQsMi4yOTQgTDEwLjczNCwxLjU5NyBDMTEuMDA0LDEuMzA3IDExLjQwNCwxLjI1OSAxMS42OTMsMS41MjAgTDEzLjkzMiwzLjQ5NSBDMTQuMjQyLDMuNzQ2IDE0LjI2Miw0LjE1MyAxMy45OTIsNC40NDQgTDEzLjk5Miw0LjQ0NCBaTTE3LjUxMCwxNi4wNTEgTDAuNDkwLDE2LjA1MSBDMC4yMjAsMTYuMDUxIC0wLjAwMCwxNi4yNjQgLTAuMDAwLDE2LjUyNSBDLTAuMDAwLDE2Ljc4NyAwLjIyMCwxNy4wMDAgMC40OTAsMTcuMDAwIEwxNy41MTAsMTcuMDAwIEMxNy43ODAsMTcuMDAwIDE4LjAwMCwxNi43ODcgMTguMDAwLDE2LjUyNSBDMTguMDAwLDE2LjI2NCAxNy43ODAsMTYuMDUxIDE3LjUxMCwxNi4wNTEgTDE3LjUxMCwxNi4wNTEgWiIvPg0KPC9zdmc+) no-repeat left center;
    background-size: 24px auto;
}

.show-comment-textarea {
    box-sizing: border-box;
    width: 100%;
    height: 120px;
    padding: 10px;
    border: 1px solid #E5E5E5;
    background-color: #F9F9F9;
    display: block;
    resize: vertical;
    overflow: auto;
    white-space: pre-wrap;
    color: #666;
    font-size: 20px;
}

.show-comment-btn {
    margin-top: 20px;
    text-align: right;
}

.show-comment-btn button {
    width: 176px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
}

.show-comment-controls {
    padding: 0 40px 16px;
    border-bottom: 1px solid #eee;
    justify-content: space-between;
    margin-top: 20px;
}

.show-comment-sort {
    width: 160px;
    height: 30px;
}

.show-comment-sort .sort-a {
    flex: 1;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
    line-height: 28px;
    height: 30px;
}

.show-comment-sort .sort-a:first-of-type {
    border-right: none;
}

.show-comment-sort .sort-a:last-of-type {
    border-left: none;
}

.show-comment-sort .sort-a.cur {
    border-color: #20B09F;
    background-color: #20B09F;
    color: #fff;
}

.show-comment-pager {
    margin: 30px 0 10px;
    justify-content: flex-end;
}

.show-comment-pager .page-current {
    color: #666;
    margin-right: 20px;
}

.show-comment-pager a {
    width: 80px;
    height: 44px;
    border: 1px solid #E5E5E5;
    margin-left: 15px;
    background: no-repeat center;
    background-size: 16px auto;
}

.show-comment-pager .page-prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxN3B4Ij4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0icmdiKDIwNCwgMjA0LCAyMDQpIiBzdHJva2Utd2lkdGg9IjJweCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSJub25lIiBkPSJNNy45NTIsMi4wMDIgTDEuOTk2LDguMDAwIEw3Ljk1MiwxMy45OTggIi8+DQo8L3N2Zz4=);
}

.show-comment-pager .page-next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxN3B4Ij4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0icmdiKDIwNCwgMjA0LCAyMDQpIiBzdHJva2Utd2lkdGg9IjJweCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSJub25lIiBkPSJNMi4wNDgsMi4wMDIgTDguMDA0LDguMDAwIEwyLjA0OCwxMy45OTggIi8+DQo8L3N2Zz4=);
}

.show-comment-list {
    padding: 0 0 45px;
}

.show-comment-list li,
.tc-show-comments li {
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 0;
    list-style: none;
}

.show-comment-list .list-photo {
    width: 48px;
    height: 48px;
}

.show-comment-list .list-info {
    flex: 1;
    margin: 0 24px;
}

.show-comment-list .list-top {
    justify-content: space-between;
    max-width: 1022px;
}

.show-comment-list .list-info .list-nickname {
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
}

.show-comment-list .list-info .list-txt {
    color: #666;
    line-height: 22px;
    text-align: justify;
    margin-top: 10px;
}

.show-comment-list .list-date {
    font-size: 14px;
    color: #999;
    margin-left: 20px;
}

.show-comment-list .list-comment {
    justify-content: space-between;
    align-items: flex-start;
}

.list-reply {
    padding-left: 110px;
}

.list-reply-item {
    background-color: #eee;
    padding: 20px 20px;
    position: relative;
    margin-top: 24px;
    font-size: 20px;
}

.list-reply-item:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 12px solid;
    border-color: transparent transparent #eee;
    left: 30px;
    top: -24px;
}

.list-reply-info {
    color: #666;
    margin-top: 10px;
    line-height: 1.5em;
}

.list-comment-reply {
    margin-top: 20px;
    padding-left: 110px;
}

.list-comment-top {
    margin-bottom: 20px;
}

.list-comment-block {
    justify-content: flex-end;
}

.list-comment-block>a {
    font-size: 20px;
    color: #999;
    padding-left: 32px;
    background: no-repeat left center;
    background-size: 20px auto;
    height: 30px;
    line-height: 30px;
}

.list-comment-block .list-comment-like {
    background-image: url(../images/training-centre/show/like.svg);
    border-right: 1px solid #ccc;
    padding-right: 20px;
    padding-left: 24px;
}

.list-comment-block .list-comment-like.cur {
    background-image: url(../images/training-centre/show/like-cur.svg);
}

.list-comment-block>a:before {
    content: "(";
}

.list-comment-block>a:after {
    content: ")";
}

.list-comment-block .list-comment-button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMTUzLCAxNTMsIDE1MykiIGQ9Ik0xNC43NjksLTAuMDAwIEwxLjIzMSwtMC4wMDAgQzAuNTUxLC0wLjAwMCAtMC4wMDAsMC41NTEgLTAuMDAwLDEuMjMxIEwtMC4wMDAsMTEuNzE4IEMtMC4wMDAsMTIuMzk4IDAuNTUxLDEyLjk0OSAxLjIzMSwxMi45NDkgTDQuOTQ4LDEyLjk0OSBMNy45OTYsMTYuMDAwIEwxMS4wNDUsMTIuOTQ5IEwxNC43NjksMTIuOTQ5IEMxNS40NDksMTIuOTQ5IDE2LjAwMCwxMi4zOTggMTYuMDAwLDExLjcxOCBMMTYuMDAwLDEuMjMxIEMxNi4wMDAsMC41NTEgMTUuNDQ5LC0wLjAwMCAxNC43NjksLTAuMDAwIEwxNC43NjksLTAuMDAwIFpNMTQuNzkwLDExLjY3MCBMMTAuNDY0LDExLjY3MCBMNy45OTYsMTQuMTM5IEw1LjUyOSwxMS42NzAgTDEuMjQxLDExLjY3MCBMMS4yNDEsMS4xOTMgTDE0Ljc5MCwxLjE5MyBMMTQuNzkwLDExLjY3MCBaTTguNjMxLDYuMTA0IEw3LjQwMCw2LjEwNCBMNy40MDAsNy4zMzcgTDguNjMxLDcuMzM3IEw4LjYzMSw2LjEwNCBaTTQuOTM2LDYuMTA0IEwzLjcwNSw2LjEwNCBMMy43MDUsNy4zMzcgTDQuOTM2LDcuMzM3IEw0LjkzNiw2LjEwNCBaTTEyLjMyNiw2LjEwNCBMMTEuMDk1LDYuMTA0IEwxMS4wOTUsNy4zMzcgTDEyLjMyNiw3LjMzNyBMMTIuMzI2LDYuMTA0IFoiLz48L3N2Zz4=);
}

.list-comment-bottom {
    display: none;
    overflow: hidden;
}

.list-comment-textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 50px;
    padding: 10px;
    border: 1px solid #E5E5E5;
    font-size: 20px;
    color: #666;
    background-color: #F9F9F9;
}

.list-comment-btn {
    margin-top: 20px;
    text-align: right;
}

.list-comment-btn button {
    width: 141px;
    height: 37px;
    line-height: 37px;
    font-size: 18px;
}

.show-comment-tools .item-l {
    flex: 1;
    text-align: center;
}

.show-comment-tools .show-more {
    padding: 10px;
}

.show-comment-tools .show-more.disabled {
    color: #999;
    pointer-events: none;
}

.show-comment-tools .item-r {
    margin-top: 20px;
}

.show-comment-tools .backto-comment {
    font-size: 24px;
    color: #666;
}

/**/

.show-video .study-video-play {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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) no-repeat center;
    background-size: 82px 97px;
    z-index: 1;
}