@charset "utf-8";
/* 考证页面样式 by:shh time:2021-09-02 */

body {
    color: #333;
    min-width: 1200px;
}

* {
    box-sizing: border-box;
}

.min-h-600 {
    min-height: 600px;
}

.popup_box, .popup_box * {
    box-sizing: content-box;
}

.font-red {
    color: #E81212;
}

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

select, option, textarea, input, input:focus {
    outline: none;
    font-family: inherit;
}

input {
    -webkit-appearance: none;
    background: none;
    border: 0
}

input::-webkit-input-placeholder {
    font-size: 14px;
    color: #ccc;
}

input:-moz-placeholder {
    font-size: 14px;
    color: #ccc;
}

input::-moz-placeholder {
    font-size: 14px;
    color: #ccc;
}

input:-ms-input-placeholder {
    font-size: 14px;
    color: #ccc;
}

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

/* 单选和多选 全局样式 */

/* 单选样式 start */
.input-radio {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    margin-right: 10px !important;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #CCCCCC;
}

.input-radio:checked {
    border: 1px solid #16CA82;
}

.input-radio:checked::before {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 3px;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #16CA82;
}
/* 单选样式 end */

/* 多选框样式 start */
.input-checkbox {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    text-indent: 0;
    margin-right: 10px !important;
    width: 16px;
    height: 16px;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    background: #fff;
    border: 1px solid #bdbfc2;
}

.input-checkbox:checked {
    border: 1px solid #16CA82;
}

.input-checkbox:checked::before {
    display: inline-block;
    content: "✔";
    color: #16CA82;
    position: absolute;
    top: -1px;
    left: 1px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}
/* 多选框样式 start */


/* 通用按钮样式 start */
.shh-btn {
    display: inline-block;
    font-size: 13px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
}

.shh-btn:hover {
    opacity: .9;
    cursor: pointer;
}

.shh-big-btn {
    font-size: 16px;
    line-height: 20px;
    padding: 6px 18px;
}

