@charset "UTF-8";
html，body {
  min-width: 1200px;
}

@media screen and (max-width: 1600px) {
  .title p:nth-child(1) {
    font-size: 36px;
  }
  .title p:nth-child(2) {
    font-size: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .title p:nth-child(1) {
    font-size: 24px;
  }
  .title p:nth-child(2) {
    font-size: 14px;
  }
}

#index .content .classtit {
  font-size: 28px;
}

#index .content .course_banner {
  margin-top: 4px;
}

.active1 {
  color: white !important;
  background-color: #1890ff !important;
}

.hytop {
  width: 100%;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 23px;
}

.hytop .more {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}

.industry {
  display: flex;
  margin-top: 43px;
  border-bottom: 1px solid #dedede;
  padding-bottom: 50px;
  margin-bottom: 30px;
}

.industry .ban_hyBottom {
  width: 470px;
  height: 538px;
  margin-left: 45px;
  background-color: #f8f8f8;
}

.industry .ban_hyBottom .txt6 {
  display: flex;
  position: relative;
  height: 54px;
  width: 420px;
  margin: 0 auto;
  align-items: center;
  border-bottom: 1px solid #ccc;
}

.industry .ban_hyBottom .txt6 .bd3 {
  z-index: 1393;
  width: 6px;
  height: 6px;
  line-height: 6px;
  background-color: #d8d8d8;
  position: absolute;
  top: 50%;
  margin-top: -3px;
}

    .industry .ban_hyBottom .txt6 span {
        display: inline-block;
        height: 18px;
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-left: 16px;
        width: 80%;
    }

    .industry .ban_hyBottom .txt6 .data1 {
        margin-left: 60px;
        flex-shrink: 0;
        width: auto;
    }

.center {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.center .ty {
  margin-top: 15px;
}

.header {
  width: 100%;
  height: 140px;
  background: #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 10;
}

.header .header_main {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.header .header_main .header_left {
  width: 286px;
  height: 60px;
  margin-top: 50px;
}

.header .header_main .header_right {
  width: 816px;
  height: 100px;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  line-height: 16px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.header .header_main .header_right .right_top {
  display: flex;
  justify-content: space-between;
  margin-left: 107px;
  align-items: center;
}

.header .header_main .header_right .right_top .search {
  width: 380px;
  height: 40px;
  line-height: 36px;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid #d8d8d8;
  position: relative;
  display: flex;
  align-items: center;
}

.header .header_main .header_right .right_top .search select option {
  border: none;
}

.header .header_main .header_right .right_top .search .Zoom {
  position: absolute;
  right: 80px;
  top: 10px;
}

.header .header_main .header_right .right_top .search select {
  border: none;
  margin-left: 20px;
}

.header .header_main .header_right .right_top .search input {
  border: none;
  border-left: 1px solid #d8d8d8;
  padding-left: 10px;
}

.header .header_main .header_right .right_top .search button {
  width: 72px;
  height: 40px;
  background: #1890ff;
  border-radius: 0px 20px 20px 0px;
  border: 1px solid #1890ff;
  position: absolute;
  top: -1px;
  right: -1px;
  color: white;
}

.header .header_main .header_right .right_top .tesk {
  display: inline-block;
  border-right: 1px solid #d8d8d8;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  padding-right: 24px;
}

.header .header_main .header_right .right_top .login {
  display: flex;
  justify-content: right;
  flex: 1;
  align-items: center;
}

.header .header_main .header_right .right_top .login .message {
  position: relative;
  margin-left: 24px;
  margin-right: 33px;
}

.header .header_main .header_right .right_top .login .message .Toast {
  width: 24px;
  height: 16px;
  color: white;
  text-align: center;
  background: #ed0000;
  border-radius: 10px;
  position: absolute;
  left: 10px;
  top: 0;
}

.right .Toast {
    width: 24px;
  
    color: white;
    text-align: center;
    background: #ed0000;
    border-radius: 10px;
  
    left: 10px;
    top: 0;
}

 

.header .header_main .header_right .right_top .login .login_go {
    display: flex;
    height: 36px;
    font-size: 12px;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #666666;
    line-height: 33px;
    position: relative;
    justify-content: right;
    position: relative;
    border-radius: 50%;
}

.header .header_main .header_right .right_top .login .login_go .readi {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}

.header .header_main .header_right .right_top .login .login_go .readi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header .header_main .header_right .right_bottpm {
  width: 816px;
  height: 16px;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  line-height: 16px;
}

.header .header_main .header_right .right_bottpm .item {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.header .header_main .header_right .right_bottpm .item .active {
  color: #1890ff;
  border-bottom: 2px solid #1890ff;
  padding-bottom: 15px;
}

.header .header_main .header_right .right_bottpm .item .list .lable:hover {
  color: #1890ff;
  border-bottom: 2px solid #1890ff;
  padding-bottom: 15px;
}

.header .header_main .header_right .right_bottpm .item .list .course_class {
  display: inline-block;
}

.header .header_main .header_right .right_bottpm .item .shishi {
  position: relative;
}

.header .header_main .header_right .right_bottpm .item .shishi .box1 {
  position: absolute;
  top: 25px;
  left: -27px;
  width: 116px;
  text-align: center;
  line-height: 38px;
  display: none;
  background-color: white;
  z-index: 66;
}

.header .header_main .header_right .right_bottpm .item .shishi .box1 .centrum {
  border-bottom: 1px solid #ccc;
}

.header .header_main .header_right .right_bottpm .item .shishi .box1 .centrum span {
  color: #333333;
  font-size: 13px;
}

.header .header_main .header_right .right_bottpm .item .shishi .box1 .centrum:last-child {
  border: 0;
}



    .header .header_main .header_right .right_bottpm .item .zixun {
        position: relative;
    }

    .header .header_main .header_right .right_bottpm .item .zixun .box2 {
        position: absolute;
        top: 25px;
        left: -27px;
        width: 116px;
        text-align: center;
        line-height: 38px;
        display: none;
        background-color: white;
        z-index: 66;
    }

    .header .header_main .header_right .right_bottpm .item .zixun .box2 .centrum {
        border-bottom: 1px solid #ccc;
    }

    .header .header_main .header_right .right_bottpm .item .zixun .box2 .centrum span {
        color: #333333;
        font-size: 13px;
    }

    .header .header_main .header_right .right_bottpm .item .zixun .box2 .centrum:last-child {
        border: 0;
    }

#course .course_banner .title {
  width: 100%;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 23px;
}

#course .course_banner .title .classtit {
  font-size: 28px;
}

#course .course_banner .title .item .list {
  margin-left: 32px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  width: 28px;
  height: 20px;
}

#course .course_banner .title .item .active {
  color: #1890ff;
}

#course .course_banner .title .more {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}

.course_center .list {
  display: flex;
  flex-wrap: wrap;
}

.course_center .list li {
  width: 282px;
  background: #ffffff;
  border-radius: 2px;
  border-bottom: 3px solid #e6e6e6;
  border-radius: 2px;
  margin-bottom: 30px;
  margin-right: 24px;
  padding-bottom: 30px;
}

.course_center .list li:hover {
  box-shadow: 0px 2px 12px 0px rgba(54, 104, 230, 0.24);
  border-radius: 2px;
  border-bottom: 3px solid #3668e6;
}

.course_center .list li a {
  display: inline-block;
}

.course_center .list li a .imgtit {
  width: 288px;
  height: 180px;
}

.course_center .list li a .imgtit img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
    .course_center .list li a .teacherimg {
        width: 282px;
        height: 330px;
    }

        .course_center .list li a .teacherimg img {
            width: 100%;
            height: 100%;
            border-radius: 3px;
        }
.course_center .list li:nth-child(4n) {
  margin-right: 0;
}

.course_center .list li .img {
  width: 282px;
  height: 180px;
}

.course_center .list li .img img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}

.course_center .list .live {
  padding-bottom: 0;
}

.center .crumbs {
  background-color: white;
}

.center .crumbs .list {
  padding: 28px 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}

.center .crumbs .list .item {
  color: rgba(0, 0, 0, 0.65);
}

.center .detail {
  position: relative;
}

.center .detail .close {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 14px;
  font-weight: 700;
  color: #666666;
}

.center .detail .close .pic {
  width: 10px;
  display: inline-block;
}

.center .detail .close .pic img {
  width: 100%;
  height: 100%;
}

.center .detail .lable2 {
  background-color: white;
  display: flex;
  border-bottom: 1px dashed #ccc;
  padding: 0 0 15px 0;
}

.center .detail .lable2 .lable_list {
  width: 58px;
  height: 32px;
  line-height: 32px;
  text-align: left;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  color: #666666;
  flex-shrink: 0;
}

.center .detail .lable2 .list {
  width: 90%;
}

.center .detail .lable2 .list .item {
  display: inline-block;
  width: 100px;
  height: 32px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.65);
  text-align: center;
}

.center .detail .lable2 .list .item:last-child {
  margin-right: auto;
}

.center .detail .lable3 {
  background-color: white;
  margin-left: 58px;
  padding: 22px 0 24px 0;
}

.center .detail .lable3 .item {
  display: inline-block;
  width: 88px;
  height: 32px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  line-height: 32px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
}

.footer {
  width: 100%;
  height: 342px;
  background-color: #2e4b90;
  margin-top: 32px;
}

.footer .fot_bot {
  width: 1200px;
  height: 68px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  line-height: 68px;
  color: white;
  opacity: 80%;
}

.footer .fot_bot .bot_rig img:nth-child(2) {
  margin-left: 10px;
}

.footer .fot_box {
  width: 1200px;
  height: 274px;
  margin: 0 auto;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: left;
  border-bottom: 1px solid white;
}

.footer .fot_box .fot_left {
  text-align: center;
  border-right: 1px solid white;
  color: white;
  opacity: 80%;
  display: flex;
  justify-content: left;
  flex: 1;
}

.footer .fot_box .fot_left .fl_box > ul li {
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: white;
}

.footer .fot_box .fot_left .fot_box > ul {
  color: #c0c0c0;
}

.footer .fot_box .fot_left .learn {
  letter-spacing: 16px;
}

    .footer .fot_box .fot_right {
        width: 80%;
        color: white;
        display: flex;
        justify-content: right;
        padding-left:40px
    }

.footer .fot_box .fot_right .fl_rig {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 95%;
  text-align: center;
}

.footer .fot_box .fot_right .fl_rig li {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 50px;
}

.footer .fot_box .fot_right .fl_rig li .footer_list {
  margin-top: 20px;
}

.footer .fot_box .fot_right .fl_rig li .footer_list li {
  font-size: 13px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #ffffff;
  line-height: 22px;
  text-align: center;
}

#enroll .navigation {
  background-color: transparent;
}

#enroll .navigation .crumbs {
  background-color: transparent;
}

#payment .crumbs {
  padding: 29px 0 14px 0;
}

#payment .course_banner {
  margin-top: 0;
  background-color: #fff;
}

#payment .course_banner .suijin {
  padding: 0 50px;
}

#payment .course_banner .payment {
  width: 1200px;
  height: 366px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#payment .course_banner .payment .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 600px;
  height: 222px;
}

#payment .course_banner .payment .item .group {
  margin-top: 24px;
  width: 184px;
  display: flex;
}

#payment .course_banner .payment .item .group .learn {
  width: 88px;
  height: 32px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

#payment .course_banner .payment .item .group .goback {
  width: 88px;
  height: 32px;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center;
}

#payment .course_banner .payment .item .active {
  color: #fff;
  background-color: #1890ff;
}

#payment .course_banner .payment .item .pay_item {
  margin: 24px 0 8px 0;
}

#payment .course_banner .title {
  width: 100%;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  margin: 0px 0 15px 0;
  padding-top: 10px;
}

#payment .course_banner .title .classtit {
  font-size: 28px;
}

#payment .course_banner .title .bold {
  font-weight: bold;
}

#payment .course_banner .bottom {
  border-bottom: 1px solid #ccc;
}

#payment .course_banner .ty_box {
  margin-top: 15px;
  padding-bottom: 15px;
}

#payment .course_banner .ty_box .list li {
  width: 252px;
  background: #ffffff;
  border-radius: 2px;
  border-bottom: 3px solid #e6e6e6;
  border-radius: 2px;
  margin-right: 30px;
  padding-bottom: 0;
}

#payment .course_banner .ty_box .list li .imgtit {
  width: 252px;
  height: 161px;
}

#payment .course_banner .ty_box .list li .imgtit img {
  height: 100%;
  width: 100%;
}

#payment .course_banner .ty_box .list li .i_box {
  margin: 0;
  padding: 0 15px;
  background-color: #f8f8f8;
}

#payment .course_banner .ty_box .list li .i_box .bot_fl {
  padding-bottom: 10px;
}

#payment .course_banner .ty_box .list li:nth-child(4n) {
  margin-right: 0;
}

.enroll_box .details {
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 32px 0;
}

.enroll_box .details .list {
  width: 1152px;
  display: flex;
  justify-content: space-between;
}

.enroll_box .details .list .title .class {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  line-height: 18px;
  margin: 0 0 16px 0;
}

.enroll_box .details .list .title .image {
  width: 282px;
  height: 180px;
}

.enroll_box .details .list .title .image img {
  width: 100%;
  height: 100%;
}

.enroll_box .details .list .depict .describe {
  margin-top: 46px;
}

.enroll_box .details .list .depict .describe .tit {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

.enroll_box .details .list .depict .describe .details1 {
  display: flex;
  justify-content: center;
  width: 846px;
  background: #f8f8f8;
  border-radius: 2px;
  margin-top: 14px;
  padding: 19px 0 17px 0;
}

.enroll_box .details .list .depict .describe .details1 .classtime {
  width: 25%;
}

.enroll_box .details .list .depict .describe .details1 .enroll {
  width: 50%;
}

.enroll_box .details .list .depict .describe .details1 .data {
  width: 20%;
}

.enroll_box .item_box {
  height: 418px;
  width: 100%;
  margin-top: 10px;
}

.enroll_box .item_box .payment {
  width: 100%;
  background-color: #fff;
  height: 100%;
}

.enroll_box .item_box .payment .title {
  width: 1150px;
  height: 120px;
  margin: 0 auto;
  border-bottom: 1px solid #dddddd;
  background-color: #fff;
  display: flex;
  align-items: center;
}

.enroll_box .item_box .payment .title .wxchat {
  margin: 0 16px 0 24px;
}

.enroll_box .item_box .payment .title .class {
  width: 72px;
  height: 18px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 18px;
}

.enroll_box .item_box .payment .title .group {
  width: 164px;
  height: 52px;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
  position: relative;
}

.enroll_box .item_box .payment .title .group .picture {
  width: 28px;
  height: 24px;
  margin: 0 12px 0 32px;
}

.enroll_box .item_box .payment .title .group .font {
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  line-height: 22px;
  margin-right: 28px;
  text-align: center;
}

.enroll_box .item_box .payment .title .group .sprite {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}

.enroll_box .item_box .payment .title .group:hover {
  border: 1px solid #1890ff;
}

.enroll_box .item_box .payment .title .active {
  border: 1px solid #1890ff;
}

.enroll_box .item_box .payment .title .active .sprite {
  display: block;
}

.enroll_box .item_box .payment .details1 .describe {
  margin: 37px 0 0 24px;
  display: flex;
}

.enroll_box .item_box .payment .details1 .describe .lk {
  width: 72px;
  height: 18px;
  font-size: 18px;
  font-weight: 600;
  color: #e40000;
  line-height: 18px;
}

.enroll_box .item_box .payment .details1 .describe .kl {
  width: 77px;
  height: 24px;
  font-size: 20px;
  font-weight: 400;
  color: #e70000;
  line-height: 24px;
  margin-left: 18px;
}

.enroll_box .item_box .payment .details1 .pay {
  text-align: center;
  width: 180px;
  height: 48px;
  background: #d21313;
  box-shadow: 0px 2px 8px 0px rgba(210, 19, 19, 0.3);
  border-radius: 2px;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  line-height: 48px;
  text-shadow: 0px 2px 8px rgba(210, 19, 19, 0.3);
  margin: 62px 0 0 115px;
}

.enroll_box .item_box .payment .details1 .pay a {
  color: #fff;
}

.center .navigation {
  height: 60px;
}

.center .navigation .list {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}

.center .navigation .list .item {
  display: flex;
  flex-wrap: nowrap;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #1890ff;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  margin-left: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.center .navigation .list .item_active {
  border: 1px solid #1890ff;
  color: 1890ff;
}

.center .navigation .list .jian {
  font-size: 16px;
  border: 1px dashed rgba(0, 0, 0, 0.15);
}

.center .navigation .list .item_box {
  width: 96px;
  height: 32px;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.center .navigation .list .item_box .img_xia {
  width: 10px;
  margin-left: 9px;
}

.center .navigation .list .ellipsis {
  border: none;
}

.mock {
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: 0;
}

.log {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -34%;
    margin-left: -256px;
    display: none;
}

#coursecenter {
  background-color: #f8f8f8;
  position: relative;
}

#coursecenter .header {
  position: static;
}

#coursecenter .kc {
  background-color: #f8f8f8;
}

#coursecenter .kc .jkjfd {
  background-color: white;
}

#coursecenter .kc .jkjfd .center {
  padding-bottom: 50px;
}

#coursecenter .kc .jkjfd .center .centerleft {
  position: relative;
}

#coursecenter .kc .jkjfd .center .left_pic {
  position: relative;
  width: 525px;
  height: 335px;
}

#coursecenter .kc .jkjfd .center .left_pic .pic {
  width: 100%;
  height: 100%;
}

#coursecenter .kc .jkjfd .center .left_pic .box {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}

#coursecenter .kc .jkjfd .center .left_pic .suspend {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
}

#coursecenter .kc .jkjfd .center .left_pic .play {
  position: absolute;
  left: 50%;
  top: 85%;
  margin-left: -48px;
  margin-top: -48px;
  display: none;
}

#coursecenter .kc .jkjfd .center .centerright {
  flex: 1;
  margin-left: 55px;
}

#coursecenter .kc .jkjfd .center .centerright .tit {
  margin: 8px 0 14px 0;
  font-size: 24px;
  font-weight: 500;
  color: #000000;
}

#coursecenter .kc .jkjfd .center .centerright .estimate {
  display: flex;
  border-bottom: 1px solid red;
  padding-bottom: 13px;
  margin-bottom: 24px;
}

#coursecenter .kc .jkjfd .center .centerright .estimate .estimat {
  width: 80px;
  height: 28px;
  background: #f8f8f8;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 18px;
  text-align: center;
  line-height: 28px;
}

#coursecenter .kc .jkjfd .center .centerright .estimate .evaluate {
  display: flex;
  height: 28px;
  line-height: 28px;
}

#coursecenter .kc .jkjfd .center .centerright .estimate .evaluate div {
  width: 20px;
  height: 20px;
}

#coursecenter .kc .jkjfd .center .centerright .estimate .evaluate div img {
  height: 100%;
  width: 100%;
}

#coursecenter .kc .jkjfd .center .centerright .throng .left {
  width: 80px;
  font-size: 16px;
  color: #111111;
  font-weight: bold;
}

#coursecenter .kc .jkjfd .center .centerright .throng .right {
  width: 96px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}

#coursecenter .kc .jkjfd .center .centerright .details1 {
  display: flex;
  display: flex;
  padding: 20px 16px;
  background-color: #f8f8f8;
  font-weight: bold;
  margin: 14px 0px;
}

#coursecenter .kc .jkjfd .center .centerright .details1 .classtime {
  width: 25%;
}

#coursecenter .kc .jkjfd .center .centerright .details1 .enroll {
  width: 50%;
}

#coursecenter .kc .jkjfd .center .centerright .details1 .data {
  width: 25%;
}

#coursecenter .kc .jkjfd .center .centerright .price {
  width: 111px;
  font-size: 14px;
  font-weight: bold;
  color: #e70000;
}

#coursecenter .kc .jkjfd .center .centerright .price .pri {
  font-size: 25px;
  font-weight: bold;
}

#coursecenter .kc .jkjfd .center .centerright .link {
  margin-top: 12px;
}

#coursecenter .kc .jkjfd .center .centerright .link a {
  display: inline-block;
  width: 180px;
  height: 48px;
  border-radius: 2px;
  border: 1px solid #1890ff;
  font-size: 18px;
  font-weight: 500;
  color: #1890ff;
  text-align: center;
  line-height: 48px;
}

#coursecenter .kc .jkjfd .center .centerright .link a:nth-child(2) {
  margin-left: 16px;
}

#coursecenter .kc .jkjfd .center .centerright .link .default {
  background-color: #1890ff;
  color: white;
}

#coursecenter .kc .jkjfd .center .centerright .link .playback {
  background-color: #ccc;
  color: white;
  border: 0;
}

#coursecenter .kc .jkjfd .center .centerright .link .active {
  width: 180px;
  height: 48px;
  background: #d21313;
  box-shadow: 0px 2px 8px 0px rgba(210, 19, 19, 0.3);
  border-radius: 2px;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  border: 1px solid red;
}

#coursecenter .kc .jkjfd .center .centerright .link .active1 {
  width: 180px;
  height: 48px;
  background: #1890ff;
  box-shadow: 0px 2px 8px 0px rgba(210, 19, 19, 0.3);
  border-radius: 2px;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}

#coursecenter .mulu {
  display: flex;
  margin-top: 24px;
}

#coursecenter .mulu .mu_left {
  width: 876px;
  background-color: white;
  position: relative;
}

#coursecenter .mulu .mu_left .left_top .headline {
  padding: 13px 46px 32px 46px;
  background-color: white;
  border-bottom: 1px solid white;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .bottom ul > li {
  margin-top: 20px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .learn {
  font-size: 16px;
  color: #111;
  font-weight: bold;
  margin-top: 30px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .lecturer .top {
  width: 784px;
  height: 346px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .lecturer .top img {
  width: 288px;
  height: 330px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item {
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip {
  display: flex;
  justify-content: right;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip span {
  margin-right: 16px;
  width: 114px;
  height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  line-height: 32px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip span small {
  color: #1890ff;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip .submit {
  width: 88px;
  height: 32px;
  background-color: #1890ff;
  color: white;
  border: 0;
  opacity: 80%;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li {
  display: flex;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li .star {
  margin-left: 15px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li .textbox {
  resize: none;
  padding: 14px 20px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip {
  display: flex;
  justify-content: right;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip span {
  margin-right: 16px;
  width: 114px;
  height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  line-height: 32px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip span small {
  color: #1890ff;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip .submit {
  width: 88px;
  height: 32px;
  background-color: #1890ff;
  color: white;
  border: 0;
  opacity: 80%;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li {
  display: flex;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li .star {
  margin-left: 15px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li .textbox {
  width: 784px;
  height: 100px;
  background-color: #f8f8f8;
  position: relative;
  border: 0;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li input::-ms-input-placeholder {
  position: absolute;
  top: 10px;
  left: 20px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li input::-webkit-input-placeholder {
  position: absolute;
  top: 10px;
  left: 20px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score {
  margin-top: 32px;
  padding-bottom: 17px;
  border-bottom: 1px dotted #dddddd;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box {
  display: flex;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .left {
  width: 52px;
  height: 52px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .left img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right {
  margin-left: 16px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right ul li {
  width: 582px;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right .revert_data {
  height: 20px;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right .revert {
  width: 716px;
  background: #f8f8f8;
  padding: 15px 22px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right .revert span {
  width: 81px;
  height: 20px;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right .revert .revert_box {
  display: flex;
  margin-top: 13px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right .revert .revert_box span {
  display: inline-block;
  width: 105px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .left {
  width: 52px;
  height: 52px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .left img {
  height: 100%;
  width: 100%;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .left_bottom {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -265px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .left_bottom .disflx {
  display: flex;
  justify-content: center;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .left_bottom .disflx a {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border: 1px solid #f8f8f8;
  margin-left: 10px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .left_bottom .disflx a:hover {
  color: #1890ff;
  border: 1px solid #1890ff;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .left_bottom .disflx .active {
  color: #1890ff;
  border: 1px solid #1890ff;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .section {
  display: flex;
  padding: 24px 18px 18px 46px;
  background-color: #f8f8f8;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .section .tit {
  margin-left: 10px;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #111111;
  line-height: 25px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .section .pic {
  width: 16px;
  height: 16px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .section .pic img {
  width: 100%;
  height: 100%;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .period .tit {
  padding: 24px 18px 18px 46px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .none {
  display: none;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .table .top {
  width: 777px;
  height: 234px;
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .table .top img {
  height: 100%;
  width: 100%;
}

#coursecenter .mulu .mu_left .left_top .headline .xuanxiang {
  border-bottom: 1px solid #ccc;
  margin-bottom: 14px;
}

#coursecenter .mulu .mu_left .left_top .headline .xuanxiang .classify {
  display: inline-block;
  width: 72px;
  height: 54px;
  font-size: 16px;
  font-weight: bold;
  color: #111111;
  line-height: 54px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

#coursecenter .mulu .mu_left .left_top .headline .xuanxiang .active {
  color: #1890ff;
}

#coursecenter .mulu .mu_left .left_top .headline .xuanxiang .active::before {
  content: '';
  position: absolute;
  width: 28px;
  height: 3px;
  background-color: #1890ff;
  bottom: -2px;
  left: calc(50% - 14px);
}

#coursecenter .mulu .mu_right {
  margin-left: 24px;
  flex: 1;
  background-color: white;
}

#coursecenter .mulu .mu_right .course_center .bottom .bold {
  display: inline-block;
  padding: 27px 0 15px 24px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 25px;
}

#coursecenter .mulu .mu_right .course_center .ty_box {
  width: 252px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
  margin: 0 auto;
}

#coursecenter .mulu .mu_right .course_center .ty_box .list {
  justify-content: center;
}

#coursecenter .mulu .mu_right .course_center .ty_box .list li {
  margin-right: 0;
  width: 252px;
  margin-bottom: 15px;
  padding-bottom: 0;
  border: 0;
}

#coursecenter .mulu .mu_right .course_center .ty_box .list li .imgtit {
  width: 252px;
  height: 160px;
}

#coursecenter .mulu .mu_right .course_center .ty_box .list li .i_box {
  padding: 15px 10px 10px 10px;
  margin: 0;
  background-color: #f8f8f8;
}

#coursecenter .mulu .mu_right .course_center .ty_box .list li .i_box .bot_fl {
  padding: 10px 0;
}

#coursecenter .midd {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45%;
  margin-left: -256px;
  display:none;
}

#coursecenter .midd .Spacing {
  margin-top: 80px;
}

    #coursecenter .mide {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -45%;
        margin-left: -256px;
        display: none;
    }

#coursecenter .mide .Spacing {
  margin-top: 80px;
}

.airtime {
  text-align: center;
  z-index: 50;
  padding: 42px 88px 70px 88px;
  background-color: white;
  opacity: 1 !important;
}

.airtime .img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 29px;
}

.airtime .img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.airtime .login {
  font-size: 24px;
  font-weight: bold;
}

.airtime .time {
  margin: 8px 0 29px 0;
  color: #000000;
  font-size: 14px;
  opacity: 45%;
}

.airtime .know {
  display: inline-block;
  width: 88px;
  height: 32px;
  background: #1890ff;
  border-radius: 2px;
  color: white;
  font-weight: bold;
  font-size: 14px;
  border: 0;
  line-height: 32px;
}

.loginup {
  width: 116px;
  display: none;
  background-color: white;
  position: absolute;
  top: 35px;
  left: -20px;
  z-index: 20;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}

.loginup .centrum {
  width: 100%;
  height: 38px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #f8f8f8;
}

.loginup .centrum span {
  width: 52px;
  height: 18px;
  font-size: 13px;
  color: #333333;
  line-height: 18px;
  font-weight: 300;
}

#livecourse .navigation {
  background-color: white;
}

#livecourse .navigation .center .lable2 {
  border-bottom: none;
}

#livecourse .course_banner {
  margin-top: 30px;
}

#livecourse .course_banner .title {
  width: 100%;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 23px;
}

#livecourse .course_banner .title .classtit {
  width: 96px;
  height: 33px;
  font-size: 24px;
  font-weight: bold;
  color: #111111;
  line-height: 33px;
}

#livecourse .course_banner .course_center .list li {
  padding-bottom: 0;
}

#livecourse .course_banner .course_center .list li .img {
  width: 282px;
  height: 180px;
}

#livecourse .course_banner .course_center .list li .img img {
  width: 100%;
  height: 100%;
}

#livecourse .course_banner .course_center .list li .i_box .enroll {
  background-color: #1890ff;
  color: white;
  width: 80px;
  height: 32px;
  line-height: 32px;
  box-shadow: 0px 2px 16px 0px rgba(24, 144, 255, 0.3), 0px 1px 8px 0px rgba(24, 144, 255, 0.16);
  border-radius: 2px;
}

#livecourse .course_banner .course_center .list li .i_box .enroll_live {
  background-color: #cccccc;
  color: white;
  width: 80px;
  height: 32px;
  line-height: 32px;
  border: 0;
  box-shadow: 0px 3px 8px 0px rgba(204, 204, 204, 0.33);
  border-radius: 2px;
}

#information .article {
  margin-top: 38px;
}

#information .article .article_top {
  border-bottom: 1px solid #ccc;
  text-align: center;
}

#information .article .article_top .title .tit {
  font-size: 32px;
  font-weight: bold;
  color: #111111;
  line-height: 45px;
}

#information .article .article_top .title .data1 {
  padding: 20px 0 17px 0;
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  line-height: 20px;
}

#information .article .article_top .title .data1 .source {
  padding-left: 58px;
}

#information .article .article_tbottom {
  margin: 0 auto;
}

#information .article .article_tbottom .article_img {
  width: 760px;
  height: 390px;
  margin: 0 auto;
  padding: 40px 0 25px 53px;
}

#information .article .article_tbottom .article_img img {
  height: 100%;
  width: 100%;
}

#information .article .article_tbottom .article_text {
  text-align: left;
}

#information .article .article_tbottom p {
  margin-top: 25px;
  font-size: 16px;
  font-weight: 400;
  color: #111111;
}

#information .article .article_tbottom .navigation {
  display: flex;
  justify-content: space-between;
  padding: 22px 0;
  border-top: 1px solid #ccc;
  margin-top: 30px;
}

#information .footer {
  margin-top: 62px;
}

#policy .navigation .center .lable2 {
  border: 0;
}