.shh-orange-btn {
    background: linear-gradient(0deg, #FB9D26, #FCBC2B);
    color: #fff;
}

.shh-orange-btn:hover,
.shh-green-btn:hover {
    color: #fff;
}

.shh-green-btn {
    background: #16CA82;
    color: #fff;
}

.shh-btn-2-radius {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.shh-line-btn {
    padding: 0 24px;
    width: auto;
    height: 30px;
    line-height: 28px;
    font-size: 15px;
    border: 1px solid #16CA82;
    color: #16CA82;
    background: transparent;
}

.shh-line-btn:hover {
    background: #fff;
    color: #16CA82;
}

.shh-grey-btn {
    border: 1px solid #efefef;
    color: #7e7e7e;
    background: #efefef;
}

    /* 通用按钮样式 end */

/* 考证首页 start */
/* 左侧导航栏 */
.sidebar {
    width: 108px;
    height: auto;
    position: fixed;
    left: 0;
    top: 200px;
    z-index: 2;
}

@media screen and (min-width: 1500px) {
    .sidebar {
        left: -moz-calc((100% - 1500px) / 2);
        left: -webkit-calc((100% - 1500px) / 2);
        left: calc((100% - 1500px) / 2);
    }
}

.sidebar .mascot-img {
    width: 108px;
    height: 78px;
}

.sidebar-nav {
    width: 102px;
    background: #fff;
    height: auto;
    margin: 0 auto;
    border: 1px solid #EAEAEA;
}

.sidebar-nav .anchor {
    display: block;
    width: 100px;
    height: auto;
    color: #333;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.sidebar-nav .anchor:hover{
    color: #16CA82;
}

.sidebar-nav .anchor.active {
    color: #fff;
    background: #16CA82;
}

.sidebar-nav .anchor span {
    width: 100%;
    padding: 15px;
    line-height: 20px;
    min-height: 20px;
    display: block;
}

.shop-a-box {
    width: 100%;
    height: auto;
    padding: 16px 0;
}

.shop-a-box:hover {
    background: #fff6e5;
}

.shop-a {
    display: block;
    padding-top: 4px;
    font-size: 20px;
    line-height: 24px;
    width: 90px;
    height: 63px;
    font-weight: 400;
    background: url("../img/kz/kz-shop-bg.png") center center no-repeat;
    background-size: 100%;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
}

.shop-a:hover {
    color: #fff;
}

/* banner */
.slider_one_big_picture {
    width: 100%;
    min-width: 1200px;
    height: 400px;
    overflow: hidden;
}

.slider_one_big_picture img {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slider_circle_10, .slider_four_in_line {
    width: 100%;
}

.nav_indicators ul li {
    width: 12px;
    height: 12px;
    background: rgba(0, 0, 0, .35);
    border: none;
    color: transparent;
}

.nav_indicators ul li.active {
    width: 12px;
    height: 12px;
    background: #16CA82;
    border: none;
    color: #16CA82;
}

/* 内容区 */
.main {
    width: 100%;
    height: auto;
    background: #f3f5f9;
    padding: 20px 0;
}

.topic_banner_box {
    width: 100%;
    min-width: 1200px;
    height: 258px;
    background: url("../pcv1/img/banner/topic_banner.jpg") center center no-repeat;
    background-size: cover;
    overflow: hidden;
}

/* 财经模块 */
.main-module {
    width: 1200px;
    height: auto;
    margin-bottom: 60px;
}

.module-title {
    width: 100%;
    height: 58px;
    /*background: #fff;*/
    line-height: 70px;
    /*border-bottom: 2px solid #16CA82;*/
    /*margin-bottom: 30px;*/
}

.top-contain {
    margin-bottom: 20px;
    background: #fff;
}

.title-left {
    font-family: "宋体";
    color: #232B45;
    font-size: 28px;
    margin-right: 50px;
    max-width: 180px;
    height: 58px;
    overflow: hidden;
}

.title-left .txt-bg {
    display: inline-block;
    width: 42px;
    height: 42px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 32px;
    line-height: 42px;
    color: #fff;
    font-weight: bold;
    background: #484D60;
    margin: 14px 6px 0 10px;
}

.title-tab {
    width: 970px;
    height: 58px;
    overflow: hidden;
    text-align: left;
}

.title-tab a {
    color: #666;
    display: inline-block;
    font-size: 16px;
    line-height: 58px;
    padding: 0 30px;
    cursor: pointer;
    /*border: 2px solid transparent;*/
}

.title-tab a:hover {
    color: #000;
}

.title-tab a.active {
    background: #fff;
    color: #000;
    font-weight: bold;
    /*border: 2px solid #16CA82;*/
    border-bottom: none;
}

.contain-content {
    background: #fff;
    -moz-box-shadow: 0 5px 5px 0 rgba(35, 38, 32, 0.08);
    -webkit-box-shadow: 0 5px 5px 0 rgba(35, 38, 32, 0.08);
    box-shadow: 0 5px 5px 0 rgba(35, 38, 32, 0.08);
    /*overflow: hidden;*/
}

.contain-1200 {
    width: 1200px;
    margin-right: 0;
}

.contain-285 {
    width: 285px;
    margin-right: 30px;
}

.contain-570 {
    width: 570px;
    margin-right: 0;
}

.contain-600 {
    width: 600px;
    margin-right: 30px;
}

.contain-442 {
    width: 442px;
    margin-right: 30px;
}

.contain-413 {
    width: 413px;
    margin-right: 0;
}

.index_book_list{
	margin-bottom:20px;
}
/* 精选套餐 */
.contain-title {
}

.index_book_list .contain-title h3 {
    padding: 0 4px;
    height: 58px;
    font-size: 24px;
    font-family: PingFang SC,Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
    line-height: 58px;
    color: #000;
    font-weight: bolder;
    background: url("../images/km_title_bg_1.png") left center no-repeat;
    background-size: 33px 33px;
    overflow: hidden;
}

.index_book_list.index_book_list2 .contain-title h3 {
    background: url("../images/km_title_bg_2.png") left center no-repeat;
    background-size: 33px 33px;
}
.index_book_list.index_book_list3 .contain-title h3 {
    background: url("../images/km_title_bg_3.png") left center no-repeat;
    background-size: 33px 33px;
}
.index_book_list.index_book_list4 .contain-title h3 {
    background: url("../images/km_title_bg_4.png") left center no-repeat;
    background-size: 33px 33px;
}
.index_book_list.index_book_list5 .contain-title h3 {
    background: url("../images/km_title_bg_5.png") left center no-repeat;
    background-size: 33px 33px;
}
.package-warp {
    -moz-box-shadow: 0 8px 5px -4px rgba(35, 38, 32, 0.08);
    -webkit-box-shadow: 0 8px 5px -4px rgba(35, 38, 32, 0.08);
    box-shadow: 0 8px 5px -4px rgba(35, 38, 32, 0.08);
    overflow: hidden;
}

.more-box {
    font-size: 14px;
    color: #aaa;
    margin-top: 4px;
}

.more-box:hover {
    color: #16CA82;
}

.top-banner {
    width: 100%;
    height: 160px;
    overflow: hidden;
}

.content-txt {
    width: auto;
    padding: 14px;
}

.boutique-package-content {
    width: 285px;
    height: 336px;
    position: relative;
}

.boutique-package-content .slider_one_big_2 {
    width: 100%;
    height: 100%;
}

.boutique-package-content .slider_one_big_2 > * {
    transition: ease all .8s;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.boutique-package-content .slider_one_big_2 .prev1,
.boutique-package-content .slider_one_big_2 .next1 {
    opacity: 0;
}

.slider_one_big_2-contain {
    width: 285px;
    height: 336px;
}

.boutique-package-01 .nav_indicators {
    position: absolute;
    right: 0;
    bottom: 16px;
    width: 100%;
    overflow: hidden;
    height: 30px;
}

.boutique-package-01 .nav_indicators ul li {
    margin: 0 8px 0 0;
    border-radius: 0;
    width: 6px;
    height: 6px;
}

.package-name {
    font-size: 17px;
    font-weight: bolder;
    height: 50px;
    line-height: 24px;
    color: #000;
    text-align: left;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.num-box {
    margin-bottom: 14px;
}

.teacher-content {
    width: -moz-calc(100% - 66px);
    width: -webkit-calc(100% - 66px);
    width: calc(100% - 66px);
    line-height: 30px;
}

.teacher-content .teacher-img-box {
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-right: 10px;
}

.teacher-img {
    width: auto;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.teacher-name {
    max-width: -moz-calc(100% - 40px);
    max-width: -webkit-calc(100% - 40px);
    max-width: calc(100% - 40px);
    color: #333;
    font-size: 15px;
    text-overflow: initial;
}

.vertical-line {
    display: inline-block;
    margin: 0 8px;
    line-height: 30px;
    font-size: 8px;
}

.course-num {
    font-size: 15px;
    color: #999;
}

.study-num {
    max-width: 44px;
    overflow: hidden;
    font-size: 15px;
    color: #bbb;
    padding-left: 18px;
    line-height: 30px;
    background: url("../img/kz/person-icon.png") left center no-repeat;
    background-size: 13px 14px;
}

.select-box {
    margin-bottom: 14px;
}

.select-box .select-title {
    width: 74px;
    height: 26px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    border-radius: 15px 0 0 15px;
    background: linear-gradient(179deg, #FB9D26, #FCBC2B);
}

.select-input {
    width: 104px;
    height: 26px;
    font-size: 14px;
    color: #949494;
    line-height: 26px;
    padding-left: 6px;
    border: 1px solid #f1f1f1;
    border-radius: 0 15px 15px 0;
}

.select-input:focus {
    border: 1px solid #FCBC2B;
}

.cor-price {
    font-size: 18px;
    color: #F62323;
    font-weight: bolder;
    text-align: left;
}

/* 精品课程 */
.cor-content {
    padding: 10px 0;
    height: 336px;
    overflow: auto;
}

.cor-box {
    width: 265px;
    height: 150px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.cor-box:first-child {
    margin-bottom: 16px;
}

.cor-img {
    width: 265px;
    height: 150px;
}

.audition-tag {
    display: inline-block;
    min-width: 74px;
    max-width: 50%;
    height: 26px;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.55);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.cor-box:hover .audition-tag {
    background: rgba(0, 0, 0, 0.75);
}

/* 提分资料 */
.raise-point-content {
    height: 150px;
    overflow: auto;
    background: #fff;
}

.raise-point-content li {
    height: 49px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    background: url("../img/kz/pdf-icon.png") 14px 14px no-repeat;
}

.raise-point-content li:last-child {
    border-bottom: 0;
}

.li-left-txt {
    margin-left: 46px;
    width: calc(100% - 170px);
    width: -moz-calc(100% - 170px);
    width: -webkit-calc(100% - 170px);
    text-align: left;
    line-height: 49px;
    font-size: 15px;
    color: #333;
}

.download-btn-orange {
    margin: 13px 20px 0 0;
    width: 80px;
    height: 26px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    background: linear-gradient(360deg, #FB9D26, #FCBC2B);
    opacity: 1;
}

.download-btn-orange:hover {
    opacity: .85;
    color: #fff;
}

.download-btn-green{
    background: #16CA82;
}

/* 考试资讯 */
.exam-news-contain {
    margin-top: 15px;
}

.exam-news-content {
    overflow: auto;
    background: #fff;
    height: 129px;
}

.exam-news-content li {
    height: 43px;
    color: #060B27;
    overflow: hidden;
}

.exam-news-content li:nth-child(2n) {
    background: #f8f8f8;
}

.exam-news-content li:hover p {
    color: #16CA82;
}

.exam-news-content .li-left-txt {
    margin-left: 14px;
    line-height: 43px;
    font-size: 13px;
}

.right-time-span {
    display: inline-block;
    font-size: 12px;
    color: #999;
    line-height: 43px;
    width: 120px;
    text-align: center;
    overflow: hidden;
}

/* 智能题库 */
.question-bank-content {
    position: relative;
    padding: 20px 36px 0;
    height: 260px;
    overflow: hidden;
}

.contain-1200 .question-bank-content {
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    height: auto;
}

.contain-1200 .question-bank-content > a {
    width: 120px;
    height: auto;
    margin:  0 0 25px 27px;
}

.contain-1200 .question-bank-content > a img {
    width: 120px;
    height: 120px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    /*
    -moz-box-shadow: 0 5px 5px 0 rgba(35, 38, 32, .08);
    -webkit-box-shadow: 0 5px 5px 0 rgba(35, 38, 32, .08);
    box-shadow: 0 5px 5px 0 rgba(35, 38, 32, .08);
    */
}

.contain-1200 .question-bank-content > a span {
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    font-weight: bolder;
}

.question-bank-content > a {
    float: left;
    width: 85px;
    height: auto;
    margin-right: 25px;
    margin-bottom: 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.question-bank-content > a img {
    width: 85px;
    height: 85px;
    overflow: hidden;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.question-bank-content > a:hover > img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.question-bank-content > a:nth-child(5n) {
    margin-right: 0;
}

.question-bank-content > a.big-a {
    width: 85px;
    height: auto;
}

.question-bank-content > a span {
    width: 100%;
    height: 28px;
    overflow: hidden;
    font-size: 13px;
    line-height: 28px;
    text-align: center;
    display: block;
    color: #333;
    background: transparent;
}

.span01 {
    color: #FC5336;
    background: #FFDDC0;
}

.span02 {
    color: #723EFF;
    background: #D9C6FF;
}

.span03 {
    color: #FFA701;
    background: #FFE4AF;
}

.span04 {
    color: #1B85FD;
    background: #C0E4FF;
}

.span05 {
    color: #22D46E;
    background: #CCFAF3;
}

.span06 {
    color: #FC5336;
    background: #FFDDC0;
}

/* 选择科目 start */
.subject-contain {
    margin: 6px 0 0 0;
    text-align: left;
}

.subject-item {
    display: inline-block;
    padding: 10px 14px;
    margin: 0 0 10px 27px;
    font-size: 18px;
    line-height: 16px;
    color: #666;
    cursor: pointer;
    /*border-bottom: 2px solid transparent;*/
}

.subject-item:hover {
    color: #12C37C;
}

.subject-item.active {
    color: #fff;
    background: #16ca82;
    /*border-bottom: 2px solid #16ca82;*/
}

.main-module:nth-child(2n) .subject-item:hover {
    color: #ffb54b;
}

.main-module:nth-child(2n) .subject-item.active {
    color: #fff;
    background: #ffb54b;
}

/* 选择科目 end */

/* 名师风采 */
.famous-teacher-content {
    height: 260px;
}

.famous-teacher-content01 {
    width: 275px;
    height: 100%;
    display: block;
    overflow: hidden;
    background: url("../img/kz/teacher-bg.png") center no-repeat;
    background-size: 285px 277px;
    margin-right: 20px;
}

.famous-teacher-content02 {
    margin-right: 0;
}

.famous-teacher-img-box {
    width: 90px;
    height: 90px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: 16px auto 10px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.famous-teacher-img-box img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.index-teacher-name {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bolder;
    color: #000;
}

.teacher-tag {
    width: 240px;
    height: 36px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

.teacher-tag span {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    color: #008E6C;
    background: #E7FBF8;
    border: 1px solid #008E6C;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.teacher-tag span:last-child,
.teacher-tag span:nth-child(2n) {
    margin-right: 0;
}

.famous-teacher-info {
    width: 240px;
    height: 70px;
    text-align: left;
    margin: 0 auto;
    font-size: 13px;
    color: #222;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 配套资料 */
.contain-442 .contain-content,
.contain-413 .contain-content {
    height: 336px;
    background: #fff;
    overflow: auto;
}

.contain-442 .li-left-txt {
    width: 280px;
}

.contain-442 .li-left-txt,
.contain-413 .exam-news-content .right-time-span,
.contain-413 .exam-news-content .li-left-txt {
    line-height: 55px;
}

.contain-413.exam-news-contain {
    margin-top: 0;
}

.contain-442 .raise-point-content li,
.contain-413 .exam-news-content li {
    height: 56px;
}

.contain-413 .exam-news-content li {
    border-bottom: 1px solid #f1f1f1;
}

.contain-413 .exam-news-content li:last-child {
    border-bottom: 0;
}

.contain-442 .download-btn-orange {
    margin-right: 12px;
}

/* 新增财经--会计实操页面强制更改布局 */
#kind_box_-2 .top-contain:first-child .contain-285:nth-child(2) {
    width: 560px;
}

#kind_box_-2 .top-contain:first-child .contain-285:nth-child(2) .cor-content {
    padding: 12px 0 0;
}

#kind_box_-2 .top-contain:first-child .contain-285:nth-child(2) .cor-content:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}

#kind_box_-2 .top-contain:first-child .contain-285:nth-child(2) .cor-content a {
    float: left;
    margin: 0 10px 10px;
}

#kind_box_-2 .top-contain:first-child .contain-285:nth-child(2) .cor-content a:nth-child(2n) {
    margin-right: 0;
    margin-left: 0;
}

#kind_box_-2 .top-contain:last-child {
    width: 285px;
    margin: -398px 0 0;
    float: right;
}

#kind_box_-2 .top-contain:last-child .contain-570 {
    width: 285px;
}

#kind_box_-2 .top-contain:last-child .contain-570 .famous-teacher-content {
    height: 336px;
}

#kind_box_-2 .top-contain:last-child .contain-570 .famous-teacher-content .famous-teacher-content01 {
    background-size: 150%;
    width: 285px;
}

#kind_box_-2 .famous-teacher-img-box {
    margin-top: 50px;
}

/* 考证首页 end */

/* 学习中心 —— 考证 start */
.study-4-main {
    margin-top: 10px;
}

/* 左侧目录 */
.study-4-l {
    width: 180px;
    min-height: 500px;
    margin-right: 20px;
    background: #fff;
}

.study-4-l a {
    display: block;
    font-size: 16px;
    color: #222;
    width: 160px;
    height: auto;
    line-height: 26px;
    padding: 12px 0;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    margin: 0 auto;
    cursor: pointer;
}

.study-4-l a:hover,
.study-4-l a.active {
    color: #16CA82;
}

.study-4-l a:last-child {
    border-bottom: none;
}

/* 右侧内容区 */
.min-h-380 {
    min-height: 380px;
}

/* 自定义选择下拉框组件 start */
.shh-select-group-box {
    width: 100%;
    height: 50px;
    background: #fff;
    margin-bottom: 10px;
}

.shh-select-box {
    height: 34px;
    margin: 8px 15px;
    position: relative;
}

.shh-select-title {
    display: inline-block;
    font-size: 14px;
    line-height: 34px;
    color: #222;
}

.study-top-select {
    width: 300px;
}

.study-4-main .study-top-select {
    width: 300px;
}

.study-4-main .study-top-select xm-select > .xm-body .xm-option-icon {
    border: none !important;
}

/* 自定义选择下拉框组件 end */

.study-4-r {
    width: 1000px;
    min-height: 500px;
}

.tab-nav {
    width: 100%;
    height: 60px;
    border: 1px solid #ebebeb;
}

.tab-nav li {
    padding: 20px 30px 20px 50px;
    border-right: 1px solid #ebebeb;
    color: #222;
    height: 59px;
}

.tab-nav li:hover {
    color: #12C37C;
    cursor: pointer;
}

.tab-nav li.active {
    color: #12C37C;
    position: relative;
}

.tab-nav li.active::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #12C37C;
    position: absolute;
    top: 0;
    left: 0;
}

.tab-nav li.tab-nav-1 {
    background: url("../img/kz/study/course-normal.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-2 {
    background: url("../img/kz/study/my-study-normal.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-3 {
    background: url("../img/collect/collect-b-icon-grey.png") 22px 22px no-repeat;
    background-size: 18px auto;
}

.tab-nav li.tab-nav-1:hover,
.tab-nav li.tab-nav-1.active {
    background: #fff url("../img/kz/study/course-active.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-2:hover,
.tab-nav li.tab-nav-2.active {
    background: #fff url("../img/kz/study/my-study-active.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-3:hover,
.tab-nav li.tab-nav-3.active {
    background: #fff url("../img/collect/collect-b-icon-green.png") 22px 22px no-repeat;
    background-size: 18px auto;
}

.tab-nav li.tab-nav-cur {
    background: url("../img/kz/study/cur-normal.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-test-q {
    background: url("../img/kz/study/test-q-normal.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-cur:hover,
.tab-nav li.tab-nav-cur.active {
    background: #fff url("../img/kz/study/cur-active.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-test-q:hover,
.tab-nav li.tab-nav-test-q.active {
    background: #fff url("../img/kz/study/test-q-active.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-ct {
    background: url("../img/kz/study/tk-02-normal.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-ct:hover,
.tab-nav li.tab-nav-ct.active {
    background: #fff url("../img/kz/study/tk-02-active.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-note {
    background: url("../img/kz/study/tk-03-normal.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-note:hover,
.tab-nav li.tab-nav-note.active {
    background: #fff url("../img/kz/study/tk-03-active.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-report {
    background: url("../img/kz/study/tk-05-normal.png") 20px 21px no-repeat;
}

.tab-nav li.tab-nav-report:hover,
.tab-nav li.tab-nav-report.active {
    background: #fff url("../img/kz/study/tk-05-active.png") 20px 21px no-repeat;
}

.right-content .tab-nav li {
    display: none;
    font-size: 16px;
    user-select: none;
}

.right-content .tab-nav li:nth-child(-n+6) {
    display: block;
}

.tab-content {
    padding: 20px 20px 40px;
    background: #fff
}

.tab-content .tab-item {
    display: none;
}

.show {
    display: block !important;
}

/* 课程学习 */
.stage-title {
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
    color: #222;
    font-weight: bold;
    position: relative;
    text-align: left;
    padding-left: 15px;
}

.stage-title:before {
    content: "";
    width: 4px;
    height: 14px;
    background: #16CA82;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 10px;
}

.course-brief {
    width: 100%;
    height: 110px;
    padding: 15px 0;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    box-sizing: border-box;
}

.course-brief:hover {
    background: #f6f9f9;
}

.course-content:last-child .course-brief {
    border-bottom: none;
}

.course-brief .course-left {
    width: 180px;
    height: 80px;
    overflow: hidden;
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
}

.course-left-img {
    width: 100%;
    height: auto;
}

.course-brief .img-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #222;
    font-size: 15px;
    font-weight: bold;
    width: 80%;
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    background: #fff;
    -moz-border-radius: 0 14px 0 14px;
    -webkit-border-radius: 0 14px 0 14px;
    border-radius: 0 14px 0 14px;
}

.course-brief-txt {
    text-align: left;
    width: 210px;
    height: 100%;
    margin: 0 20px 0 12px;
    overflow: hidden;
}

.course-title {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    color: #222;
    margin: 12px 0;
}

.course-subtitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #888;
}

/* 进度条 start */
.progress-bar-box {
    width: 280px;
    height: 100%;
    margin-right: 20px;
    cursor: pointer;
    justify-content: space-between;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.progress-bar {
    margin: 0;
    width: 240px;
    height: 4px;
    background: #f2f2f2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.progress-speed-bar {
    margin: 0;
    height: 100%;
    background: #16CA82;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

.speed-txt {
    font-size: 10px;
    color: #fff;
    line-height: 12px;
    height: 20px;
    width: 36px;
    background: #16CA82;
    border-radius: 20px;
    position: absolute;
    top: -8px;
    right: -36px;
}

/* 进度条 end */
/* 点击展开收起章节文字 start */
.course-content:hover .show-chapter {
    opacity: 1;
}

.show-chapter {
    opacity: 0;
    font-size: 12px;
    color: #16CA82;
    padding-right: 16px;
    position: absolute;
    bottom: 4px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.show-chapter:hover {
    color: #16CA82;
}

.show-chapter:after {
    content: ">";
    font-size: 14px;
    position: absolute;
    right: 0;
    top: -1px;
    -moz-transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.show-chapter.active:after {
    -moz-transform: rotateZ(270deg);
    -webkit-transform: rotateZ(270deg);
    transform: rotateZ(270deg);
}

/* 点击展开收起章节文字 end */

.course-right-btn {
    width: 230px;
    height: 100%;
    /*justify-content: flex-start;*/
}

.course-right-btn .shh-btn {
    margin-right: 20px;
}

.course-right-btn .shh-btn:last-child {
    margin-right: 0;
}

/* 章节目录 start */
.course-catalogue {
    display: none;
    width: 100%;
    border: 1px solid #e5e5e5;
    margin: -1px 0 20px;
}

.chapter {
    position: relative;
    font-size: 16px;
    color: #222;
}

.chapter:first-child .node {
    display: block;
}

.chapter-list {
    text-align: left;
    padding: 16px;
    line-height: 24px;
    border-bottom: 1px solid #e5e5e5;
}

.chapter-list:hover,
.node-list:hover {
    background: #f6f9f9;
}

.chapter:last-child .chapter-list,
.chapter:last-child .node {
    border-bottom: 0;
}

.chapter:last-child .chapter-list.active {
    border-bottom: 1px solid #e5e5e5;
}

.chapter-title {
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
}

.chapter-time {
    padding-right: 30px;
    position: relative;
}

.chapter-time:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url("../img/kz/study/arrow-down.png") no-repeat;
    position: absolute;
    top: 2px;
    right: 10px;
    -moz-transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.chapter-list.active .chapter-time:after {
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

.time-length {
    width: 160px;
    overflow: hidden;
    margin-right: 30px;
    font-size: 14px;
    color: #666;
}

.node-title {
    color: #222;
    margin-left: 30px;
    padding-left: 30px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    background: url("../img/kz/study/video-icon.png") left 3px no-repeat;
}

.node {
    padding: 10px 0;
    display: none;
    border-bottom: 1px solid #e5e5e5;
}

.node-list {
    text-align: left;
    line-height: 24px;
    padding: 10px 16px;
    border-bottom: none;
}

.already-learned,
.already-learned .node-title,
.already-learned .time-length {
    color: #666;
}

.course-download-icon {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 16px;
    height: 16px;
}

.course-download-icon img {
    width: 100%;
    vertical-align: top;
}

/* 章节目录 end */

/* 我的学习 start */
.my-study {
    width: 100%;
}

.study-module-title {
    width: 100%;
    display: block;
    height: 54px;
    padding: 15px;
    font-size: 16px;
    line-height: 24px;
    background: #f8f8f8;
    color: #444;
    font-weight: bold;
    text-align: left;
}

.study-module-title:hover {
    background: #f3f6f6;
}

.study-module-title span {
    color: #16CA82;
}

.study-module-main {
    /*max-height: 76px;*/
    overflow: hidden;
}

.height-auto {
    max-height: initial !important;
    overflow: auto !important;
}

.my-study-module {
    width: 100%;
    color: #222;
    line-height: 26px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
    position: relative;
}

.my-study-module:last-child {
    border-bottom: none;
}

.my-study-module .delete-btn {
    top: 14px;
}

/* 新增笔记删除 start */
.delete-btn {
    display: none;
    position: absolute;
    top: 24px;
    right: 0;
    width: 30px;
    height: 26px;
    text-align: center;
    background: #fff;
    -moz-border-radius: 14px 0 0 14px;
    -webkit-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px;
    -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.06);
}

.delete-btn:hover {
    cursor: pointer;
    -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
}

.delete-btn i {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    color: #F55F3F;
}

.delete-btn:hover i {
    font-size: 18px;
}

/* 删除笔记弹框 */
.delete-note-pop {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .6);
    z-index: 100;
}

.delete-note-pop-inner {
    width: 100%;
    height: auto;
}

.delete-pop-top {
    margin-bottom: 10px;
}

.delete-pop-top p {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
}

.delete-pop-bot {
    width: 100%;
    text-align: center;
}

.btn {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 6px 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #999;
    color: #666;
    background: #fff;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.delete-pop-bot .btn {
    font-size: 12px;
    color: #333;
    width: 40px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin-right: 20px;
    border: none;
    cursor: pointer;
    background: rgba(249, 249, 249, .9);
}

.delete-pop-bot .btn:hover {
    background: rgba(255, 255, 255, 1);
}

.delete-pop-bot .btn.cancel-btn {
    color: #16CA82;
}

.delete-pop-bot .btn:last-child {
    margin-right: 0;
}

/* 新增笔记删除 end */

.study-module-txt {
    font-size: 15px;
    margin: 12px 0;
    text-align: justify;
    overflow: auto;
}

.txt-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.study-module-bot {
    height: 26px;
    margin-bottom: 30px;
}

.set-up-time {
    width: 50%;
    overflow: hidden;
    font-size: 13px;
    color: #888;
    text-align: left;
}

.open-btn {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    padding: 6px 24px 6px 10px;
    background: #FF973A;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    position: relative;
}

.open-btn:hover {
    cursor: pointer;
    opacity: .85;
    color: #fff;
}

.open-btn:after {
    content: "";
    width: 12px;
    height: 12px;
    background: url("../img/kz/study/small-arrow.png") center center no-repeat;
    -moz-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    position: absolute;
    top: 7px;
    right: 10px;
}

.open-btn.active {
    background: #16CA82;
}

.open-btn.active:after {
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

/* 我的学习 end */

/* 我的收藏 start */
.my-collect,
.my-notes {
    text-align: left;
}

.my-collect .course-content {
    padding: 10px;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.my-collect .course-content:last-child {
    margin-bottom: 0;
}

.my-collect .course-content:hover {
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.collect-course-brief {
    height: 80px;
    padding: 0;
    border-bottom: none;
    position: relative;
}

.collect-course-brief:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url("../img/kz/study/arrow-down.png") center no-repeat;
    position: absolute;
    top: 32px;
    right: 10px;
    clear: both;
    visibility: visible;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.collect-course-brief.active:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.my-collect .course-brief-txt {
    width: 720px;
    justify-content: flex-start;
    margin-right: 0;
}

.my-collect .course-title {
    width: auto;
    max-width: 500px;
    margin-right: 20px;
    font-weight: bold;
}

.my-collect .course-subtitle {
    width: 190px;
    line-height: normal;
}

.my-collect .my-study-module {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: none;
}

.my-collect .my-study-module:last-child {
    margin-bottom: 10px;
}

.my-collect .study-module-title {
    padding-left: 50px;
    background: #f7f7f7 url("../img/kz/study/video-icon.png") 18px 18px no-repeat;
}

.my-collect .study-module-title:hover {
    background: #f3f6f6 url("../img/kz/study/video-icon.png") 18px 18px no-repeat;
}

.collect-course-list {
    margin-top: 15px;
    display: none;
}

/* 题型筛选 */
.chose-topic-tag {
    display: inline-block;
    margin: 0 30px 20px 0;
    width: 90px;
    height: 36px;
    font-size: 14px;
    color: #16ca82;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #16ca82;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.chose-topic-tag:last-child {
    margin-right: 0;
}

.chose-topic-tag:hover,
.chose-topic-tag.active {
    position: relative;
    color: #fff;
    background: #16ca82;
}

.chose-topic-tag.active:after {
    position: absolute;
    left: 35px;
    bottom: -8px;
    content: "";
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid #16ca82;
}

/* 我的收藏 end */

/* 激活码 start */
.code-content {
    background: #fff;
    font-size: 16px;
    width: 100%;
    height: auto;
    padding: 90px 0 50px;
}

/* WebKit browsers */
input.code-input::-webkit-input-placeholder {
    color: #999;
    font-size: 16px;
}

/* Mozilla Firefox 4 to 18 */
input.code-input:-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size: 16px;
}

/* Mozilla Firefox 19+ */
input.code-input::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size: 16px;
}

/* Internet Explorer 10+ */
input.code-input:-ms-input-placeholder {
    color: #999;
    font-size: 16px;
}

.code-input {
    width: 380px;
    height: 50px;
    overflow: hidden;
    font-size: 16px;
    line-height: 50px;
    color: #333;
    text-align: center;
    padding: 0 10px;
    background: #f8f8f8;
    margin: 0 auto 40px;
    border: 1px solid #f8f8f8;
}

.code-input:focus {
    border: 1px solid #16CA82;
    background: #fff;
}

.activation-btn {
    height: 40px;
    width: 165px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    display: block;
    background: #16CA82;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    margin: 0 auto 100px;
}

.activation-btn:hover {
    cursor: pointer;
    background: #15c37d;
}

.code-explain-box {
    width: 740px;
    height: auto;
    background: #f8f8f8;
    padding: 30px 58px;
}

.code-explain-box h2 {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #16CA82;
    margin-bottom: 12px;
}

.code-explain-box p {
    width: 100%;
    height: auto;
    line-height: 32px;
    text-align: left;
    color: #000;
}

/* 激活成功 */
.activated-course-img {
    width: 320px;
    max-height: 200px;
    overflow: hidden;
    margin-bottom: 30px;
}

.activated-course-img img {
    max-width: 100%;
    height: auto;
}

.activated-txt-box {
    width: 320px;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    margin-bottom: 50px;
}

/* 激活码 end */

/* 我的问答 start */
.qa-right-content {
    position: relative;
}

.qa-nav_search {
    width: 256px;
    height: 30px;
    border: 1px solid #16CA82;
    background: #fff;
    position: absolute;
    right: 36px;
    top: 14px;
    margin: 0;
    justify-content: space-between;
}

.qa-nav_search > span {
    font-size: 14px;
    width: 60px;
    height: 30px;
}

.qa-nav_search input {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    width: 180px;
    padding-left: 8px;
}

.cor-question-item {
    width: 100%;
    padding: 0 15px;
}

/* 已答未答切换 start */
.answer-status {
    margin-bottom: 20px;
    width: 100%;
    height: 60px;
}

.answer-status .answer-status-a {
    display: inline-block;
    width: 50%;
    font-size: 18px;
    line-height: 48px;
    color: #666;
    font-weight: 400;
    border-bottom: 1px solid #5eddaa;
    cursor: pointer;
}

.answer-status .answer-status-a:hover {
    color: #16ca82;
}

.answer-status .answer-status-a.active {
    font-weight: bolder;
    color: #16ca82;
    border-bottom: 3px solid #16ca82;
}
/* 已答未答切换 end */

.question-table {
    width: 100%;
    border-spacing: 0;
}

.question-table th {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    background: #16CA82;
    color: #fff;
    border: 0;
}

.question-table th.q-content {
    width: 65%;
}

.question-table th.q-time {
    width: 35%;
}

.question-table tbody {
    font-size: 16px;
    color: #333;
    border-left: 1px solid #ededed;
}

.question-table tbody tr:hover {
    background: #f6f9f9;
}

.question-table td {
    line-height: 28px;
    padding: 20px;
    border-left: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.question-table td.q-content-td {
    text-align: justify;
}

.question-table tr td:last-child {
    text-align: center;
    border-right: 1px solid #ededed;
}

/* 我的问答 end */

/* 提分资料 start */
.data-table {
    width: 100%;
    background: #fff;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
}

.data-table:after {
    content: "";
    display: block;
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #fff;
}

.data-table, .data-table thead, .data-table tbody, .data-table tr {
    width: 100%;
}

.data-table th {
    width: 20%;
}

.data-table th.data-title {
    width: 60%;
}

.data-table .data-content-td {
    text-align: justify;
    width: 60%;
    background: url("../img/kz/study/data-pdf-icon.png") 30px center no-repeat;
    padding-left: 75px;
}

.data-table td {
    padding: 14px;
    width: 20%;
}

.data-table .download-icon {
    width: 100%;
    height: 100%;
    display: block;
}

.data-table .download-btn-orange{
    margin-right: 0;
}

.data-table .download-icon img {
    width: 14px;
    height: 14px;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.data-table .download-icon:hover img {
    -moz-transform: translateZ(0) scale(1.2);
    -webkit-transform: translateZ(0) scale(1.2);
    transform: translateZ(0) scale(1.2);
}

.data-table tr td:last-child {
    border-right: 0;
}

.data-table td.data-content-td {
    border-left: 0;
}

.question-table .data-tbody {
    border-left: 0;
}

.question-table .data-tfoot td {
    border: 0;
}

/* 提分资料 end */

/* 申请续学 start */
.continuation-content {
    /*padding: 30px;*/
    background: #fff;
    text-align: left;
}

.continuation-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
}

.tab-nav-li.active {
    background: #fff;
}

.tab-nav-li .layui-icon {
    display: inline-block;
    margin-left: -20px;
    width: 22px;
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
}

/* 续学列表 */
.data-table .continue-list-td {
    background: url("../img/kz/study/continue-table-icon.png") 30px center no-repeat;
}

.continue-table tbody,
.continue-table tbody tr,
.continue-table tbody td,
.continue-table .data-content-td{
    border: 0;
}

.continue-table tbody tr {
    border-bottom: 1px solid #e2e2e2;
}

.continue-table tbody tr:last-child {
    border-bottom: 0;
}

.table-tips-txt {
    font-size: 13px;
    color: #999;
}

.state-span {
    display: inline-block;
    width: 100px;
    padding: 8px 0;
    background: rgba(22, 202, 130, 0.07);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #16CA82;
}

.grey-state {
    background: #f1f1f1;
    color: #888;
}

/* 添加申请 */
.choose-click-area {
    width: 370px;
    height: 45px;
    border: 1px solid #d3d3d3;
    justify-content: left;
    margin: 0 0 30px;
}

.choose-click-area:hover,
.choose-click-area:hover .right-arrow {
    border: 1px solid #12C37C;
    cursor: pointer;
}

.choose-click-area:hover .right-arrow {
    border-right: 0;
}

.choose-click-input {
    font-size: 16px;
    width: 325px;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    cursor: pointer;
}

.right-arrow {
    width: 45px;
    height: 45px;
    border: 1px solid #d3d3d3;
    border-right: 0;
    background: #f8f8f8 url("../img/kz/study/small-right-arrow.png") center center no-repeat;
}

/* 上传图片 */
.upload-img-submit-box {
    width: 100%;
    height: auto;
}

.upload-img-box {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.upload-box {
    height: 107px;
    width: 107px;
    overflow: hidden;
    background: url("../img/kz/study/add-img-default.png") -2px -2px no-repeat;
    position: relative;
    cursor: pointer;
    border: 1px dashed #aaa;
}

.upload-box:hover {
    border: 1px dashed #12C37C;
}

.upload-file {
    opacity: 0;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    height: 107px;
    width: 107px;
    left: 0;
    box-sizing: border-box;
}

.upload-img-content {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
}

.show-img-box {
    width: 107px;
    height: 107px;
    position: relative;
    border: 1px solid #ccc;
    margin: 0 20px 0 0;
}

.attached-img-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.show-img-box .attached-img {
    max-height: 100%;
    width: auto;
    object-fit: cover;
    transition: all .2s;
}

.attached-img:hover {
    cursor: pointer;
}

.delete-icon {
    width: 20px;
    height: 20px;
    font-size: 28px;
    line-height: 14px;
    padding-bottom: 6px;
    color: #fff;
    background: #aaa;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    box-sizing: border-box;
}

.delete-icon:hover {
    background: red;
    color: #fff;
}

.tips-p {
    width: 100%;
    text-align: justify;
    height: auto;
    font-size: 13px;
    color: #aeaeae;
    margin: 10px 0;
}

.submit-box {
    width: 110px;
}

/* 续学弹窗 */
/* 弹窗样式 by:shh */
/*.mask{*/
/*    display: none;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background: rgba(0,0,0,.4);*/
/*}*/
.shh-pop {
    display: none;
    z-index: 100;
    font-size: 18px;
    width: 750px;
    height: auto;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pop-top {
    height: 64px;
    width: 100%;
    text-align: left;
    padding: 0 20px;
    justify-content: flex-start;
    position: relative;
    box-sizing: border-box;
}

.pop-title {
    color: #222;
    font-size: 16px;
    font-weight: bold;
    width: 70%;
    margin-left: 0;
}

.close-pop-icon {
    font-size: 32px;
    color: #888;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
    -moz-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.close-pop-icon:hover {
    color: #16CA82;
}

.pop-main {
    width: 100%;
    min-height: 300px;
    max-height: 500px;
    padding: 0;
    overflow: auto;
}

.package-list {
    width: 700px;
    height: 350px;
    margin: 30px auto;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #eee;
    overflow: auto;
}

.package-li {
    padding: 6px 25px;
    width: 100%;
    line-height: 24px;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.package-li:hover {
    background: #f4f4f4;
}

.package-li:last-child {
    border-bottom: 0;
}

.package-li-left {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
}

.package-title {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    color: #222;
}

.package-li-right {
    opacity: 0;
    width: 60px;
    height: 60px;
}

.package-li.active .package-li-right {
    opacity: 1;
}

.select-state {
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/kz/study/selected-icon.png") center no-repeat;
}

.pop-bot {
    padding-bottom: 30px;
    min-height: 76px;
}

.finish-btn {
    padding: 10px 16px;
    font-size: 16px;
    color: #fff;
    background: #16CA82;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.finish-btn:hover {
    color: #fff;
}

/* 申请续学 end */

/* 弹窗样式2 start */
.shh-pop2 {
    width: 620px;
}

.shh-pop2 .pop-top {
    background: #16CA82;
    height: 56px;
    position: relative;
}

.pop-top-back {
    font-size: 14px;
    color: #f2f2f2;
    position: absolute;
    top: 20px;
    left: 12px;
}

.pop-top-back:hover {
    color: #fff;
    cursor: pointer;
}

.shh-pop2 .close-pop-icon {
    color: #f5f5f5;
    top: 6px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.pop-top .layui-icon-close {
    font-size: 18px;
    font-weight: bolder;
    color: #eee;
    cursor: pointer;
}

.pop-top .layui-icon-close:hover,
.shh-pop2 .close-pop-icon:hover {
    color: #fff;
}

.shh-pop2 .pop-title {
    width: 100%;
    text-align: center;
    color: #fff;
}

.shh-pop2 .finish-btn {
    border-radius: 30px;
    padding: 10px 26px;
    font-size: 14px;
    line-height: 16px;
}

.shh-pop2 .finish-btn:hover {
    color: #fff;
}

.shh-pop2 .pop-bot {
    min-height: 66px;
    padding: 10px 0 0;
}

.pop-tk-table {
    font-size: 14px;
    width: 90%;
    margin: 10px auto;
    line-height: 44px;
    color: #333;
}

.pop-tk-table th, .pop-tk-table td {
    border: 1px solid #F3F3F3;
}

.pop-tk-table th {
    background: #f8f8f8;
    font-size: 15px;
    font-weight: bold;
}

.pop-tk-table td {
    color: #555;
}

.pop-tk-table .t-num {
    width: 48px;
    text-align: center;
    border-bottom: 1px solid #16CA82;
    color: #16CA82;
    -moz-appearance: textfield; /* firefox 去除type="number" 默认样式 */
}

.pop-tk-table .t-num::-webkit-outer-spin-button, /* chrome 去除type="number" 默认样式  */
.pop-tk-table .t-num::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

.connot-entry {
    cursor: no-drop;
}

/* 弹窗样式2 end */

/* 专项练习弹窗章节选择 start*/
.shh-pop .course_classify {
    width: 90%;
    margin: 10px auto;
    border: 0;
}

.shh-pop .course_classify_1 {
    width: 100%;
    border: 0;
    padding: 0;
    line-height: 42px;
}

.shh-pop .course_classify_1 > span {
    width: 60px;
    font-weight: bold;
    font-size: 15px;
}

.shh-pop .course_classify_1 > div > span {
    padding: 4px 16px;
    display: inline-block;
    line-height: 20px;
    margin-right: 20px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #CCCCCC;
}

.shh-pop .course_classify_1 > div > span.active,
.shh-pop .course_classify_1 > div > span:hover {
    background: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #16CA82;
    border: 1px solid #16CA82;
}

.shh-pop .course_classify_1 > div {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    height: auto;
    line-height: 42px;
}

/* 专项练习弹窗章节选择 end*/

/* 模拟试卷 start */
.pop-main .raise-point-content li {
    height: 58px;
    background: url("../img/kz/pre-icon.png") 10px 21px no-repeat;
}

.pop-main .raise-point-content li:hover {
    background: #f9f9f9 url("../img/kz/pre-icon.png") 10px 21px no-repeat;
}

.pop-main .raise-point-content {
    height: 400px;
}

.pop-main .li-left-txt {
    margin-left: 34px;
    line-height: 58px;
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
}

.pop-main .right-btn-box {
    width: 160px;
}

.pop-main .shh-line-btn {
    width: 100px;
    padding: 0 6px;
}

.pop-main .shh-line-btn:hover {
    color: #fff;
    background: #16CA82;
}

.pop-main .download-icon img {
    width: 13px;
    height: 13px;
}

.pop-main .download-icon img:hover {
    opacity: .8;
}

.pop-main .download-icon {
    width: 60px;
    height: 58px;
    cursor: default;
}

/* 模拟试卷 end */

/* 考点练习 star */
.pop-main-bg {
    background: #f7f7f7;
}

.pop-main .practice-icon {
    width: 24px;
    height: 24px;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.practice-module ul.chapter-child-list li:hover .practice-icon {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.practice-module {
    width: 100%;
    background: #fff;
    padding: 0 20px 0 50px;
    margin-bottom: 10px;
}

.practice-chapter {
    padding: 18px 0;
    position: relative;
}

/* 练习目录左侧展开收起装饰 start */
.practice-chapter.active:after {
    content: "";
    width: 1px;
    height: 70px;
    background: #16CA82;
    position: absolute;
    top: 58px;
    left: -23px;
}

.right-more-icon {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.practice-chapter.active .right-more-icon {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.practice-left-mark {
    width: 24px;
    height: 24px;
    overflow: hidden;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #16CA82;
    position: absolute;
    top: 30px;
    left: -35px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.practice-left-mark i {
    font-size: 20px;
    color: #fff;
}

.practice-left-mark h3 {
    font-size: 14px;
    color: #fff;
    font-weight: bolder;
    line-height: 22px;
}

.practice-left-small-mark {
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    left: -45px;
}

/* 练习目录左侧展开收起装饰 end */

.practice-module ul.chapter-child-list {
    width: 100%;
    padding-left: 15px;
    border-top: 1px solid #EFEFEF;
    display: none;
}

.practice-module ul.chapter-child-list li {
    width: 100%;
    padding: 12px 0 2px;
    border-bottom: 1px solid #EFEFEF;
    position: relative;
}

.practice-chapter:hover .practice-left-mark,
.practice-module ul.chapter-child-list li:hover .practice-left-mark {
    background: #15ae6f;
}

.practice-module ul.chapter-child-list li:after {
    content: "";
    width: 1px;
    height: 60px;
    background: #16d98f;
    position: absolute;
    top: 45px;
    left: -38px;
}

.practice-module ul.chapter-child-list li:last-child:after {
    height: 0;
}

.practice-module ul.chapter-child-list li:last-child {
    border-bottom: none;
}

.practice-list-left {
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    text-align: left;
    margin-right: 16px;
}

.pop-main .practice-module .right-btn-box {
    width: 24px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.practice-list-left h5 {
    font-size: 15px;
    line-height: 24px;
    color: #222;
    font-weight: bolder;
}

.practice-list-left .practice-num {
    font-size: 13px;
    color: #797979;
    line-height: 24px;
    margin-bottom: 8px;
}

.practice-list-left .progress-bar {
    width: 100%;
}

/* 考点练习 end */

/* 我的题库 start */
.tklx-item .question-bank-content {
    height: auto;
}

.tklx-item .question-bank-content > a {
    width: 150px;
    height: auto;
    margin: 0 34px 30px 0;
}

.tklx-item .question-bank-content > a:nth-child(5n) {
    margin-right: 0;
}

.tklx-item .question-bank-content > a img {
    width: 100%;
    height: 150px;
}

.tklx-item .question-bank-content > a span {
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    font-weight: bold;
}

.tklx-item .question-bank-content .service_book_default {
    margin-top: 90px;
}

/* 我的题库 end */

/* 我的收藏 */
.my-collect-li {
    width: 100%;
    background: #f7f7f7;
    height: 56px;
    padding: 16px;
    margin-bottom: 10px;
    justify-content: space-between;
    line-height: 24px;
}

.my-collect-li-txt {
    width: 80%;
    color: #333;
    text-align: left;
    font-size: 15px;
}

.my-collect-li:hover .my-collect-li-txt {
    color: #1ACB84;
}

/* 我的笔记 */
.my-notes {
    width: 100%;
}

.my-notes .study-module-title {
    border-left: 2px solid #12C37C;
}

/* 我的报告 */
.report-content {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.report-content > li {
    background: url("../img/kz/study/report-li-icon.png") 10px center no-repeat;
    border-bottom: 1px solid #f1f1f1;
}

.report-content > li:hover {
    background: #f9f9f9 url("../img/kz/study/report-li-icon.png") 10px center no-repeat;
}

.report-content .shh-orange-btn {
    padding: 6px 20px;
}

.report-content .li-left-txt {
    margin-left: 56px;
    line-height: 58px;
}

.pop-main .report-content .right-btn-box {
    justify-content: right;
    margin-right: 26px;
}

/* 学习中心 —— 考证 end */


/* 免费资料 start */
/* 面包屑导航 */
.breadcrumb-nav {
    width: 1200px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    color: #333333;
    text-align: left;
    overflow: hidden;
}

.breadcrumb-nav a {
    color: #333333;
}

.breadcrumb-nav a.active, .breadcrumb-nav a:hover {
    color: #16CA82;
}

.breadcrumb-nav .no-hover:hover {
    color: #333;
}

.top-line {
    width: 100%;
    height: 3px;
    background: #16CA82;
    border: none;
}

.shopping-data-table tbody tr {
    background: #F9FBFC;
}

/* 免费资料 end */

/* 课程列表 start */
.shopping-course-brief {
    height: 130px;
}

.shopping-course-brief .course-left {
    width: 220px;
    height: 100px;
}

.shopping-course-brief .img-txt {
    height: 42px;
    font-size: 16px;
    line-height: 42px;
}

.shopping-course-brief .course-subtitle {
    line-height: 42px;
    color: #222;
}

.shopping-course-brief .course-right-btn {
    width: 160px;
}

.audition-btn {
    padding: 8px 30px;
    max-width: 160px;
}

.shopping-course-brief .course-brief-txt {
    width: -moz-calc(100% - 420px);
    width: -webkit-calc(100% - 420px);
    width: calc(100% - 420px);
}

.shopping-course-brief .teacher-content {
    margin-top: 14px;
    width: 100%;
    overflow: hidden;
}

.shopping-course-brief .teacher-content .teacher-img-box {
    margin: 0 0 0 -6px;
    float: left;
    border: 1px solid #fff;
}

.shopping-course-brief .teacher-content .teacher-img-box:first-child {
    margin-left: 0;
}

.shopping-course-brief .teacher-content .teacher-img-warp {
    float: left;
    max-width: 90px;
    height: 32px;
    overflow: hidden;
}

.shopping-course-brief .teacher-content .teacher-name-box {
    max-width: -webkit-calc(100% - 120px);
    max-width: -moz-calc(100% - 120px);
    max-width: calc(100% - 120px);
    margin-left: 10px;
    font-size: 15px;
    line-height: 32px;
    color: #888;
}

.shopping-course-brief .teacher-content .teacher-name-box span {
    margin-right: 10px;
}

/* 课程列表 end */

/* 商城 start */
.top-banner-box {
    width: 285px;
    height: 160px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.shopping-list {
    padding-top: 5px;
}

.shopping-list .slider_one_big_2-contain {
    float: left;
    margin: 0 20px 20px 0;
    height: auto;
    -moz-box-shadow: 0 0 0 0 rgba(35, 38, 32, 0.1);
    -webkit-box-shadow: 0 0 0 0 rgba(35, 38, 32, 0.1);
    box-shadow: 0 0 0 0 rgba(35, 38, 32, 0.1);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.shopping-list .slider_one_big_2-contain:hover {
    -moz-box-shadow: 0 5px 8px 0 rgba(35, 38, 32, 0.1);
    -webkit-box-shadow: 0 5px 8px 0 rgba(35, 38, 32, 0.1);
    box-shadow: 0 5px 8px 0 rgba(35, 38, 32, 0.1);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.shopping-list .slider_one_big_2-contain:nth-child(4n) {
    margin-right: 0;
}

.shopping-list .slider_one_big_2-contain .content-txt {
    border: 1px solid #F4F4F4;
    border-bottom: 0;
}

.shopping-list .num-box {
    margin-bottom: 0;
}

.shopping-list .cor-price-box {
    width: -moz-calc(100% - 32px);
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
    padding: 0 15px;
    height: 48px;
    overflow: hidden;
    border: 1px solid #F4F4F4;
    justify-content: space-between;
}

.shopping-list .cor-price-bg {
    font-size: 15px;
    color: #FFD89F;
    font-weight: bold;
    background: #333;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.txt-btn:hover {
    opacity: .8;
    cursor: pointer;
}

/* 商城详情 start */
.shopping-base_box,
.shopping-base_box .goods_2,
.shopping-base_box .goods_2_box {
    overflow: visible; /* 有下拉框，盒子超出高度强制显示 */
}

.shopping-base_box .goods_2 h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: bold;
    text-align: justify;
}

.goods-title-detail {
    height: auto;
    width: 100%;
    margin-bottom: 10px;
}

.goods-title-detail .teacher-content {
    max-width: -moz-calc(100% - 180px);
    max-width: -webkit-calc(100% - 180px);
    max-width: calc(100% - 180px);
    width: auto;
}

.goods-title-detail .teacher-content .teacher-name-box {
    max-width: 350px;
}

.purchase-num::before {
    content: "";
    background: #CECECE;
    width: 2px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 8px;
}

.goods-title-detail > *:first-child::before {
    display: none;
}

.purchase-num {
    font-size: 15px;
    color: #888;
    height: 32px;
    line-height: 32px;
    max-width: 120px;
    overflow: hidden;
    padding-left: 40px;
    margin: 14px 0 0 14px;
    background: url("../img/kz/shopping/purchase-green-icon.png") 24px center no-repeat;
    position: relative;
}

.goods-title-detail > *:first-child.purchase-num {
    margin-left: 0;
    padding-left: 20px;
    background: url("../img/kz/shopping/purchase-green-icon.png") 0 center no-repeat;
}

.subject-select-box {
    margin: 20px 0;
}

.selectSubject {
    width: 350px;
    margin-right: 15px;
}

.selectYear {
    width: 120px;
    margin-right: 0;
}

.goods_content_1 {
    overflow: hidden;
}

.catalogue-nav {
    width: 100%;
    height: auto;
    background: #f7f7f7;
    border-bottom: 0;
    box-sizing: border-box;
    margin: 6px 0 10px;
}

.catalogue-nav > span {
    font-size: 15px;
    line-height: 54px;
}

.catalogue-nav > div {
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    height: auto;
    overflow: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 12px;
}

.catalogue-nav > div > span {
    border: 1px solid #16CA82;
    color: #16CA82;
    line-height: 18px;
    background: transparent;
    padding: 6px 18px;
    margin: 0 10px 12px;
    display: inline-block;
}

.catalogue-nav > div > span.active, .catalogue-nav > div > span:hover, .catalogue-nav > div > span {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.audition-list {
    width: 100%;
    margin-bottom: 50px;
}

/* 商城详情 end */
/* 商城 end */

/* 覆盖 layui-select 样式 start */
.xm-label-block {
    background: #F4F4F5 !important;
    border: 1px solid #EEEEEE !important;
}

xm-select:hover, xm-select:focus,
xm-select > .xm-body .xm-option-icon {
    border: 1px solid #16CA82 !important;
}

xm-select > .xm-label .xm-label-block {
    padding: 0 10px !important;
}

xm-select > .xm-label .xm-label-block,
xm-select > .xm-label .xm-label-block > span {
    color: #333 !important;
}

xm-select > .xm-label .xm-label-block > i {
    color: #999 !important;
}

xm-select > .xm-label .xm-label-block > i:hover,
xm-select .xm-body .xm-option.selected .xm-icon-duox {
    color: #16CA82 !important;
}

/* 覆盖 layui-select 样式 end */

/* 免费课程详情 start */
.top-course-name {
    font-size: 20px;
    width: 1200px;
    text-align: left;
    line-height: 24px;
    font-weight: bold;
    color: #222;
    margin: 30px auto;
}

/* 左侧视频播放区域 start */
.goods_video-top-warp {
    height: 580px;
    margin-bottom: 30px;
}

.goods_video-top-left {
    width: -moz-calc(100% - 280px);
    width: -webkit-calc(100% - 280px);
    width: calc(100% - 280px);
}

.no-permission {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
}

.go-purchase {
    color: #16CA82;
}

.go-purchase:hover {
    color: #16CA82;
    text-decoration: underline;
}

.no-permission .go-purchase {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 920px;
    height: 580px;
    margin: 0;
    background: url("../img/kz/go-purchase.png") center center no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index: 1;
}

.goods_video-box {
    width: 100%;
    height: 520px;
}

.goods_video-box video {
    width: 100%;
    height: 100%;
}

.video-operate {
    width: 100%;
    height: 60px;
    background: #272727;
    text-align: right;
    justify-content: flex-end;
}

.video-operate a {
    display: block;
    color: #ddd;
    font-size: 14px;
    margin-right: 30px;
    padding-left: 30px;
    cursor: pointer;
    opacity: 1;
    position: relative;
}

.video-operate a:before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: -1px;
    opacity: 1;
}

.video-operate-01:before {
    background: url("../img/collect/collect-b-icon-grey.png") center center no-repeat;
    background-size: 18px auto;
}

.video-operate-02:before {
    background: url("../img/kz/shopping/persons.png") left center no-repeat;
}

.video-operate-03:before {
    background: url("../img/kz/shopping/warning.png") left center no-repeat;
}

.video-operate-04:before {
    background: url("../img/kz/shopping/flower.png") left center no-repeat;
}

.video-operate-01.active,
.video-operate a:hover {
    color: #16CA82;
}

.video-operate-01.active:before,
.video-operate-01:hover:before {
    opacity: .8;
    background: url("../img/collect/collect-b-icon-green.png") center center no-repeat;
    background-size: 18px auto;
}

.video-operate-02:hover:before {
    opacity: .8;
    background: url("../img/kz/shopping/persons-hover.png") left center no-repeat;
}

.video-operate-03:hover:before {
    opacity: .8;
    background: url("../img/kz/shopping/warning-hover.png") left center no-repeat;
}

.video-operate-04:hover:before {
    opacity: .8;
    background: url("../img/kz/shopping/flower-hover.png") left center no-repeat;
}

/* 左侧视频播放区域 end */


/* 右侧视频播放列表 start */
.goods_video-top-right {
    width: 280px;
    height: 100%;
}

/* 目录 */
.goods_video-catalogue {
    width: 100%;
    height: 520px;
    color: #fff;
    background: #333;
    text-align: left;
}

.goods_video-catalogue-title {
    font-size: 20px;
    color: #fff;
    border-bottom: 1px solid #4B4B4B;
}

.goods_video-catalogue-1 {
    width: -moz-calc(100% - 24px);
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    padding: 12px;
    height: 436px;
    overflow: auto;
}

.goods_video-catalogue-2 {
    display: none;
    padding-left: 18px;
    width: -moz-calc(100% - 18px);
    width: -webkit-calc(100% - 18px);
    width: calc(100% - 18px);
}

.video-p1 {
    font-size: 15px;
    line-height: 38px;
    cursor: default;
}

.video-p1 i {
    display: inline-block;
    margin-right: 4px;
    font-size: 15px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.goods_video-catalogue-1-li.active .video-p1 i {
    color: #16CA82;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.goods_video-catalogue-2-li {
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 6px;
}

.goods_video-catalogue-2-li i {
    display: inline-block;
    width: 25px;
    font-size: 14px;
    color: #787878;
}

.goods_video-catalogue-2-li span {
    width: 30px;
    height: 100%;
    display: inline-block;
    text-align: center;
    cursor: default;
}

.goods_video-catalogue-2-li.need-pay span {
    background: url("../img/kz/shopping/lock-normal.png") center no-repeat;
}

.goods_video-catalogue-2-li.active.need-pay span,
.goods_video-catalogue-2-li.need-pay:hover span {
    background: url("../img/kz/shopping/lock-hover.png") center no-repeat;
}

.goods_video-catalogue-2-li.paid span {
    background: url("../img/kz/shopping/unlocked.png") center no-repeat;
}

.goods_video-catalogue-2-li a {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
}

.goods_video-catalogue-2-li:hover,
.goods_video-catalogue-2-li.active,
.goods_video-catalogue-2-li:hover a,
.goods_video-catalogue-2-li.active a,
.goods_video-catalogue-2-li:hover i,
.goods_video-catalogue-2-li.active i {
    color: #16CA82 !important;
}

/* 右侧按钮 */
.goods_video-btn-group {
    width: 100%;
    height: 60px;
}

.goods_video-btn-group a {
    display: inline-block;
    width: 50%;
    height: 100%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}

.video-q-btn {
    background: #16CA82;
}

.video-q-btn:hover {
    background: #16b974;
}

.video-note-btn {
    background: #FDA92C;
}

.video-note-btn:hover {
    background: #ee9d2d;
}

/* 右侧视频播放列表 end */

/* 操作弹窗区域 start */
.shh-pop-big {
    width: 750px;
}

.shh-pop-big .pop-main {
    width: 90%;
    padding: 0 5%;
    box-sizing: initial;
}

.video-pop-main .eva_text {
    width: 100%;
    padding: 0;
    background: #fff;
    line-height: initial;
}

.video-pop-main .eva_tip {
    font-weight: bold;
    line-height: 48px;
    height: 48px;
    padding-top: 10px;
    font-size: 15px;
    text-align: left;
}

.video-pop-main .eva_tip .required-icon {
    color: #fa6f6f;
    margin-right: 4px;
    font-size: 12px;
}

.video-pop-main .eva_content {
    width: 100%;
    padding: 10px 16px;
    height: 280px;
    resize: none;
    border: 1px solid #e3e3e3;
    background: #f9f9f9;
    box-sizing: border-box;
    line-height: 28px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.video-pop-main .eva_content:focus {
    border: 1px solid #16CA82;
}

.video-pop-main .eva_num {
    font-size: 14px;
    color: #c7c7c7;
    text-align: right;
}

.textareaInput {
    color: #666;
}

.video-pop-main .eva_1 {
    width: auto;
}

.video-pop-main .eva_1 > li {
    width: auto;
    margin-right: 70px;
}

.video-pop-main .eva_1 > li:last-child {
    margin-right: 0;
}

.video-pop-main .five_stars_ul li i {
    color: #999;
}

.video-pop-main .five_stars_ul li.red-color i,
.video-pop-main .five_stars_ul li.current i,
.video-pop-main .five_stars_ul li i.layui-icon-star-fill {
    color: #ff712d;
}

.pop-top-txt {
    padding: 20px;
    background: #f1fbf7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 20px;
    text-align: left;
}

.video-pop-main .pop-top-txt .eva_tip {
    line-height: 28px;
    height: auto;
    font-size: 14px;
    font-weight: normal;
    padding-top: 0;
}

.eva-tip-txt {
    padding-left: 28px;
}

.video-pop-main .answer-options {
    padding-left: 10px;
}

.video-pop-main .answer-option-li {
    float: left;
    margin-right: 40px;
    font-size: 15px;
}

.video-pop-main .desc-textarea {
    height: 160px;
    overflow: auto;
}

.video-pop-main .upload-img-box {
    width: 100%;
    margin-bottom: 0;
}

.video-pop-main .answer-option-li label:hover {
    cursor: pointer;
    color: #12C37C;
}

/* 加入班级弹窗 */
.class-service-title {
    font-size: 14px;
    width: 80%;
    margin: 30px auto;
}

.class-service {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px dashed #e3e3e3;
}

.class-service li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.class-service li img {
    width: 52px;
    height: 52px;
    overflow: hidden;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.class-service h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    color: #333;
}

.class-service p {
    font-size: 14px;
    line-height: 24px;
    color: #787878;
}

.codes-area {
    padding: 30px;
}

.codes-area li {
    float: left;
    width: 50%;
    text-align: center;
}

.codes-area li img {
    width: 150px;
    height: 150px;
}

.codes-area li p {
    font-size: 14px;
    color: #666;
    line-height: 48px;
}

/* 操作弹窗区域 end */

.course-detail-l {
    width: 830px;
}

.course-detail-r {
    width: 340px;
    height: auto;
    background: #fff;
    margin: 20px 0;
}

.course-detail-r .goods_content_1 span {
    padding: 0;
    width: 50%;
}

.goods_content_1 span:hover {
    color: #16CA82;
}

.goods_info {
    display: none;
}

/* 答疑 start */
.qa-box {
    border-bottom: 1px solid #eee;
    position: relative;
    margin-bottom: 10px;
}

.qa-box .delete-btn {
    top: 10px;
}

.qa-box:last-child {
    border-bottom: 0;
}

.qa-contain {
    margin: 16px 0;
}

.qa-left {
    width: 32px;
}

.qa-right {
    width: -moz-calc(100% - 32px);
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
    font-size: 14px;
    color: #222;
    line-height: 24px;
    text-align: justify;
}

/* 展开收起样式覆盖 start */
.qa-box .study-module-txt {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 24px;
}

.qa-box .txt-ellipsis {
    -webkit-line-clamp: 4;
}

.qa-box .study-module-main {
    /*max-height: 100px;*/
    min-height: 60px;
    text-align: justify;
}

.qa-box .study-module-bot {
    margin-bottom: 10px;
}

.qa-box .set-up-time {
    font-size: 13px;
    line-height: 26px;
}

.qa-box .open-btn {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 20px 4px 8px;
}

.qa-box .open-btn:after {
    right: 6px;
    top: 5px;
}

.qa-box .study-module-main img {
    width: 60px;
    margin: 0 6px 8px 0;
}

/* 展开收起样式覆盖 end */
.qa-tag {
    font-size: 15px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-sizing: content-box;
    border: 1px solid #16CA82;
    background: #16CA82;
    color: #fff;
}

.a-tag {
    background: #fff;
    border: 1px solid #16CA82;
    color: #16CA82;
}

.qa-title {
    margin-bottom: 10px;
    text-align: justify;
}

.qa-time {
    color: #888;
}

/* 答疑 end */

/* 笔记 start */
.note-info .study-module-title {
    padding: 0;
    height: auto;
    font-size: 15px;
    line-height: 32px;
    color: #222;
    background: transparent;
}

/* 笔记 end */

/* 免费课程详情 end */

/* 考试资讯 start */
.goods_info .exam-news-content {
    height: auto;
}

.goods_info .exam-news-content li {
    height: 60px;
}

.goods_info .exam-news-content .li-left-txt,
.goods_info .exam-news-content .right-time-span {
    line-height: 60px;
    font-size: 16px;
}

.goods_info .exam-news-content .right-time-span {
    width: 150px;
    font-size: 14px;
}

.information-list-box .goods_content_1 span {
    padding: 0 18px;
    font-weight: bold;
}

.information-list-box .r_recommend {
    width: auto;
}

.information-list-box .goods_content {
    background: none;
}

.information-list-box .r_recommend:first-child {
    margin-top: 0;
}

.information-list-box .course-detail-l .goods_content_1 {
    background: #fff;
}

.information-list-box .goods_content_2 {
    background: #fff;
    padding-bottom: 50px;
    min-height: 600px;
}

.information-search-box {
    width: 100%;
    margin-bottom: 20px;
}

.information-search-box .nav_search {
    width: -moz-calc(100% - 305px);
    width: -webkit-calc(100% - 305px);
    width: calc(100% - 305px);
    margin: 0;
    height: 36px;
    background: #fff;
}

.information-search-box .nav_search > span {
    height: 36px;
    line-height: 36px;
}

.information-search-box .nav_search > span:hover {
    background: #16bd7c;
}

.information-search-box .nav_search input {
    height: 36px;
    width: 400px;
}

.information-search-box xm-select,
.information-search-box xm-select:hover,
.information-search-box xm-select:focus {
    border: 2px solid #16CA82 !important;
    width: 300px;

}

/* 考试资讯 end */

/* 错题详情页 */
.test-info-box {
    width: 1200px;
    height: auto;
}

.test-info-box .answer-r {
    width: 100%;
    padding: 20px;
    margin-bottom: 30px;
}

.test-info-box .answer-question-box {
    padding: 0;
}

.test-info-box .answer-options {
    width: auto;
}

.video-position--box {
    position: relative;
}

.video-icon {
    position: absolute;
    left: 0;
    top: 4px;
    width: 24px;
    height: 24px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #1db8d1;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
}

.video-position-a {
    display: block;
    max-width: 388px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 20px;
    background: #16CA82;
    color: #fff;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.video-position-a:hover {
    color: #fff;
    cursor: pointer;
    background: #12C37C;
}

.video-position-a i {
    margin-right: 8px;
}

/* 答疑详情页 */
.qa-main-top {
    width: 1200px;
    min-height: 680px;
    margin: 0 auto 20px;
    overflow: auto;
    background: #fff;
}

.qa-main-top .video {
    width: 100%;
}

.qa-main-top .test-info-box {
    width: 100%;
}

.qa-main-top .test-info-box .answer-r {
    height: auto;
}

.qa-main-top .test-info-box .answer-question-box {
    height: auto;
}

.qa-body .body_bg .base_box {
    background: #fff;
    margin-bottom: 30px;
}

.qa-body .body_bg .qa-box {
    margin: 0 20px;
}

.qa-body .body_bg .qa-box .study-module-bot {
    margin-bottom: 0;
}

.qa-body .body_bg .qa-box .study-module-main {
    max-height: initial;
}

.qa-body .body_bg .qa-box .txt-ellipsis {
    display: block;
}

.qa-body .body_bg .base_box .goods_content_1 {
    width: 100%;
    font-size: 18px;
}

.qa-body .sub-question-num {
    margin: 0 14px 10px 0;
}

.qa-body .sub-question-num:nth-child(8n) {
    margin-right: 14px;
}

.qa-body .sub-question-num:nth-child(11n) {
    margin-right: 0;
}

/* 覆盖轮播样式 */
.nav_indicators,
.slider_one_big_picture .active,
.slider_one_big_2 .active {
    z-index: 1;
}

/* 新增挑战赛结果查看页样式 start */
.ranking-main, .ranking-main * {
    box-sizing: border-box;
}

.ranking-main {
    width: 1200px;
    height: auto;
    margin: 10px auto 50px;
}

.ranking-main .r-left {
    width: 400px;
    height: 600px;
    border: 1px solid #f1f1f1;
    border-right: 0;
    background: #f7f7f7;
    float: left;
    padding: 77px 0 120px;
}

.r-left-top {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e3e3e3;
}

.r-left-top .user-pic-box {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
}

.r-left-top h2 {
    font-size: 24px;
    color: #0fc29a;
    line-height: 42px;
    font-weight: bolder;
    text-align: center;
}

.r-left-top h2 span {
    font-weight: normal;
}

.r-left-info {
    width: 180px;
    margin: 0 auto 50px;
}

.r-left-info li {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 28px;
    color: #666;
    font-weight: bolder;
    margin-bottom: 10px;
}

.r-left-info li span {
    font-size: 20px;
    color: #ffb646;
}

.ranking-main .r-left .shh-green-btn {
    display: inline-block;
    width: 180px;
    height: 38px;
    font-size: 18px;
    line-height: 38px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
}

.ranking-main .r-left .shh-green-btn:hover {
    opacity: .9;
}

.ranking-main .r-right {
    border: 1px solid #f1f1f1;
    background: #fff;
    width: calc(100% - 400px);
    float: right;
    padding: 30px 55px 40px;
    min-height: 600px;
}

.ranking-main .r-right-title {
    font-size: 20px;
    margin-bottom: 20px;
}

.rank-ul-title {
    background: #f7f7f7;
    width: 100%;
    height: 40px;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
}

.rank-ul-title > p {
    width: 20%;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    float: left;
}

.rank-ul-title > p:nth-child(2) {
    width: 30%;
}

.rank-ul-title > p:last-child {
    width: 50%;
}

.rank-ul {
    width: 100%;
    height: auto;
    border: 1px solid #e3e3e3;
}

.rank-ul li {
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #e3e3e3;
}

.rank-ul li:last-child {
    border-bottom: 0;
}

.rank-ul li > div {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.rank-ul li > div:nth-child(2) {
    width: 30%;
}

.rank-ul li .rank-num .rank-num-icon {
    width: 24px;
    height: 24px;
}

.rank-ul li > div:last-child {
    width: 50%;
}

.rank-ul li .progress-speed-bar {
    background: #ffb646;
}

.rank-ul li .progress-bar {
    width: 220px;
    height: 6px;
    margin: 0 20px;
}

.rate-txt {
    width: 60px;
}

/* 新增挑战赛结果查看页样式 end */

/* 覆盖选择控件单选按钮 */
xm-select > .xm-body .xm-option-icon.xm-icon-danx {
    display: none !important;
}

/* 覆盖选择控件选中项背景色 */
xm-select > .xm-body .xm-option.selected.hide-icon {
    background: #16CA82 !important;
    color: #fff !important;
}

/* 编辑按钮 */
.note-edit-btn {
    padding: 4px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background: #16CA82;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
}

.note-edit-btn i {
    margin-right: 4px;
    font-size: 12px;
    line-height: 18px;
}

.note-edit-btn:hover {
    color: #fff;
    background: #16b370;
    cursor: pointer;
}

/* 查看笔记按钮 */
.note-see-btn {
    background: #fb9d26;
    margin-right: 16px;
}

.note-see-btn:hover {
    background: #f29426;
}

/* 强制覆盖视频播放条距离底部高度，修复鼠标移入出现滚动条问题 start */
.prism-controlbar {
    bottom: 5px !important;
}

/* 强制覆盖视频播放条距离底部高度，修复鼠标移入出现滚动条问题 end */