#policy .content {
  display: flex;
}

#policy .content .ban_hyTtop {
  /*width: 876px;*/
  padding-bottom: 100px;
}

#policy .content .ban_hyTtop .hytop {
  padding: 20px 0 20px 0;
  background-color:#d8d8d8;
}

#policy .content .ban_hyTtop .hytop .classtit {
  font-size: 24px;
  font-weight: bold;
  color: #111111;
  line-height: 33px;
}

#policy .content .ban_hyTtop .hybot {
  margin-top: 0;
  padding: 32px 32px 20px 0px;
  background-color: white;
}

#policy .content .right {
  margin-left: 24px;
  flex: 1;
}

#policy .content .right .tit {
  padding: 36px 0 20px 0;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 33px;
  font-size: 24px;
}

#policy .content .right .list {
  width: 300px;
  height: 940px;
  background-color: #fff;
  padding: 32px 24px 0 24px;
}

#policy .content .right .list .item .item_box {
  margin-bottom: 20px;
}

#policy .content .right .list .item .item_box a .hezi {
  position: relative;
  padding-bottom: 18px;
  border-bottom: 1px solid #ddd;
}

#policy .content .right .list .item .item_box a .hezi .bot {
  width: 6px;
  height: 6px;
  background: #d8d8d8;
  display: inline-block;
  position: absolute;
  top: 7px;
}

#policy .content .right .list .item .item_box a .hezi .titx {
  width: 237px;
  height: 44px;
  font-weight: bold;
  color: #333333;
  line-height: 22px;
  display: inline-block;
  margin-left: 18px;
  margin-bottom: 8px;
  font-size: 16px;
}

#policy .content .right .list .item .item_box a .hezi .data {
  width: 40px;
  height: 18px;
  font-size: 14px;
  font-weight: bold;
  color: #888888;
  margin-left: 18px;
  line-height: 18px;
}

#policy .footer {
  margin-top: 50px;
}

.magin {
  margin-left: 5px;
}

#teacher .teacher {
  padding-bottom: 50px;
}

#teacher .teacher .crumbs .list {
  padding-bottom: 14px;
}

#teacher .teacher .bottom {
  display: flex;
}

#teacher .teacher .bottom .left {
  width: 288px;
  height: 330px;
}

#teacher .teacher .bottom .left img {
  width: 100%;
  height: 100%;
}

#teacher .teacher .bottom .right {
  font-size: 16px;
  color: #111111;
  margin-left: 45px;
  flex: 1;
  padding-top: 8px;
}

#teacher .teacher .bottom .right .name {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
}

#teacher .teacher .bottom .right .name .zheda {
  font-size: 14px;
  color: #666666;
  margin-left: 10px;
}

#teacher .teacher .bottom .right .details {
  margin: 25px 0 30px 0;
}

#teacher .suijin .bottom {
  padding: 42px 0 28px 0;
}

#teacher .suijin .bottom .bold {
  font-weight: bold;
  color: #111111;
  font-size: 24px;
}

#teacher .suijin .ty_box .list li {
  padding-bottom: 0;
}

#teacher .suijin .ty_box .list li .i_box {
  margin: 0;
  padding: 0 14px;
}

#teacher .suijin .ty_box .list li .i_box .title {
  padding-top: 24px;
  padding-bottom: 22px;
}

#teacher .suijin .ty_box .list li .i_box .bot_fl {
  padding-bottom: 24px;
}

#expert .expert .center .crumbs {
  background-color: #f8f8f8;
}

#expert .suijin .bold {
  font-size: 24px;
  font-weight: bold;
  color: #111111;
}

#expert .suijin .ty_box {
  margin-top: 28px;
}

#expert .suijin .ty_box .list li {
  padding-bottom: 0;
}

#expert .suijin .ty_box .list li .i_box {
  padding: 24px 14px;
  margin: 0;
}

#expert .suijin .ty_box .list li .i_box .title {
  font-size: 18px;
  font-weight: bold;
  color: #111111;
}

#expert .suijin .ty_box .list li .i_box .title .position {
  font-size: 14px;
  font-weight: 300;
  color: #666666;
}

#expert .suijin .ty_box .list li .i_box .bot_fl {
  padding: 26px 0 0 0;
  display: block;
}

#expert .suijin .ty_box .list li .i_box .bot_fl .class {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #1890ff;
}

#expert .suijin .ty_box .list li .i_box .bot_fl .class .more {
  width: 80px;
  height: 32px;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #1890ff;
  font-weight: 400;
  color: #1890ff;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
}

.classtit {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
}

.z_header .header {
  height: 110px;
}

.z_header .header .header_main {
  height: 100%;
}

.z_header .header .header_main .header_left {
  width: 530px;
  display: flex;
  align-items: center;
  height: 100%;
  margin-top: 0;
}

.z_header .header .header_main .header_left .img {
  width: 180px;
  height: 50px;
}

.z_header .header .header_main .header_left .img img {
  width: 100%;
  height: 100%;
}

.z_header .header .header_main .header_left .navigation {
  margin-left: 30px;
}

.z_header .header .header_main .header_left .navigation .term {
  width: 320px;
  height: 16px;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  margin-right: 20px;
}

.z_header .header .header_main .header_right {
  margin-top: -5px;
  margin-left: 50px;
  flex: 1;
}

.z_header .header .header_main .header_right .right_top {
  margin-top: 37px;
  margin-left: 0;
}

.z_header .header .header_main .header_right .right_top .search {
  width: 320px;
}

.footer {
  height: 307px;
}

.footer .fot_box {
  height: 231px;
  border-bottom: 1px solid #c0c0c0;
}

.footer .fot_box .fot_left {
  text-align: left;
  flex: 1;
  opacity: 100%;
  border: 0;
}

.footer .fot_box .fot_left .fl_box .spscing {
  font-size: 24px;
}

.footer .fot_box .fot_left .fl_box .line {
  padding: 15px 0;
}

.footer .fot_box .fot_left .fl_box .left {
  font-size: 16px;
}

.footer .fot_box .fot_left .fl_box .left a {
  margin-right: 40px;
  color: white;
}

.footer .fot_box .fot_right {
  width: 72%;
  justify-content: space-between;
  align-items: center;
  opacity: 80%;
  border-left: 1px solid #c0c0c0;
}

.footer .fot_box .fot_right .contact {
  margin-left: 48px;
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
}

.footer .fot_box .fot_right .contact .address {
  padding: 14px 0;
}

.footer .fot_box .fot_right .contact img {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.footer .fot_box .fot_right .weima {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 80%;
}

.footer .fot_bot {
  align-items: center;
  height: 76px;
}

.footer .fot_bot .bot_rig .ref {
  color: white;
  text-decoration-line: underline;
  opacity: 80%;
}

#z_curriculum .course_banner .course_center .title {
  width: 100%;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 23px;
}

#z_curriculum .course_banner .course_center .title .classtit {
  font-size: 28px;
}

#z_curriculum .course_banner .course_center .title .item .list {
  margin-left: 32px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  width: 28px;
  height: 20px;
}

#z_curriculum .course_banner .course_center .title .item .active {
  color: #1890ff;
}

#z_curriculum .course_banner .course_center .ty_box .list li {
  padding-bottom: 0;
}

#z_curriculum .course_banner .course_center .ty_box .list li .i_box {
  padding: 24px 14px 30px 14px;
  margin: 0;
}

#z_curriculum .course_banner .course_center .ty_box .list li .i_box .title {
  padding-bottom: 0;
}

#z_curriculum .course_banner .course_center .ty_box .list li .i_box .star {
  width: 282px;
  padding-top: 24px;
  padding-bottom: 0;
  display: flex;
  justify-content: space-between;
}

#z_coursecenter .kc {
  background-color: #f8f8f8;
}

#z_coursecenter .kc .jkjfd {
  background-color: white;
}

#z_coursecenter .kc .jkjfd .center {
  padding-bottom: 50px;
}

#z_coursecenter .kc .jkjfd .center .centerleft {
  position: relative;
}

#z_coursecenter .kc .jkjfd .center .left_pic {
  position: relative;
  width: 525px;
  height: 335px;
}

#z_coursecenter .kc .jkjfd .center .left_pic .pic {
  width: 100%;
  height: 100%;
}

#z_coursecenter .kc .jkjfd .center .left_pic .box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#z_coursecenter .kc .jkjfd .center .left_pic .suspend {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
}

#z_coursecenter .kc .jkjfd .center .left_pic .play {
  position: absolute;
  left: 50%;
  top: 85%;
  margin-left: -48px;
  margin-top: -48px;
}

#z_coursecenter .kc .jkjfd .center .centerright {
  flex: 1;
  margin-left: 55px;
}

#z_coursecenter .kc .jkjfd .center .centerright .tit {
  margin: 8px 0 14px 0;
  font-size: 24px;
  font-weight: 500;
  color: #000000;
}

#z_coursecenter .kc .jkjfd .center .centerright .estimate {
  display: flex;
  border-bottom: 1px solid #ccc;
  padding-bottom: 13px;
  margin-bottom: 27px;
}

#z_coursecenter .kc .jkjfd .center .centerright .estimate .estimat {
  width: 80px;
  height: 28px;
  background: #f8f8f8;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 18px;
  text-align: center;
  line-height: 28px;
}

#z_coursecenter .kc .jkjfd .center .centerright .estimate .evaluate {
  display: flex;
  height: 28px;
  line-height: 28px;
}

#z_coursecenter .kc .jkjfd .center .centerright .estimate .evaluate div {
  width: 20px;
  height: 20px;
}

#z_coursecenter .kc .jkjfd .center .centerright .estimate .evaluate div img {
  height: 100%;
  width: 100%;
}

#z_coursecenter .kc .jkjfd .center .centerright .throng .left {
  width: 80px;
  font-size: 16px;
  color: #111111;
  font-weight: bold;
}

#z_coursecenter .kc .jkjfd .center .centerright .throng .right {
  width: 96px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}

#z_coursecenter .kc .jkjfd .center .centerright .details1 {
  display: flex;
  display: flex;
  padding: 18px 16px;
  background-color: #f8f8f8;
  font-weight: bold;
  margin: 16px 0px;
}

#z_coursecenter .kc .jkjfd .center .centerright .details1 .enroll {
  width: 25%;
}

#z_coursecenter .kc .jkjfd .center .centerright .details1 .classtime {
  width: 50%;
}

#z_coursecenter .kc .jkjfd .center .centerright .details1 .data {
  width: 25%;
}

#z_coursecenter .kc .jkjfd .center .centerright .price {
  width: 111px;
  font-size: 14px;
  font-weight: bold;
  color: #e70000;
}

#z_coursecenter .kc .jkjfd .center .centerright .price .pri {
  font-size: 25px;
  font-weight: bold;
}

#z_coursecenter .kc .jkjfd .center .centerright .link {
  margin-top: 73px;
}

#z_coursecenter .kc .jkjfd .center .centerright .link a {
  display: inline-block;
  width: 180px;
  height: 48px;
  border-radius: 2px;
  border: 1px solid #1890ff;
  font-size: 18px;
  font-weight: 500;
  color: white;
  text-align: center;
  line-height: 48px;
  background-color: #1890ff;
}

#z_coursecenter .kc .jkjfd .center .centerright .link a:nth-child(2) {
  margin-left: 16px;
}

#z_coursecenter .kc .jkjfd .center .centerright .link .default {
  background-color: #1890ff;
  color: white;
}

#z_coursecenter .kc .jkjfd .center .centerright .link .playback {
  background-color: #ccc;
  color: white;
  border: 0;
}

#z_coursecenter .mulu {
  display: flex;
  margin-top: 24px;
}

#z_coursecenter .mulu .mu_left {
  width: 876px;
  height: 1088px;
  background-color: white;
  position: relative;
}

#z_coursecenter .mulu .mu_left .left_top .headline {
  padding: 13px 46px 32px 46px;
  background-color: white;
  border-bottom: 1px solid white;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .bottom ul > li {
  margin-top: 20px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .learn {
  font-size: 16px;
  color: #111;
  font-weight: bold;
  margin-top: 30px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .lecturer .top {
  width: 784px;
  height: 346px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .lecturer .top img {
  width: 100%;
  height: 100%;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item {
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip {
  display: flex;
  justify-content: right;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip span {
  margin-right: 16px;
  width: 114px;
  height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  line-height: 32px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip span small {
  color: #1890ff;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip .submit {
  width: 88px;
  height: 32px;
  background-color: #1890ff;
  color: white;
  border: 0;
  opacity: 80%;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li {
  display: flex;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li .star {
  margin-left: 15px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li .textbox {
  resize: none;
  padding: 14px 20px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip {
  display: flex;
  justify-content: right;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip span {
  margin-right: 16px;
  width: 114px;
  height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  line-height: 32px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip span small {
  color: #1890ff;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul .tip .submit {
  width: 88px;
  height: 32px;
  background-color: #1890ff;
  color: white;
  border: 0;
  opacity: 80%;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li {
  display: flex;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li .star {
  margin-left: 15px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li .textbox {
  width: 784px;
  height: 100px;
  background-color: #f8f8f8;
  position: relative;
  border: 0;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li input::-ms-input-placeholder {
  position: absolute;
  top: 10px;
  left: 20px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .bottom .item ul li input::-webkit-input-placeholder {
  position: absolute;
  top: 10px;
  left: 20px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score {
  margin-top: 32px;
  padding-bottom: 17px;
  border-bottom: 1px dotted #dddddd;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box {
  display: flex;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .left {
  width: 52px;
  height: 52px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .left img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right {
  margin-left: 16px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right ul li {
  width: 582px;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right .revert_data {
  height: 20px;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right .revert {
  width: 716px;
  background: #f8f8f8;
  padding: 15px 22px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right .revert span {
  width: 81px;
  height: 20px;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right .revert .revert_box {
  display: flex;
  margin-top: 13px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .right .revert .revert_box span {
  display: inline-block;
  width: 105px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .left {
  width: 52px;
  height: 52px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .review .list .score .score_box .left img {
  height: 100%;
  width: 100%;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .left_bottom {
  position: absolute;
  bottom: 80px;
  left: 50%;
  margin-left: -120px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .left_bottom .disflx {
  display: flex;
  justify-content: center;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .left_bottom .disflx a {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border: 1px solid #f8f8f8;
  margin-left: 10px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .left_bottom .disflx a:hover {
  color: #1890ff;
  border: 1px solid #1890ff;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .left_bottom .disflx .active {
  color: #1890ff;
  border: 1px solid #1890ff;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .table .top {
  width: 777px;
  height: 234px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .showkuai .table .top img {
  height: 100%;
  width: 100%;
}

#z_coursecenter .mulu .mu_left .left_top .headline .title {
  margin-top: 1px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .title .section {
  display: flex;
  padding: 24px 18px 18px 46px;
  background-color: #f8f8f8;
}

#z_coursecenter .mulu .mu_left .left_top .headline .title .section .tit {
  margin-left: 10px;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #111111;
  line-height: 25px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .title .section .pic {
  width: 18px;
  height: 18px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .title .section .pic img {
  width: 100%;
  height: 100%;
}

#z_coursecenter .mulu .mu_left .left_top .headline .title .period .tit {
  padding: 24px 18px 18px 46px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

#z_coursecenter .mulu .mu_left .left_top .headline .title .none {
  display: none;
}

#z_coursecenter .mulu .mu_left .left_top .headline .xuanxiang {
  border-bottom: 1px solid #ccc;
  margin-bottom: 14px;
}

#z_coursecenter .mulu .mu_left .left_top .headline .xuanxiang .classify {
  display: inline-block;
  width: 72px;
  height: 54px;
  font-size: 16px;
  font-weight: bold;
  color: #111111;
  line-height: 54px;
  text-align: center;
  position: relative;
}

#z_coursecenter .mulu .mu_left .left_top .headline .xuanxiang .active {
  color: #1890ff;
}

#z_coursecenter .mulu .mu_left .left_top .headline .xuanxiang .active::before {
  content: '';
  position: absolute;
  width: 28px;
  height: 3px;
  background-color: #1890ff;
  bottom: -2px;
  left: calc(50% - 14px);
}

#z_coursecenter .mulu .mu_right {
  margin-left: 24px;
  flex: 1;
}

#z_coursecenter .mulu .mu_right .course_center {
  background-color: white;
  padding-bottom: 10px;
}

#z_coursecenter .mulu .mu_right .course_center .bottom .bold {
  display: inline-block;
  padding: 27px 0 15px 24px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 25px;
}

#z_coursecenter .mulu .mu_right .course_center .ty_box {
  width: 252px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
  margin: 0 auto;
}

#z_coursecenter .mulu .mu_right .course_center .ty_box .list {
  justify-content: center;
}

#z_coursecenter .mulu .mu_right .course_center .ty_box .list li {
  margin-right: 0;
  width: 252px;
  margin-bottom: 16px;
  padding-bottom: 0;
  border: 0;
}

#z_coursecenter .mulu .mu_right .course_center .ty_box .list li .imgtit {
  width: 252px;
}

#z_coursecenter .mulu .mu_right .course_center .ty_box .list li .i_box {
  padding: 15px 10px 0 10px;
  margin: 0;
  background-color: #f8f8f8;
}

#z_coursecenter .mulu .mu_right .course_center .ty_box .list li .i_box .bot_fl {
  padding: 10px 0;
}

#z_coursecenter .mulu .mu_right .course_center .ty_box .list li .i_box .bot_fl .star {
  padding: 7px 0 10px 0;
}

#z_coursecenter .midd {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45%;
  margin-left: -256px;
  display: none;
}

#z_coursecenter .midd .Spacing {
  margin-top: 80px;
}

#z_corporatenews .z_header .content .trade .ban_hyTtop .hytop {
  padding: 0;
}

#z_corporatenews .z_header .content .trade .ban_hyTtop .hybot {
  margin-top: 28px;
}

#z_corporatenews .z_header .content .trade .ban_hyTtop .hybot .item_right {
  padding: 10px 0;
}

#z_corporatenews .z_header .content .trade .ban_hyTtop .hybot .item_right .title_no {
  margin-top: 0;
}

#z_corporatenews .z_header .content .trade .ban_hyTtop .hybot .item_right .p2 {
  width: 100%;
  font-size: 14px;
  color: #666666;
}

#z_corporatenews .z_header .center .navigation {
  width: 1200px;
  height: 60px;
  background-color: #f8f8f8;
  margin-top: 50px;
}

#z_corporatenews .z_header .center .navigation .list {
  background-color: transparent;
}

#z_about .z_header .header_left {
  width: 530px;
}

#z_about .z_header .header_left .navigation .term {
  margin-right: 20px;
}

#z_about .z_header .header_right {
  flex: 1;
  margin-top: -5px;
  margin-left: 50px;
}

#z_about .z_header .header_right .right_top {
  margin-left: 0;
}

#z_about .z_header .header_right .right_top .search {
  width: 320px;
}

#z_about .z_header .article {
  margin-top: 38px;
}

#z_about .z_header .article .article_top {
  text-align: center;
}

#z_about .z_header .article .article_top .title .tit {
  font-size: 32px;
  font-weight: bold;
  color: #111111;
  line-height: 45px;
}

#z_about .z_header .article .article_tbottom {
  margin: 0 auto;
}

#z_about .z_header .article .article_tbottom .article_img {
  width: 1200px;
  height: 424px;
  margin: 0 auto;
  margin: 35px 0 48px 0;
}

#z_about .z_header .article .article_tbottom .article_img img {
  height: 100%;
  width: 100%;
}

#z_about .z_header .article .article_tbottom .article_text {
  text-align: left;
  border: 0;
}

#z_about .z_header .article .article_tbottom p {
  margin-top: 25px;
  font-size: 16px;
  font-weight: 400;
  color: #111111;
}

#z_about .z_header .article .article_tbottom .navigation {
  display: flex;
  justify-content: space-between;
  padding: 22px 0;
}

#z_about .z_header .footer {
  margin-top: 62px;
}

#search .content .trade .ban_hyTtop {
  background-color: white;
  padding: 32px;
  margin-top: 28px;
}

#search .content .trade .ban_hyTtop .hytop {
  padding: 0;
}

#search .content .trade .ban_hyTtop .hybot {
  margin-top: 0px;
}

#search .content .trade .ban_hyTtop .hybot .item_right {
  padding: 10px 0;
}

#search .content .trade .ban_hyTtop .hybot .item_right .title_no {
  margin-top: 0;
}

#search .content .trade .ban_hyTtop .hybot .item_right .p2 {
  width: 90%;
  font-size: 14px;
  color: #666666;
}

#search .center .navigation {
  width: 1200px;
  height: 60px;
  background-color: #fff;
  margin-top: 20px;
}

#search .center .navigation .list {
  background-color: transparent;
}

#search .expert .crumbs {
  background-color: transparent;
}

#search .result {
  font-size: 18px;
  font-weight: bold;
  color: #111111;
}

#search .footer {
  margin-top: 20px;
}

#searchcourses .expert .crumbs {
  background-color: transparent;
}

#searchcourses .course_center .list li {
  border: none;
}

#searchcourses .mu_right .ty_box .list li {
  padding-bottom: 0;
}

#searchcourses .mu_right .ty_box .list li .i_box {
  padding: 24px 14px;
  margin: 0;
}

#searchcourses .mu_right .ty_box .list li .i_box .bot_fl {
  margin-top: 20px;
}

#searchcourses .result {
  font-size: 18px;
  font-weight: bold;
  color: #111111;
  margin-bottom: 30px;
}

#case .content .trade .ban_hyTtop .hybot .item_right {
  padding: 8px 0;
}

#case .content .trade .ban_hyTtop .hybot .item_right .title_no {
  margin-top: 0;
}

#case .content .trade .ban_hyTtop .hybot .item_right .p2 {
  width: 90%;
}

#mechanism .navigation .crumbs {
  background-color: transparent;
}

#mechanism .center .title {
  padding-bottom: 28px;
}

#mechanism .center .title span {
  font-size: 24px;
  font-weight: bold;
  color: #111111;
}

#mechanism .center .list {
  display: flex;
  flex-wrap: wrap;
}

#mechanism .center .list a {
  margin-right: 20px;
  margin-bottom: 20px;
}

#mechanism .center .list a:hover {
  box-shadow: 0px 2px 12px 0px #ccc;
}

#mechanism .center .list a p {
  width: 224px;
  height: 108px;
}

#mechanism .center .list a p img {
  height: 100%;
  width: 100%;
}

#mechanism .center .list a p .shadow {
  box-shadow: 0px 2px 12px 0px rgba(12, 58, 173, 0.2);
}

#mechanism .center .list a:nth-child(5n) {
  margin-right: 0;
}

#mechanism .navigation .list a {
  margin-bottom: 0;
}

#tutpr .expert .crumbs {
  background-color: transparent;
}

#tutpr .searchinp .box {
  width: 470px;
  height: 40px;
  background-color: white;
  line-height: 40px;
  margin: 0 auto;
}

#tutpr .searchinp .box select {
  border: none;
  margin-left: 20px;
}

#tutpr .searchinp .box .search1 {
  border: none;
  margin-left: 20px;
  width: 256px;
}

#tutpr .searchinp .box button {
  width: 79px;
  height: 40px;
  border: none;
  background-color: #1890ff;
  color: white;
}

#tutpr .table {
  width: 1200px;
  height: 675px;
  background-color: white;
  margin: 0 auto;
  margin-top: 20px;
}

#tutpr .table .box {
  padding: 24px 40px;
}

#tutpr .table .box .title {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #d8d8d8;
}

#tutpr .table .box .title .tit {
  display: inline-block;
  font-size: 16px;
  width: 140px;
  font-weight: bold;
  color: #111111;
  height: 44px;
  line-height: 44px;
  text-align: center;
}

#tutpr .table .box .content {
  margin-top: 10px;
}

#tutpr .table .box .content .list {
  display: flex;
  justify-content: space-around;
}

#tutpr .table .box .content .list .item {
  display: inline-block;
  height: 40px;
  width: 140px;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  text-align: center;
}

#tutpr .table .box .content .list:nth-child(odd) {
  background-color: #f8f8f8;
}

#tutpr .navigation {
  margin-top: 10px;
}

#video {
  position: relative;
  overflow: hidden;
  /* --- top --- */
  /* --- share --- */
  /* --- scrollbar --- */
  /* --- marquee --- */
  /* --- lazyload --- */
  /* --- picture --- */
  /* --- video --- */
  /* --- acp --- */
  /* --- dialog --- */
  /* --- page --- */
  /* --- fullpage --- */
  /* --- notice --- */
  /* --- loading --- */
}

#video .video_side .top .img {
  width: 20px;
  height: 20px;
  line-height: 33px;
  display: flex;
}

#video .video_side .top img {
  width: 100%;
  height: 100%;
}

#video .video_side .side {
  position: absolute;
  z-index: 66;
  top: 0;
  right: 0;
  width: 360px;
  background-color: #111724;
}

#video .video_side .side .top_side {
  /*height: 125px;*/
  padding: 28px 32px;
  display: flex;
  position: relative;
}

#video .video_side .side .top_side .left {
  width: 160px;
  height: 86px;
  padding: 10px 0;
  color: #fff;
}

#video .video_side .side .top_side .right {
  width: 117px;
  height: 86px;
  flex: 1;
}

#video .video_side .side .top_side .right img {
  height: 100%;
  width: 100%;
}

#video .video_side .side .content .tit {
  width: 360px;
  height: 52px;
  background: #243352;
  border-radius: 1px;
  line-height: 52px;
}

#video .video_side .side .content .tit .pic {
  padding: 0 8px 0 32px;
}

#video .video_side .side .content .tit span {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}

#video .video_side .side .content .list .top_con {
  width: 360px;
 min-height: 52px;
  background: #1d263c;
  border-radius: 1px;
  line-height: 52px;
  padding-left: 24px;
  position: relative;
  display:flex;
  align-items:center;
}

    #video .video_side .side .content .list .bottom {
        overflow-y: auto;
        padding-bottom: 5px;
        scrollbar-width: thin;
        
        max-height: calc(100vh - 250px);
    }
        #video .video_side .side .content .list .bottom::-webkit-scrollbar {
            width:2px;
        }
        #video .video_side .side .content .list .bottom::-webkit-scrollbar-thumb {
            
        }
            #video .video_side .side .content .list .top_con span {
            /*height: 22px;*/
            font-size: 16px;
            font-weight: bold;
            color: #ffffff;
            line-height: 22px;
            opacity: 1;
        }

#video .video_side .side .content .list .top_con .cir {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #182136;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  margin: 0 10px 0 14px;
  position: absolute;
  top: calc(50% - 12px);
  left: 55px;
}

#video .video_side .side .content .list .top_con .zj {
  padding-right: 25px;
  border-right: 1px solid #31446c;
  height: 52px;
  line-height: 52px;
  display: inline-block;
  white-space:nowrap;
}

#video .video_side .side .content .list .top_con .hjjh {
  margin-left: 20px;
  padding:10px;
}

#video .video_side .side .content .list .bottom .class {
  min-height: 40px;
  border-radius: 1px;
  padding-left: 24px;
  line-height: 40px;
  position: relative;
  display:flex;
  align-items:center;
}

#video .video_side .side .content .list .bottom .class .hour {
  padding-right: 21px;
  border-right: 1px solid white;
  height: 40px;
  line-height: 40px;
  width:58px;
}

#video .video_side .side .content .list .bottom .class span {
  /*height: 20px;*/
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  opacity: 50%;
  display: inline-block;
  max-width:250px;
}

#video .video_side .side .content .list .bottom .class .cir {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #182136;
  display: inline-block;
  text-align: center;
  line-height: 16px;
  border: 1px solid #31446c;
  margin: 0 10px 0 14px;
  position: absolute;
  top:calc(50% - 6px);
  left: 59px;
  font-size:12px;
  opacity: 1;
}

#video .video_side .side .content .list .bottom .class .classification {
  margin-left: 16px;
  padding:5px;
}

    #video .video_side .side .content .list .bottom .class .classificationc {
        margin-left: 16px;
        opacity: 1;
        padding: 5px;
    }

#video main {
  display: block;
}

#video .jmn-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#video .jmn-noscroll {
  position: relative;
  overflow: hidden;
  height: 100%;
}

#video .jmn-top-a {
  width: 40px;
  height: 35px;
  border-radius: 2px;
  background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAABsFBMVEUAAADa2trT09PMzMzGxsYgICD29vb////9/f1bW1saGhpMTExiYmLx8fExMTFqamqcnJwjIyOrq6sPDw8ICAhBQUFzc3MlJSWXl5eJiYnt7e0RERHu7u4DAwNubm7g4OBnZ2egoKDZ2dmZmZkZGRmLi4sSEhK9vb0LCwt9fX22trYEBAQ9PT2vr6/o6OgvLy+hoaGampohISGTk5OMjIzFxcX+/v4TExO+vr4MDAxFRUW3t7c+Pj6wsLA3Nzepqani4uLb29spKSmbm5vU1NRUVFQUFBRNTU2Ghoa/v78NDQ1GRka4uLgGBgY/Pz+xsbE4ODiqqqpjY2PV1dUcHBxVVVWOjo5OTk75+fkODg65ubl5eXnr6+tycnLk5OQyMjJra2ukpKTd3d0rKyvW1tbPz8+Pj4/IyMjBwcH6+vqBgYG6urp6enrs7Ozl5eVsbGze3t4sLCxeXl4eHh5XV1f7+/sQEBBJSUmCgoK7u7v09PQJCQl7e3u0tLQCAgI7Ozvm5ubf398tLS2fn5/Y2NjR0dGRkZHKysoYGBiDg4P19fVDQ0N8fHy1tbWurq7n5+et4WLMAAABxklEQVR42u3VVXMUURQE4IZILxFCEuIJGtwluDsEd3eHYMHdXf4yW12prUpFdjczdwaq+nuYhzlzTs9bw8zMzMzMzMzMzMz+c8/IQ21Iz0lmfRyPtNRRviAlm9lnBlKxlDnzkIKXlON6fkDizlN+bKJcRcLGUCYAlZSbSNR2yizoX+QMErSXchRSQ6lCYsYuU+I49DlF2YqENJUrrw45LZRVSERFj9JuASLNlHVIwIl3yrqGfi7o5aNLCG7OaEVt2YP+ful1ey9CK1XQhscDBtc1OBu6nHcrprUCA7y+otGosOW8XiHlTRjEzHsaliCgqZRzGNS2P5quQDAtlAYMoaxa830I5DblGIb0PqMvFiKIGsoDDOMN5XPQAh7WE8o3xK6S8hN5PKQ0ImZrKNOQ1yTKwZgLOJMr4LwaKUcQo9rvunkABXlK6UZsOlt1cTUKtISyHzGpn6h7XSjYZC3cuI9YdKiA+akDhVurleqyGAv44i4UY6eW7ixHdK906vRXFKeEKueViOquDj2vRZFeTNHiIkT1m1mZBSja9LfM2oioqpg1FyNwuJ1kMyLbMf9yA0ZkcSln18PMzMzMzMzMzMzMzOxf9xe+zzOxzO9MuQAAAABJRU5ErkJggg==);
}

#video .jmn-top-b {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  box-shadow: #BBB 0 0 5px;
  background-color: #AAA;
  background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAACslBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+D/333AAAA5XRSTlMA/PkC6vv9AzWs9vj3/gYYEgUE8zT1qwH6FQkMFhSvpvIIE5YbmOmtlXagevHvbey7cByR2B7weAuqD2UQl7ySaYgdJ9FeR3x1IEQpwyrMrtZo5TAR7ULhbolLuTqCf3fGs0gOaufcylnu5HLHjlQi3mAofiXPGb7N11bbO0B9jBroo1CklGT0bJrmUsUNsiOZsHErXbfA38k9U4VmJnvjor0fQ9SdLp8yc5xbgSE+Co+4wkGoRixvp0XVSS+6mySL3eLIqWtVF+Bfg8sHjbG2oYe/TbSAWjyQ0mPEijNRNj83SmFXb2n4ZQAABQxJREFUeNq11vVfG0kcxvEnCRtKHEgIwV0Op0hxKVak1BUoVeru7u21vcrV3Xvt1c7d3d3dvv/HEbK0BMJkkuy+f9xs8nlNZmZnwSnIVD28rmHRTxXTOzvL4xcNvXDGfDciFhKy/b74t+N56ZpQQaGgbgpBEaq1XGyOX/bXEhWkYKxLDTmpJJcUGb9O/uE8fBTUlhPlR0zK5hU7IuGDTRVvE4f0gNFx8I5hQuI7xEmdXRkOL7zQmkQeCD2wGJ4yFU4kDxVEv+bZfNed0JLn5tyKAzfbBT/yijZ6JTg1FSnIWzWvgktjDfnAr3AY3Ns/kXyTWAw3AmeNIV8ljgOT6vF08l2RDQz+OeNJCq2sedldQNLY9RgGM2MMSaXiM7i2cQNJRtirgivG10lCEyfAhdgqktQ3IzDQmSyS1pPh6G/4KpKYrgT9hMWT5EYlwFldDEnvLTgJyiYZZLWhr1oNySHKgIeKF5IsCmbgoRKBeG07tWaVmng94o9ekWuIV/S3R6+MbdcSp30vo9doC/HRp5hgN0lHnFJUcPB/gvsrYXDIURKfdWY43HyFcxyJpejVwFuphMOLxEV4NBIPGKYFE5ftjuMrLoCz4fR+YCjkq+xrhN2E+cTjcCmc+KcJxKMBdpV64nB9HPpLU3BtlZkADIu4bjVhIK6x1LQAuHLCk0YQ+rBu5qhYGgHcy+Jo2MR5+OUougVmikerqiOU3LoF4Laa3FB/ZRRXVMf8tp7I1MuHxLPue537YzgMWOC2cSkCPWKn6WKG9AwoiqaPECvtSnJjoRH33T5Tdop7MDBVR0mOSAjR9Fzx6llyY2k+4rKJrejD3nfxYCI/R8S+fQ9GiNe/JjbNTeTnEVOIUZzzzHnkFKEosWKoYs+q9j8sD+ZqYG8G9YtQq/hZ4GQFMzIXLVpieG4rHDIzaECEjiT0joW1koU0LGe9QjzzprgFJxWQiwgFiJXwz9WM1RkPM2OhK9eL/8ekGHIZoaLV4vsnY2YVQ3Gbsc6Dh6BHZQwNEqGQONhFRDEjxxgRXSPsSrJo0AhFh6Nb9bvMyD3WcyF5CRD7fhIxIrQzHwhLVTIjTayJ15efqy0LJmaEskfXJrL2gToFTTpiUQtErIh4D4twBy1KYmNE+CiXYcQcuSPaWkQ0yx3R/Y3wS3JHZt+FtV7uSJcROKeXMyJu1xkamSN3VEDLz/JGhMUAwg7LG1lqRrcFskbE5/SOYFkj9bDLnSpnxLIfPTbLGZmaix7Pz5YxkgqH0mT5ImOuQrQgVLZIsgmiQyM9jIQQp/S5eCBNT3ySxqKb9SXidHwmHkjYQHwyNsGOd+RCJvp4Sk1c1LuCAEyxEJ9PTejDlkd8tJ/YiucuJT57PoaTWbwLTD1vvJY4RavgZGYUSW72WPRzOokkpq+3op+gDpLYdxEYIDKZJDXKDBea1pKE9iyzwpX1GSSdMgNcUuWoSSoHt2IQsRV6kkZ5PgYVniKQFEYuB8OweCnGstYMpuIy8lm2GW6UbtGQb55OgFuqhnTyRUA1OKg+WEdeG19vAp8b72nJOzVTAsErctpH5IWY7cPhAeuQLyzkqWvHhsEz1t2jyCPbtqyG56pXdBG3vDeehXdWppYTlzmTzfBefknZSTWxZX1ZuBG+if0xM3m+kgahiGlun5ILCdj+/OPsqXkapeD080qN5dr1f68ugWRUxvOnZ1UdObDwoqabpavzcnzOPzdy74PL/yhoVRx8X2L3AAAAAElFTkSuQmCC);
}

#video .jmn-top-a, #video .jmn-top-b {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  opacity: .6;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#video .jmn-share {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 335px;
  z-index: 99999;
  margin: 0 !important;
  background: #FFF;
  border: #DDD solid 1px;
  border-radius: 10px;
  box-shadow: #DDD 0 0 20px;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#video .jmn-share p {
  display: block;
  height: 20px;
  font-size: 18px;
  text-align: center;
  margin: 15px 0 20px 0;
}

#video .jmn-share section {
  float: none;
  width: 260px;
  height: 260px;
  margin: 0 auto;
  padding: 0;
}

#video .jmn-share b {
  position: absolute;
  width: 12px;
  height: 12px;
  border: #333 solid 4px;
  background: #333 url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAS1BMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////9UrLx+AAAAGHRSTlMAgHBAMKDPEO9gwOAgsFCQn/DQ37+vj1+ShkdhAAAB/UlEQVR42u3ayW4CQQwA0dmgZyEJgSz+/y/NISgTaRrVqfpkny1eaSBSEO5ycnJy/s94nSPm69hJ8/0ZEfevS1efco3HfBaDv5zjd+alvnCOvzkLBdO8v35fW3iLcAp2f5/XygOKOBRoftzhAewFhl9/BGuIBbv//FMwx7HA8+PlsLSFULD7HLCGULD7/BYMUS2Q/BgPe+W9XuD4t8rmEPUCw4+xtnt6UiD4S9e5Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7BezbBeT7BeT7BeT7BeD7BeD7BeBLBey7Bey7Bey7Bey7BezLBejrBeT7BeT7BeD781L3BxXl/7/iXNr5UKD7UKD7UKD7UKD7VGD7XKD7XOD7XOD7XOD7XOD7ywkKbJ++N/o+FOg+FOg+FOg+Fdg+F9g+F9g+F9g+Fzh+3h/k/UHeH+T9Qd4f5P1B3h/k/UHeH+T9gVFQGt4ffNRWP1reH/THxbHp/cFcYE+4P6BXXt37A34PGt8frIelW9v7gzf4FUS/PxgOK0vb+4PLcWVreX9wqmxMDe8PtlLbWN5b3R9sU31jWh9/IlOnzOv2eP7l6cpl6Pth6rQZ+75fSpeTk5Pzf34AZEeVGaC2p3QAAAAASUVORK5CYII=);
  background-size: cover;
  border-radius: 10px;
  right: 4px;
  top: 4px;
  cursor: pointer;
  opacity: .2;
  transition: .2s;
}

#video .jmn-share b:hover {
  opacity: .5;
}

#video .jmn-share-qrcode, #video .jmn-share-qq, #video .jmn-share-qzone, #video .jmn-share-sina, #video .jmn-share-douban {
  display: block;
  float: left;
  width: 34px;
  height: 34px;
  margin: 0 5px;
  padding: 0;
  border: none;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#video .jmn-share-qrcode {
  background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAJOgAACToAYJjBRwAAAQ7SURBVHhe7ZtbTxNBFMc3QVeNiUpU9BP4SfRr6INGNF5QrqUV8JLwoj7rB5FEjVF89wZLCU1oeYRCqCYUSLEwzn/tyHY8M912djfQzkn+YZnL2Znf7p6ZOQRnyJ1dTLm5df6zo5RyF9YHXS8PABsZd4lxCB2ljFtgQ65XBgBOI4dfOkr8DWD8DShZABaABWABWAAWgAUQDkCfM8NuO98jE/wNx+SXGn9QTQPo75plry4X2LsnxcgEf31dM7H4xXipeQg1DeA+pzr9co1FafDXy59YHH4xXmoeQk0DwGv1/lmxdotoDP5ucQBx+G30GVgAFkBEAPKfy+zt4xW/jtTTIvv0Yo3tbO/Weuwb6lUAGvrlQj3ayYa6xAC8GV1mN5yvvq46X+p0jeum840NHPHY5nq11mPf4E8FQOcXEnVoJ1uiAFB21/lBLmVTfHCpkx4b68myrVJzAHR+IZSjXtU3UQC6pWz8fJaNnWsNgM6vWEJVfRMFoJoEJo3JtwpAVQdr1NcCSBrAh8nVWsm+Vcq7xgAovzCUHygAU5kVtvWzWqfSUoU9OmsGgPILofxAAMBafIdH4+HjHst0Z+uUPpNlD3g/XDcL4J/fE//7hVCOerSTLVEAH5+vstHuOf9JY8JBZbhQPnkpx7b5U5NNBwB+U6fn/MmmT839J5SjHu1kSxTAztauv8nRCa/s3l6tQ8B0AOB3o/i7oSqb9A4zMQAmpgNgYhZAXABUS1KrJpayOPzGAkC1JLUq+EMOLw6/kQOA0jzqTlyYj0zwxwcRi19q/EE1DWD4mMfucao43kYl+FP57eV66Mxq1c+FE6HcV/il5iHUNICks8I4So/y9X7wqDq7qxoTytoiKzxxcZ4NaCaiGhPKDn1WGFvncf496wCoxhTbMpg0AGx3cV/xzcsw2gKA6hOoVvb8MwTOEuM9874QE4JjOhCfgGlWGCe611cKdX3gb3G67K/pwTPFVHq57ski0Ml9IZRFHgRVAEyzwjguw3fwj5vXFdleaocn94XkNpQiA4Ayk6wwNVjdvcJMLowiBWCSFTYFgMAY3BxRwZJSpAB0kbxRTtAUAAKjCJKqYEmpLQDgGoExGCipYEkpcgDUkTZMVpgaqO5ewfa4pu4b23FYB4A60obJClMD1d0r2D5sO0qRATDNCsOvHMhU2V5xr0btEgVgmhWGXzmQpbg/bJ5kQxnqgu3aIitMBTK8MZgwdpJiN4kyuR3uL1uiAExMAKAC2favqr+DRGIEwjXKwtihA0D5xdMWx2EI11QcoSw2ANSTMjH40y2hMgCUhbHYlsEks8JYQsd4oBMAcI0yuR2ltsgKI8oHE5u4RpncjlIsWWEITyK4XpsK/lR+kfGV748yuR0l4VenlgC0kywAC8ACsAAsAAvgL4AN/CMxCjpJGTcPEPjnaS8/4uZKoNFJGnEXSkOuV/gDppONXDRJO98AAAAASUVORK5CYII=);
}

#video .jmn-share-qq {
  background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAJOgAACToAYJjBRwAAAVsSURBVHhe7VpLbBtFGDZULaIU4lnbcdImkSpVAoXyEDnwkriW9wGUA0JIXBCcEByAA4egcmkREk29sxunDVJTcmh4CAmEWgEnEOJRVARWYs+sQ59EBZVW0JAWJVn+cf8Adf+U2d3ZtZH9SZ/kHXv/+eab17/jTVmO9FuZbQOowlZi2wCqsJXYNoAqbCUmbwAXJy1HfAZ8n3E5plj77MgvLS5/Ie+JkQkZIE5DA/cyW94LDe7tLh5cmxoaujK1DPics0+uY8VSH3O8++A376h76FhmGbcB8xavvNXJyzdjU7XROeLdBKa9DaPiTyKuMcZnABen02718SHf/6enA2Kg6K9mduVpMOIsWYcBxmMANJ4V5BZsR2SoWHFNCeMGMC7m0lw8hNqNwSrIQTBhnqozCg0bIJZgzr+c8v0rULc5QMy0I7fT9YanUQMyjvwqs3v6WpRsHNftOmrBCJum6g5LgwaIRatQfRS1xgbL9Z6ENWaJ1hCc5gzg4pucXVqHOmNDd7GchV1hitQQgsYMYNx7ETXGDjD7NUpDGJoy4DxkeTeivthh2ZXbCQ2haMYALkp9zhGG+mJH565qHqbBMVJLQBoxQKWsqaHwGV9QqAzRcsV+SktQmhkBI3I7aksMsOW+SWoJSEMjwHsBdSUG5spXKC1BacKABeiNh1FXYoCF0Eg+EN0AV55TezPqSgywBvSbeFQ2MAJEKT/+3TWoKzGopAvqPkxr0qcBA7znUFOygIejDJev0pr0Gc0ALudYYepOlJQ4YPvdAjrOX6IrAKMa8CsrVvtQT+Jgrnc3LISRzgiiGLCoEqDu4om1qCdxZEemukHDAUKbNkMbABXv6Nl39GrU0jB0vHEoDdvwu5RGHYYygHHxMQz9DtTQcKzfczwDmr6ltP4Xgxug5r0ztRnrbhowfviuMOtBcANsyPvjOPOLiMHJyVWwJY+Smi/DoAacYvx4L9bZdMg4M9eDxt/rNF+WAQ3weJKPvUFRGwVcTtDaaQYwQMznYN/FupoWzK7cDyZoJ0f6BnA53T9ZWoP1NC1UXhLkGUHbgLQjt2EdTQ/miD1UGyjqj4DizCDGb3pknPITZBsI6hpwJluQt2H8pkfWrtwDms/VtYGklgGQ9h6zRkUPxr+AZtoN6vISa7h2WKL1tomuAZ76Xw7jw3bjr7Js8Xx+fDbxg5B6dI39lLPsyrN4WQOeFpkzAPizSjIwfipTEM9A2jmXhqGGRQ0DdI46E/gDtr/HsCiVdbwBMOC3ujaQ1DRALDJXbs2PljdmePmlv3NuW+7FOhsDGPrQ0A9Q4xkGHZPfWd5oce/1i/WvTN0RoPKABXD7xL/L4PqsWnBQTuLIOtUHQVf9wShoFIt1ZStS34CV+X3XsMihpsTA+A+9liurhJ5ANGGAmgofdiT436DlHtrAbPk1qSUgzRgAPZHl3gOoL3aoBQ+GfuTeV4xogFhiXIxndh9Zj9oSg+VWNkDd74GOSP8ORTOAi48aeSiq3i4FDV+Q2jQZ3gAXyL1HUEvDANvzU6Q+TUYYAcK3dkYzQL3pkbMrt+JlKNRemiL16THiFPD2h30tTr00DcNXgJGht1FVt3o1j9SmyYiLoKLYpxqDmrSQdmdugfs+X44BCdWBTLF8A36thZwtNzV+EVwmlz+CCVuZ423ugYemgeLB1aizhv5Jf03OLnV1OuIO+L0LPHXR/UAwYRa4Qz125x2vc9OwuApvr0GdRqnz/w6YMvD7bcwRs/UxwtCMAcvkYgF6tqR6FEyZAFPGIEmagOtPlEnkPZdQpbFCQu9+CvHGazFULIgBnL7wPXVfOJo14H/ItgFUYSuxbQBV2EpsG0AVtg6l/xfiATy7IThQogAAAABJRU5ErkJggg==);
}

#video .jmn-share-qzone {
  background-image: url(data:img/jpg;base64,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);
}

#video .jmn-share-sina {
  background-image: url(data:img/jpg;base64,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);
}

#video .jmn-share-douban {
  background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAJOgAACToAYJjBRwAAAPqSURBVHhe7ZhNaNNgGMejW5K27oO1y5u0myuMqTA9iKJehIJ68SAeZBcPIiiCF28edXgQ3c2roILoYQ7Ekww9OD9QHG5zeZN2rjoVQUUUFfza/Fh9msXRpk9m06RrWN4Hfqx93of3/eff9yvjBI3kggwzAEsGCWYAlgwSzAAsGSSYAVgySDADsGSQqMQAXaDkhk+5D/qmLXoXxLEBoiYf4HwagppYAya8xnTbUYEB5KA5nu+CH5fXgQFvMN12MAOw5EKImnKYG0qGuAftYV/xIhniM/ENYMBbTLcdjg3gNZKFv3eAu76CGowCM/Ad1Y7h2IClBjMASwYJtwZ8FzRJhXU3VhM0MgJ8KNDjGHcGUIk2jMRb0V15kRBUcgHVViYuZ4CkRh9Gm8xjuCYBM+Ecrq08mAFYsnwQA3KpemyqekK2S+Ry3DJzJCN8Z0BYU/YIOumH9iseMwAP28vp3YI5lBG+M4BX5RMgahavd81tYyYUhO8MAEHHoO13aa0HUHIrf+c3hzKCGcAMYAYwA9DaMqmGAb1AdU4BSoZ8bwCvkr2iRq6DsEFP0cigSJU+398DuFxPnXFjqwa5jbzvb4KLHTU3IDYRazS11CRqbADRQ6NKsklvj9aClpHOZkGTLyG6ysatAdM8JU+BSSsiJVkgjbU5AfqYhE01/zlrbeM1MgEaPls0OcKtAaXQ/L+o5MvArrAub4bcx5IaB4g6ORTS41tFXemD75q13S3eGQBnf0iHS1AmsXr+qBpK1Yu6fBLa/5TUlwMlr4SxtlVGXxDh0ZUJmBE7YEak0foK8HQGiFS+2m05pyPDSQUEP8Hq/8MsmHfReuyF1bZ2aHtnqa0Yr5fAdEiT9llFw4Psh1/T6Sz4Jqpku9nFfIQoOY7UVkw19oBnkUxr3NRrRMOYIsEseIzW2yLfzC8hswsjIo864vkNEa+vDO8NAGApnOFyvctN3UYIVD4Cbb+stTb8DKfJ7qKZBP3BveMotFW2n9hQFQOA9xFdWm9KN6JxOBGD/EtLnR33otniG6ZIOzoh7+pEwaiWAYB8lhso2BAHeupg+p7Ca4v4Iajw6xdGLlUP+fOWOk+ongGUzIQ1ZZP5CEbM3Qukr2i9iajJ14rWPiwDQVV2Qn9fsHq3ODIg/6or6Ep3ubRMdTabjzEX8DYn6lIXVvuP/BXXeoo0ZhIxPi2vxeqthNPyFuP+gOjHcGQAHGfbTE2+jRXjMhGo9BzTj8EMwJJ2hKiSMsfxbTRkFQn2mSlMP4azTZCSftjJT8MLSp9vgTsIaP1Uot0GZwYsQZgBWDJIMAOwZJBgBmDJIMEMwJJBghmAJYMDyf0Fp9wGmNBss4EAAAAASUVORK5CYII=);
}

#video .jmn-scrollbar-container {
  overflow: hidden !important;
}

#video .jmn-scrollbar-relative {
  position: relative;
}

#video .jmn-scrollbar-inner {
  overflow: hidden;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

#video .jmn-scrollbar {
  position: absolute;
  z-index: 10px;
  border-radius: 2.5px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

#video .jmn-scrollbar-x {
  left: 0;
  bottom: 1px;
  height: 5px;
  min-width: 5px;
}

#video .jmn-scrollbar-y {
  top: 0;
  right: 1px;
  width: 5px;
  min-height: 5px;
}

#video .jmn-scrollbar-default {
  background: #828387;
}

#video .jmn-scrollbar-default:hover, #video .jmn-scrollbar-default.active {
  background: #616268;
}

#video .jmn-scrollbar-mobile {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}

#video .jmn-marquee-inner {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#video .jmn-marquee-default, #video .jmn-marquee-repeat {
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#video .jmn-marquee-part {
  display: block;
  float: left;
}

#video .jmn-lazyload {
  display: block;
  opacity: 0;
}

#video .jmn-picture-container {
  display: block;
  overflow: hidden;
  position: relative;
}

#video .jmn-picture-inner {
  position: absolute;
  height: 100%;
}

#video .jmn-picture-part {
  position: relative;
}

#video .jmn-picture-part a, #video .jmn-picture-part img {
  display: block;
  border: none;
  position: relative;
}

#video .jmn-picture-part p {
  position: absolute;
  z-index: 5;
  display: block;
  bottom: 0;
  margin: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #FFF;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
}

#video .jmn-picture-part p span {
  margin-left: 10px;
}

#video .jmn-picture-fade {
  width: 100%;
}

#video .jmn-picture-fade .jmn-picture-part {
  position: absolute;
  display: none;
}

#video .jmn-picture-slide .jmn-picture-part {
  float: left;
}

#video .jmn-picture-slide img {
  display: block;
}

#video .jmn-picture-dot {
  position: absolute;
  z-index: 10;
  bottom: 15px;
}

#video .jmn-picture-dot.jmn-picture-dotcenter {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#video .jmn-picture-dot.jmn-picture-dotleft {
  left: 10px;
}

#video .jmn-picture-dot.jmn-picture-dotright {
  right: 10px;
}

#video .jmn-picture-dot b {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  background: #888;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 5px;
  transition: .4s;
}

#video .jmn-picture-dot b.active {
  background: #FFF;
}

#video .jmn-picture-prev, #video .jmn-picture-next {
  display: block;
  position: absolute;
  top: 50%;
  width: 17px;
  height: 32px;
  margin-top: -16px;
  cursor: pointer;
  background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat;
}

#video .jmn-picture-prev {
  margin-left: 13px;
}

#video .jmn-picture-next {
  right: 0;
  margin-right: 13px;
  background-position: -17px 0;
}

#video .jmn-video-container {
  background: #000;
  position: relative;
  overflow: hidden;
  z-index: 10;
}

#video .jmn-video-cursornone {
  cursor: none;
}

#video .jmn-video-opacity {
  opacity: .7;
}

#video .jmn-video-panel {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.65);
}

#video .jmn-video-panelinner {
  position: absolute;
  width: 100%;
  height: 22px;
  margin-top: 9px;
  color: #FFF;
  font-size: 12px;
}

#video .jmn-video-panelinner i {
  width: 22px;
  height: 22px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#video .jmn-video-panelinner * {
  display: block;
}

#video .jmn-video-panelinner > * {
  float: left;
}

#video .jmn-video-playpause, #video .jmn-video-volume, #video .jmn-video-full {
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
  overflow: hidden;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}

#video .jmn-video-playpause > *, #video .jmn-video-volume > *, #video .jmn-video-full > * {
  position: absolute;
}

#video .jmn-video-playpause {
  margin: 0 8px 0 10px;
}

#video .jmn-video-play {
  background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAPFBMVEVMaXH///////////////////////////////////////////////////////////////////////////9EpFypAAAAE3RSTlMAcNCf8O+ggEAQb88g33+v4LBgmHAsXgAAAYlJREFUeNrt2zmSwkAUBUF2BMOu+98VvDIwJnCUTv8TZLyS2VqNGzdu3Ne9Jgw4zvcLBsz7mwV87jphwFwHBKgDAtQBAeqAAHVQgDowQB0UoA4MUAcGqIMC1IEB6sAAdVCAOjBAHRCg254QoA5nBOj+JgaogwLUgQHqwAB1UIA6MEAdGKAOClAHBqgDA9RBAerAAHVggDooQB0YoA4MUAcFqAMD1IEB6qAAdWCAOjBAHRSgDgxQBwaogwLUgQHqwAB1UIA6MEAdGKAOPwA60CGA6BBggQ4CcLCAjU2wW6OPsPUNoPUJoPUJoPUNoPUJoPUJoPUNoPUJoPUJoPUNoPUJoPUJoPUNoPUJoPUJoPUNoPUJoPUJoPUNoPUJoPUJoPUNoPUJoPUJoPUNoPUJoPUJoPUNoPUJoPUJoPUB4J/1FwC0PgG0vgG0PgG0PgG0vgQ87IPG3dE+6XyqR62tTwCtTwCtbwCtTwCtTwCtbwCtTwCtbwCtjwCtjwCtjwCtz373Gzdu3Lgl7w1HFX7Ba3CtLgAAAABJRU5ErkJggg==);
}

#video .jmn-video-pause {
  display: none;
  background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAIVBMVEVMaXH///////////////////////////////////////8c1D1MAAAACnRSTlMAgMBAP3AQf7Cvir4X7QAAAIFJREFUeNrt27ENgDAMRUFDIED2H5gBki6S5eJe/6XzAA6pbv2aSt1/Y9GTt7/Hspa1j3MsO3b3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGUA9R8e410ekLeP6G0qdvdSxX6rsMsXhrQrNQAAAABJRU5ErkJggg==);
}

#video .jmn-video-center {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  left: 50%;
  top: 50%;
  margin: -35px 0 0 -35px;
  background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAq1BMVEVMaXEsLCwrKyssLCwgICArKyssLCwrKyssLCwoKCgsLCwsLCwrKysrKysrKysrKysrKysrKyssLCwrKysqKiopKSkrKyssLCwtLS0sLCwrKysqKiosLCz///+VlZXKysrx8fHk5OQ4ODg5OTm8vLxgYGCvr69FRUVGRkZtbW3X19eWlpZ6enphYWFTU1Nubm57e3u9vb2ioqKIiIijo6OHh4fLy8tSUlKwsLCwWaREAAAAHHRSTlMAQKC/EDDAYIAg7/Bw4N+w0M9/n5BQX68/b49PHN5I3QAAA25JREFUeNrl29l22kAMBmDZjHe8sWYRxgQCJCFb27R9/ydrmpwe3RCORxqji35X3Ok/Gs0YbANMF7PRaDT4NH7/eBHAuSSzq0GKR9SD0bXpvfi4wJPq0UV/1S9r7GR8DT2YzbG79CoAp5JRipaKmcPyY+QoZmrlKYIBKTNCicIDmWmBQvNE0v0ByqUj4LpEN+oAOMwcXUkjsBcU6NDYgKUIicYyjNG1NNCpT9KpcPzkoq71a+xJxKivkGCAqJpgjL3yFOpb7cYh9i1N4IQA+1fD10yBZzCBL83xLKZaA0BjoDMAZCA8geQinQUgqTmyA1IkGjvBRwn5kezhedVKE0giUQPcb8USicYUJNjdbdMcblBuwNwCb4t3beMggsdqwK5dfFjdoVTJOgTvFv8sdyhEx2GBnTULIl2HIV0GrQKQ1cHNYTSxDUCWv1AggU+pfQDy7UZ8SfKQEYC0b8hVwIeYF4Dc38rWIEQL28Ux253kioQ2louj2gY5fHg3lQQgq1vuEExkAchmxxuC0EkAukRZD0HKDyBfhxgAkB9Avg4lgCcIIN8PNUAkCyA9lwBiBwEE14cESncBSHuHHXkQugxANjcKAThNGDoPQLbdDoJCEkCeIAZ0HoActAMs//sA2y4BcrSysajf7rsECNFKY1H/BVUDrJ5QNcBD16O47CXAco9dA8Q9BFg9Y1cBRO4DPKyxMwCPEUDafVIBgNsA7TPaCAEgcxngx9r+a3noLsDyifPDZCIOQCeftQBsp7Bx0H2SwV9OAtw/sX+eQygP0H6X3KCIxQF+r0W3aDxhgPtHZMrhU8YKQN1nm7BvVJLNGvkC5q1asnpEgRz+qXgB2gcUGXJu1x+o/maPMgnngcVe2n1S8h7ZNNR9IY/50Or59efryxrFKp0HtyRSfHBJe5CEOg0gnnID9B/fg8nwjErRS5xymQGiMYdD5dd4KuUXmbIAvlDqHAHE5HgGvvLrfJWBE4ZKA0B8pfrEVxpAEirXB1P1egKqJoihG1Mq9Z/4PdXXTJAFun/xqAKwFOTokG/AmvHdtT8ClijTaT9JQje7X2Cao1CYgIiJUSKfglji88vHNPwKEfIInEniTKk8iUrsLpsE4J4ZVthJOYW+JJGf40lV7EHPkmgSZkdrh/HUwLl4URzHZfjBf//oBcDzBwJ/eUD7XQgOAAAAAElFTkSuQmCC) center no-repeat;
  background-size: cover;
  opacity: .8;
  cursor: pointer;
}

#video .jmn-video-start, #video .jmn-video-end, #video .jmn-video-time {
  width: 42px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}

#video .jmn-video-time {
  width: 8px;
}

#video .jmn-video-linebox, #video .jmn-video-volumebox {
  position: relative;
  height: 10px;
  margin: 6px 0 0 15px;
  cursor: pointer;
}

#video .jmn-video-linebg, #video .jmn-video-linepass, #video .jmn-video-volumebg, #video .jmn-video-volumepass {
  height: 4px;
  border-radius: 2px;
  margin-top: 3px;
  background: rgba(255, 255, 255, 0.3);
}

#video .jmn-video-linepass, #video .jmn-video-volumepass {
  position: absolute;
  background: #D81818;
  top: 0px;
}

#video .jmn-video-dot, #video .jmn-video-volumedot {
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  background: #FFF;
  border-radius: 5px;
  box-shadow: #999 0 0 3px;
}

#video .jmn-video-volumedot {
  margin-left: 35px;
}

#video .jmn-video-volume {
  margin-left: 18px;
}

#video .jmn-video-voice {
  background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAV1BMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////+/qbsBAAAAHHRSTlMA8CDAYDDvgBBAoH/gcJDPv7DQn1DfXz+Pr29Po8Jq0wAAA1ZJREFUeNrtmt1u2zAMRmlZlinH/3GSduP7P+eGAgNBJOwATxQvlnNZK/CJRH6KXMObN2/+kZ8f6/p5By/yQl+sCB7glf5wBQe6GzEZqhMTETNAbT5IkKAuuBBJQt3lT8Q4FMEPeiY7dJ+gh1qEhVwFjkSuAhciTwFcyUeAw9dVICZyFbgSeQrgQq4COZGPAIevpwBeyVWgW6iIQHg88GT4lhDAT/rNBxYI3xMC/BNiwRPhW0AgJCI2UHk87hfJjcoIbDxy1b7r/ZMUCgjwQOUQgZdEZCcQxNgZnsg3IksBaMTgA0ASiYwFBjE4BRD0ZC6AoxgtWyFSeYFwudxR5ECjlkGXigrw5pGObww6vrJSYQH+7RD1iV64Aai4wEL0ymB6/YGluEAkRhhsohOQI6KwQEuKAY4vPjGZCXC1KcsdeHRZgVkNHZlHg5VAkA23AoPiEsJvUikBPdkOrRMm3ieLCKiLgMqudDMTgE1e0/adbCaAu5wCpQqGsgJ68s9KIyQ7AYjaU8ROhISdAIjUi8qF3lDgIGI2pUUWQwEZcajksaVA1MJINKKhAGp9sBMT7QTkGrRKEfSWApPSiL0QMxTIWhXaCqjVxlHkLQDEJFOBURVgTAXa/16A/i4wVhPogKnVBUFMNYO1BA5iRiWgNkuBQdkLYq29IBEzKXvBYSiQtRrcxN/tBAZiGm1mwE4gyHOoshcZCgzaCkx1fhVnEk2olYCdwKodC4IoDTOBqzoBU5WzYSRtAmCpcTruxKVdq40RSgroz147rTZ6o2dEeFPVZHMEI4FJLoDaHEOV54QNqsUZuF7sBGQBYHoRz6PpEkQ9HQLPSukibJT7x9fn5bGwAJd6E/X3r0aujaN8EMXm6/7dN69AZGCm8lEc5rad8Zv7b3LrLiegs5JcAMFsLsANwIsjF81YoH/eHiU42wok2YGvCFNb6Z/XA6jkHHvJ3JSZgfPvv3ZjEYH2/Pu3uJcQyKfvzzFxXoD3gS3DGWKJIAqxj3CW3JwQKErYnQUANycBpvcWgNh4CXAmOQsA7k4CzOAtAJO3AOTGWQC63VkAcHMSYGY/AT2TJqhK92SQoS64+wjomYRQnUl9FOiRST14EHbxJMgB7Pmw6UToWxqHAG/evDnNL9PNFQvXnMrjAAAAAElFTkSuQmCC);
}

#video .jmn-video-muted {
  display: none;
  background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAjVBMVEVMaXH////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////jNCgdAAAALnRSTlMA7zDAEEB/gGCfIPDgv6BwUNDfkM9vAV+wrwiPPwQOAgYDB08jrjITNkV4XQo9Ydg5fAAAAtNJREFUeNrt2NmO4jAUhOGKYxM7GxCg9232vd7/8UYa9Sjq5vRYGnxybvivadXXEKwQnDt37sQ+3A7D9SWsCnv+afCwyCf+LcEgN3EuYPFiRc6NWLpbvqjCsvk9X9ViyVzFOYOL4EBaAnyiUIOlavc0BWwqmgJWpCXADzQFuImmgFjRFJBIS4Df0xQQKpoCDqQlwCeaAtyepoBNxYKAixMO3zKAdyccviUAeHqPt7u7u1y9bGJpAB4g5y+vmUnzIvSrijQEhIm0BERSGXCPf9VQHfCY/f8NPwJXGQMG2gICjQF7Y0BLY8C6NMAfhmFYtXizdnU9pIPHc3VRwHz3EDM391PQAYTcc6v0+gd9VRTgJx4L7sV9Th4AwKKASB4Lbm6kfTIqAHYUBE+fxX2OCoCaguDx24O0z1r3HZgFF1+/z/vK70CkJPj4ad5XvgZ8Lwl+/vgl7PdeAYBAQXBx8+V4nwEaAERJAGE/QgMgC+R9HYAskPaVALJA2NcE5AURmoC8IEITkBdEaALygghNQF4QoQnICyI0AXlBhCYgL4hYEpB4VFoSkCiUlgMkiiU9gLwvC/QBicwIdAGJzAh0AYnMCHQBiZmSLiAxW9ICyPsxCgIdgLwPCAIlgLwvCnQAa2lfFmw0AG0l7cuCyisA1vK+LIgKz4hqeV8W7LQB874sqBWeE47i/iwQ/sQVBUR5fxYIX4O+JAC9tC8LagF1OsB1wr4o6FpgRhcDoK1JklsHyG361y/YFAUAoRmbgLfzsblqNsUfmDc4odEagJ01ALEzBsDvjAFAu66tAHMhxOZlu04XkM/1xgD4rTEAGK0BiNYAhM4YgHZrDIC/MgYAjTUAsTMGwPXGAPitMQAYrQFYWwMQOmMA3NYYAH9lDAB2tgD5TFpj0dyRIGDZ/NYOIJ9JHnMWZ1IPg0Jn8SWQ75M6D5N887zvYFXb1OzHFufOnfvvfgPjyN+bZRdbNAAAAABJRU5ErkJggg==);
}

#video .jmn-video-volumebox {
  margin-left: 7px;
  width: 80px;
}

#video .jmn-video-volumepass {
  width: 40px;
}

#video .jmn-video-volume {
  -webkit-transform: scale(0.78);
  -ms-transform: scale(0.78);
  transform: scale(0.78);
}

#video .jmn-video-full {
  margin-left: 10px;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}

#video .jmn-video-fullin {
  background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAG1BMVEVMaXH////////////////////////////////liRbkAAAACHRSTlMAQMA/vzBwb1I9qFgAAACFSURBVHja7dqxDYAwDEVBJ2DC/hMzgIkUikgU93pLV3857i/1WKjfXwIAAAAAAAAA+CPgatMyFso27VoCtNhWAwAAAAAAAAAAAAAA+COglzK2lb0UkiRJkiRJ0lnaOVKdJTshAAAAAAAAAAAAAADAC2Ac0zIWyvn98F0PAAAAAAAAAFB7ANJbpOP6hC5CAAAAAElFTkSuQmCC);
}

#video .jmn-video-fullout {
  display: none;
  background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAVFBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////9FDDDEAAAAG3RSTlMAMFBwP78QgMBA4LBgINDvj6DwkK9vz99fT5/TNb3rAAABPUlEQVR42u3ay46DMAyFYSeUBMK1UDoXv/97jtpNYIFMZKQUzfnWSfRvY5kuYCmjhUT2EY+PjvQevFaSoOC1L31Bx1u1cH7gjYK0ak57kbea0wN8WkCFAAQgAAEIQAACEIAABCDg+gE2d8CsC3iSkhl0AdySrLvt+RkHVgbw7/dtj4n/732KANmze3/oswTEcUOVM4ARgAAEIOCCAe3pAQUn6YSAilP0yVdaEpjAx02GXurCH9R2JHLWH2UdAQAAAAAAAMBHWAY+rDQkcCMf9173syxI28+7c4qZiBpOUv/7MR0CEIAABJwfMOcMCETkpowBll4Fvqn29PqAUO3yhkSFNuDuSKfRBQRHSq0qIP92vUcAAhCAAAQgAAEIQAACEICA0wPq1AC1wGshcVZsSM30HPXytLzhaLL08f4ACPD5rKYSkm4AAAAASUVORK5CYII=);
}

#video .jmn-video-fullno {
  cursor: not-allowed;
  opacity: .5;
}

#video .jmn-acp-container, #video .jmn-dialog-container {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

#video .jmn-acp-mask, #video .jmn-dialog-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

#video .jmn-acp {
  position: fixed;
  left: 50%;
  top: -20px;
  width: 450px;
  height: auto;
  overflow: hidden;
  padding: 15px;
  margin: 0;
  text-align: left;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #FFF;
  border-radius: 6px;
  border: #555 solid 1px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  opacity: 0;
}

#video .jmn-acp .jmn-acp-scrollbar {
  opacity: 0;
}

#video .jmn-acp-title {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  word-wrap: break-word;
  word-break: normal;
}

#video .jmn-acp-content {
  width: 100%;
  height: auto;
  min-height: 65px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: normal;
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  line-height: 160%;
  z-index: 10;
  -webkit-overflow-scrolling: touch;
}

#video .jmn-acp-content.jmn-scrollbar-mobile {
  overflow: scroll;
}

#video .jmn-acp-sure, #video .jmn-acp-cancel {
  float: right;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  padding: 0 12px;
  cursor: pointer;
  margin: 13px 0 0 10px;
  border-radius: 4px;
  border: #DDD solid 1px;
  vertical-align: baseline;
  transition: .25s;
}

#video .jmn-acp-sure {
  background: #09F;
  border-color: #0095F8;
  color: #FFF;
}

#video .jmn-acp-sure:hover {
  background: #007AE2;
  border-color: #007AE2;
}

#video .jmn-acp-cancel:hover {
  background: #F3F3F3;
}

#video .jmn-acp-prompt {
  border: #DFDFDF solid 1px;
  width: calc(100% - 20px);
  height: 30px;
  margin-top: 7px;
  padding: 0 9px;
  font-size: 14px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  transition: .25s;
}

#video .jmn-acp-prompt:focus {
  border-color: #09F;
}

#video .jmn-acp-iframevideo {
  padding: 0;
  border-radius: 0;
  border: none;
  top: 43%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50);
  transform: translate(-50%, -50%);
}

#video .jmn-acp-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  width: 36px;
  height: 36px;
  background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAV1BMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////+/qbsBAAAAHHRSTlMAMPAgz4DAEGDQ70BQ4KC/n5Cw33BfT3+PP69vhTP5dQAAAjNJREFUeNrtV8mWozAQA2Nj9iVk6enx/3/nxPEjAsVbv7m2bl4kl6oKA8UvwtD3x7yZF+T8uOsfsm/SEL5v+RrVYrxYqrzTQR/rep3qejQ7vjKi+Nu5va3qMdmr1s12Q+r42VgIVX34WoXzEQ2i7Bxde8WVq0mV4l90MLv1y0YZ5YumiOAKhRCfF3mTsApeF3qzucdSTEH6XH7b88GPKywed4g/gd48MXwYsAloiizYcm5sYrL1KzJhq6mowqcElH98TYDJ0lZCcwDQHHxpboyZ34OVQ9A2AA2PUAD/iVPAHS9DcTBQwIZTjiYqhL1/KtouNU20+lzKy9lBiyEUmA+MJw8DHJCChw8P5akz+iKgwHyceT01BtZIgfmow3rM4VgEFHY+4zlb08CrsO18RhsVgALz/bZRVFIA/38EZEIgbUEGLIicJI4hBXnktOjLj/5HR0XKeDn64f73K5RoJGpl5gcUmlMr95BjPivwwwRD0ssPKmx7EZCE0s9nBTyME52I8bDzSWE+OKCsaXG8pxX4wUuVn19F17rjk0LtfQtAEtdqRTXFJKom6IgVHtOQFIDLAiZTWDkDSH2fw28COyd8/UTRm0Csus1S6Dt6+CkNXcwFmjTy9WMeMf6XoQqSwvjq2KCNXobPRx74u57/AmqdqLGTuPPC3dHTvTKMbuO23Mq3tduy/wRkdIpWwuyQ8xPbeyhwfEJiNB6MShfZGCZB7AnBZ6K8rnUtXj9O6loVvwjjH7zHUhhZEp6HAAAAAElFTkSuQmCC) center no-repeat;
  background-size: cover;
  opacity: .5;
  transition: .25s;
}

#video .jmn-acp-close:hover {
  opacity: 1;
}

#video .jmn-acp-scrollbar {
  background: rgba(0, 0, 0, 0.3);
}

#video .jmn-acp.jmn-acp-mobile {
  top: 43%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#video .jmn-acp.jmn-acp-mobile .jmn-acp-title {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

#video .jmn-acp.jmn-acp-mobile > span {
  font-size: 14px;
}

#video .jmn-dialog-box {
  position: fixed;
  left: 50%;
  top: 50%;
  overflow: hidden;
  width: 600px;
  height: 300px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #FFF;
  border: #555 solid 1px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  display: none;
}

#video .jmn-dialog-close {
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  width: 36px;
  height: 36px;
  background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAVFBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////9FDDDEAAAAG3RSTlMAgDDA8O9gEM/QUEBwv6AgkJ9/X+Cw369vj0/6Bul7AAACcklEQVR42qWX6XLrIAyFRbzgeAPvSXn/96zRcEPw5dhmqh+dafD5EEgCRMjkz7h1q9lt7bbxR1KSPd6VOVj1ftxVy9dqora+5B35WLjv80wL0bZC6Cx3PxXjJWJy8r5U9GWq7B1iOpWrjr/KShlxrcx4sFNYXxcsb9B4w4iiRuNvXjkPwyl4N97xwYHXLi/2mPdiiA1tdvqSLq20Tmzx+fPHrSzLYz5ooIcEfdgcpMeEOoh/gfSYUCjyZvOnpAQrbUaF//aUZP33lNIuILHgpV3EP43wW5K2COEdyIKUj9e9fAVFkn1caHdW8603popVY/XfZ6Yla2voAAM9wetZELqwckyPIZRPJkT0T3nchYdLYkmIgPUkXUJXnAOAgPRsy/4RMackTMB6XoPkMlKECVhPivNHGJMTIQLUs+U2lxYOIiZgPQdysX80nRCwnisqo5VTGhOwnouoIsMATMB6BhjiBIWEUJ8OqPhivwSIM70jYMCMAC5+LpoIMOMwuvi5aOIw+kQC9YsJdvLeulGc6c8IhTHCFxPSYwIXkytnrPcEUM60D/ZIf05Y9o/8kQb0kOCPND5UkR4T/KFqU6kLjnWnjxBaCm/kGVwsXh8Q0MUi84MLTRu/2trm4EAu/3q5hld1gvkngacNaYAhjF2W/sQJa1DZRaQ8suwCVPjMAwSoP267BgSo13SwHhCAPvKoWyzhzmPb6yM+mOHquT8Y/KjUYVOEWyp93o90uOXprnoa5fqqKVaNk+vI1FU/wrZNKiBPm2G77mmk+HSZ3TCyDd2nFxW3etd2NlGbW3k7V/XzqH7qR2LB12LJZp44W0QN5/4F+ktSj8ORfoMAAAAASUVORK5CYII=) center no-repeat;
  background-size: cover;
  opacity: .5;
  transition: .25s;
}

#video .jmn-dialog-close:hover {
  opacity: 1;
}

#video .jmn-page-content {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#video .jmn-page-target > * {
  display: none;
}

#video .jmn-page {
  height: 38px;
  display: inline-block;
  overflow: hidden;
  border-radius: 19px;
  border: #E7E7E7 solid 1px;
  margin: 0 auto;
}

#video .jmn-page > div i, #video .jmn-page > i {
  display: block;
  float: left;
  width: 40px;
  height: 38px;
  line-height: 38px;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  font-style: normal;
  background: #F8F8F8;
  transition: .15s;
  font-weight: bold;
  color: #333;
}

#video .jmn-page i {
  border-right: #E5E5E5 solid 1px;
  border-left: #FDFDFD solid 1px;
}

#video .jmn-page > div {
  float: left;
  max-width: 420px;
  overflow: hidden;
}

#video .jmn-page > div div {
  height: 38px;
}

#video .jmn-page i.active {
  background: #D81818;
  color: #FFF;
}

#video .jmn-page i:hover {
  color: #D81818;
}

#video .jmn-page i.active:hover {
  color: #FFF;
}

#video .jmn-page > i span {
  display: inline-block;
  font-size: 20px;
}

#video .jmn-page > i:first-child {
  border-radius: 19px 0 0 19px;
}

#video .jmn-page > i:last-child {
  border-radius: 0 19px 19px 0;
}

#video i.jmn-page-first, #video i.jmn-page-last, #video i.jmn-page-next, #video i.jmn-page-prev {
  line-height: 33px;
}

#video section.jmn-page-more {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  background: #ECECEC;
  color: #666;
}

#video .jmn-fullpage-container {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

#video .jmn-fullpage-part {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
}

#video .jmn-fullpage-navigation {
  position: fixed;
  z-index: 20;
}

#video .jmn-fullpage-navigation-x {
  left: 50%;
  bottom: 18px;
  width: auto;
  height: 10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#video .jmn-fullpage-navigation-y {
  top: 50%;
  right: 18px;
  width: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#video .jmn-fullpage-navigation-default > b {
  display: block;
  cursor: pointer;
  width: 8px;
  height: 8px;
  border: #000 solid 1px;
  border-radius: 10px;
  opacity: .8;
  transition: .3s;
}

#video .jmn-fullpage-navigation-y > b {
  margin: 10px 0;
}

#video .jmn-fullpage-navigation-x > b {
  float: left;
  margin: 0 8px;
}

#video .jmn-fullpage-navigation-default > b.active {
  background: #000;
}

#video .jmn-notice {
  position: fixed;
  right: 15px;
  bottom: 15px;
  background: rgba(255, 255, 255, 0.95);
  width: 300px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 6px;
  z-index: 999999;
  padding: 12px 24px 12px 12px;
  margin-right: -350px;
  opacity: 0;
}

#video .jmn-notice-noicon {
  border-left: #09F solid 3px;
}

#video .jmn-notice p {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  margin: 0;
}

#video .jmn-notice img {
  float: left;
  display: block;
  width: 50px;
  height: auto;
  margin-right: 10px;
  border: none;
}

#video .jmn-notice > div {
  float: left;
}

#video .jmn-notice-icon > div {
  width: calc(100% - 60px);
}

#video .jmn-notice > div div {
  font-size: 12px;
  margin-top: 5px;
}

#video .jmn-notice i {
  display: block;
  position: absolute;
  right: 8px;
  top: 4px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAElBMVEVMaXErKysgICArKysrKyssLCyL3e1hAAAABXRSTlMAYBDQz2+ISPwAAAEFSURBVHja7ZlJDsMwDAMrL///cn3noVBqkAgwc7eGQBAv0gcAAAAAAAAAAN7BWNVdUmvc9O9dTf/ea1z0H6rpv5jg+CXBb/9h/WPVcrv6CwwJDH4pafRrUbdfy7r9Wtjt19JuvxZ3+7W8268Ct18Vbr9K3H7VuP0qcvtV5farzO1Xnd0vwoBflOI3JxC/PYH43QnEb6PE76bE76aS/nyA/Ceo/E9gSBDYiPJbcf4wyh/H+QtJ/kqWv5Tmr+X5h0n+aZZ/nOaf5/kGRb5Fk29S5dt0+UZlvlWbb1bn2/X5gcV8OrKZlwKM+WxoNe+NzWZ/bCf+PxP0B5fHDwAAAAAAAAAAr+ALGSwPPQSkOWUAAAAASUVORK5CYII=) center no-repeat;
  background-size: cover;
  opacity: .7;
}

#video .jmn-notice i:hover {
  opacity: 1;
}

#video .jmn-notice-noicon i {
  top: 11px;
}

#video .jmn-notice-autoclose {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #09F;
  opacity: .8;
}

#video .jmn-loading-position {
  position: relative;
}

#video .jmn-loading-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}

#video .jmn-loading-container i {
  display: inline-block;
  width: 14px;
  height: 14px;
  opacity: .1;
  border-radius: 7px;
  position: absolute;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

#video .jmn-loading-title {
  width: 100%;
  position: absolute;
  text-align: center;
  top: 50%;
  margin-top: 40px;
  font-size: 14px;
}

#video .jmn-loading-body {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -20px;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -ms-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
}

#video .jmn-loading-body i:nth-child(1) {
  left: 0;
  top: 50%;
  margin-top: -7px;
}

#video .jmn-loading-body i:nth-child(2) {
  left: 14px;
  top: 14px;
}

#video .jmn-loading-body i:nth-child(3) {
  left: 50%;
  top: 0;
  margin-left: -7px;
}

#video .jmn-loading-body i:nth-child(4) {
  right: 14px;
  top: 14px;
}

#video .jmn-loading-body i:nth-child(5) {
  right: 0;
  top: 50%;
  margin-top: -7px;
}

#video .jmn-loading-body i:nth-child(6) {
  right: 14px;
  bottom: 14px;
}

#video .jmn-loading-body i:nth-child(7) {
  left: 50%;
  bottom: 0;
  margin-left: -7px;
}

#video .jmn-loading-body i:nth-child(8) {
  left: 14px;
  bottom: 14px;
}

@media screen and (max-width: 1024px) {
  #video * {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
  }
  #video html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
}

@media screen and (max-width: 768px) {
  #video .jmn-picture-dot {
    bottom: 13px;
  }
  #video .jmn-picture-dot b {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

#coursecenter .mulu .mu_left .left_top .headline .showkuai .item1 .section.active .img {
  transform: rotate(-180deg);
  transition: transform 0.3s;
}

.header .header_main .header_right .right_top .search input {
  margin-top: 0;
}

.header .header_main .header_right .el-input__inner {
  height: 13px !important;
  border: 0 !important;
}

.el-rate__icon {
  font-size: 20px !important;
  margin-right: 0px !important;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  width: 10px;
  height: 28px;
}

.active {
  color: #1890ff;
}

#z_index .z_header .course_banner .course_center .ty_box .list .i_box .title {
  font-size: 24px;
}