@charset "utf-8";

@font-face {
  /*嵌入字体 补字及标点*/
  font-family: "ECDodds";
  src: url('../fonts/ECDoddsRegular.eot');
  src: url('../fonts/ECDoddsRegular.eot') format('embedded-opentype');
}

/*背景色改变*/
body {
  background: #f5f5f5;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
body.dis_copy{
  user-select: none; /* 对现代浏览器有效 */
  -webkit-user-select: none; /* Safari 和旧版 Chrome */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer 和 Edge */
}
/*容器*/
.container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 36px;
  background: #ffffff;
}

.cont {
  /* min-height: 800px; */
  margin-top: 20px;
}

.cx-model {
  width: 100%;
}

/*显示隐藏*/
.cx-block-100 {
  display: block;
}

.cx-block-0 {
  display: none;
}

.swiper-slide {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
}

.swiper-slide img,
.swiper-slide a {
  display: block;
  width: 100%;
}

[v-cloak] {
  display: none;
}

/*----公共模块样式----*/
/* 
* 1.顶部样式（旧）
* 2.导航条 (旧）
* 3.轮播
* 4.栏目头部
* 5.微栏
* 6.分类
* 7.热门栏目模块
* 8.小列表
* 9.大列表
* 10.大图文
* 11.小图文
* 12.微栏(同 5.微栏)
* 13.专栏
* 14.专栏列表
* 15.资讯模块
* 16.各分类下边距
* 17.专题列表
* 18.课程
* 19.专题tab(左右)
* 20.专题tab(上下)
* 21.内容导航模块
* 22.栏目内多个列表
* 23.直播
* 24.培训栏目
* 25.报表
* 25.1.企培-学时学分任务-报表
* 26.学习频道
* 27.课时详情
*
*
*
*
*/
.cx-column-big,
.cx-column-mid,
.cx-column-yaofeng,
.cx-column-small,
.cx-column-fenlei,
.cx-column-blist,
.cx-column-slist,
.cx-column-w,
.cx-column-wsmall,
.cx-column-wmid,
.cx-column-wbig,
.cx-column-tuwen,
.cx-column-stuwen,
.cx-conlumn-huadong,
.cx-content-tuwen {
  position: relative;
  overflow: hidden;
  padding-bottom: 40px;
}

/* 1.顶部样式一 */
.cx-top {
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid #f3f3f3;
}

.cx-top .cx-top-content {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.cx-top-content .cx-top-login a:hover {
  text-decoration: underline;
}

.cx-top-content .cx-top-login span {
  font-size: 12px;
  cursor: pointer;
}

.cx-top-model .top-download,
.cx-top-model .top-guanzhu,
.cx-top-model .top-menu {
  display: block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #b2b2b2;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
}

.cx-top-model .top-download:hover,
.cx-top-model .top-guanzhu:hover,
.cx-top-model .top-menu:hover {
  color: #000;
  background: #ffffff;
  border-left: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
}

.cx-top-model .top-download-img,
.cx-top-model .top-guanzhu-img,
.cx-top-model .top-menu-ul {
  display: none;
}

.cx-top-model .top-download:hover .top-download-img {
  display: block;
  position: absolute;
  width: 200px;
  height: 200px;
  padding: 32px 0;
  margin-left: -1px;
  text-align: center;
  background: #ffffff;
  border-bottom: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  z-index: 2;
}

.cx-top-model .top-download:hover .top-download-img img {
  display: block;
  margin: 0 auto;
}

.cx-top-model .top-menu:hover .top-menu-ul {
  display: block;
  position: absolute;
  width: 100px;
  padding: 5px 0 0 0;
  margin: -2px 0 0 -1px;
  background: #ffffff;
  text-align: center;
  border-bottom: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  z-index: 103;
}

.cx-top-model .top-menu .top-menu-ul li:hover {
  background: #f9f9fb;
}

.cx-top-model .top-menu .top-menu-ul li:active {
  background: #f1f1f1;
}

.cx-top-login {
  float: right;
  height: 32px;
  padding: 0 20px;
  line-height: 31px;
  color: #b2b2b2;
}

.cx-top-login a {
  font-size: 12px;
  color: #b2b2b2;
}

/* 2.导航条旧 */
.nav-one {
  width: 100%;
}

.nav-one-empty {
  /*空白导航条，导航悬浮时占位置*/
  display: none;
  width: 1200px;
  height: 80px;
  margin: 0 auto;
}

.nav-one .nav-group {
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.03);
}

.nav-one .nav-group .nav-l {
  position: relative;
  width: 1200px;
  height: 80px;
  margin: 0 auto;
}

.nav-one .nav-group .nav-l .cx-nav-name {
  float: left;
  height: 100%;
  line-height: 80px;
}

.nav-one .nav-group .nav-l .cx-nav-name .cx-html-name {
  display: inline-block;
  margin-left: 63px;
}

.nav-one .nav-group .nav-l .cx-nav-name .cx-html-name p {
  font-size: 24px;
  font-family: simsun;
  font-weight: 400;
  letter-spacing: 1px;
}

.nav-one .nav-group .nav-l .cx-nav-name .nav-logo {
  position: absolute;
  top: 50%;
  height: 40px;
  border-radius: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nav-one .nav-group .nav-l .cx-nav-name .nav-logo-word {
  position: absolute;
  top: 50%;
  height: 50px;
  border-radius: 12px;
  -webkit-transform: translateX(-50%);
  transform: translateY(-50%);
}

.nav-one .nav-group .nav-l .cx-nav {
  display: table-cell;
  position: absolute;
  right: 340px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
}

.nav-one .nav-group .nav-l .cx-nav .cx-nav-item {
  display: inline-block;
  margin: 0 24px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.nav-one .nav-group .nav-l .cx-nav .cx-nav-item:last-child {
  margin-right: 0;
}

.nav-one .nav-group .nav-l .cx-nav .cx-nav-item:hover .cx-nav-link:after {
  width: 100%;
}

.cx-nav-link {
  display: block;
  position: relative;
  height: 50px;
  color: #333;
}

.cx-nav-link:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 0;
  background: #50b7ff;
  -webkit-transition: width 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: width 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: width 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: width 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: width 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.nav-fixed {
  position: fixed;
  top: 0;
  z-index: 101;
}

.nav-fixed:after {
  content: "";
  height: 80px;
}

.nav-fixed .slideUp {
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: transform 0.5s ease-out;
  -o-transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}

.nav-fixed .slideDown {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: transform 0.5s ease-out;
  -o-transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}

.nav-fixed .nav-empty {
  display: block;
}

.nav-l .search {
  position: absolute;
  bottom: 19px;
  right: 0;
}

.nav-l .search .search-input {
  position: relative;
  z-index: 101;
  width: 280px;
  height: 40px;
  padding: 0 50px 0 20px;
  font-size: 14px;
  border-radius: 42px;
  color: #666666;
  background: #f9f9fb;
  border: 1px solid #f3f3f3;
  outline: none;
  -webkit-transition: width 0.3s linear;
  -moz-transition: width 0.3s linear;
  -ms-transition: width 0.3s linear;
  -o-transition: width 0.3s linear;
  transition: width 0.3s linear;
}

/* 3.轮播 */
.container .swiper-wrapper {
  height: auto;
}

.swiper-column-lunbo {
  position: relative;
  overflow: hidden;
  margin: 0 -36px;
}

.swiper-container-horizontal:hover .swiper-button-prev,
.swiper-container-horizontal:hover .swiper-button-next {
  display: block;
}

.swiper-container-horizontal.single:hover .swiper-button-prev,
.swiper-container-horizontal.single:hover .swiper-button-next {
  display: none;
}

.button-prev,
.button-next {
  display: none;
  top: 22px;
  width: 15%;
  height: 100%;
  background: none;
}

.button-prev {
  left: 0;
  width: 27px;
  height: 44px;
}

.button-next {
  right: 0;
  width: 27px;
  height: 44px;
}

.button-prev span,
.button-next span {
  display: block;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  line-height: 50px;
  outline: 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  cursor: pointer;
  z-index: 2;
}

.button-next span {
  left: auto;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
}

.button-prev:hover span,
.button-next:hover span {
  opacity: 1;
}

.swiper-pagination-banner {
  background: transparent;
}

.swiper-button-prev,
.swiper-button-next {
  background: none !important;
}

.cx-column-big .swiper-button-prev,
.cx-column-big .swiper-button-next,
.cx-column-yaofeng .swiper-button-prev,
.cx-column-yaofeng .swiper-button-next {
  margin-top: -42px;
}

/* 4.栏目头部 */
.cx-column {
  padding-bottom: 20px;
}

.cx-column-t-d {
  padding: 28px 0 10px 0;
}

.cx-column-title p {
  line-height: 1.5;
  font-size: 24px;
  font-family: "ECDodds";
  font-weight: 500;
  color: #333;
}

.cx-column-space {
  height: 8px;
  width: 100%;
}

.cx-column-describe p {
  font-size: 16px;
  color: #9e9e9e;
}

.cx-column-title p,
.cx-column-describe p {
  text-align: center;
}

.cx-column-xian {
  width: 68px;
  height: 1px;
  background: #f0f0f0;
  margin: 0 auto 0;
}

.cx-column-notice {
  display: flex;
  overflow: hidden;
  height: 64px;
  font-size: 16px;
  color: #55606C;
}

.cx-column-notice .swiper-wrapper {
  margin-left: -1200px;
}

.cx-column-notice .swiper-slide {
  width: auto;
  margin-left: 1200px;
}

.cx-column-notice .swiper-slide a {
  display: flex;
  justify-content: space-between;
}

.cx-column-notice .swiper-slide a img {
  display: none;
}

.cx-column-notice .swiper-slide a p:nth-child(3) {
  color: #4B91E1;
  font-size: 14px;
}

/* 5.微栏目 */
.cx-content {
  position: relative;
  background: #ffffff;
}

.cx-content-w,
.cx-content-wmid,
.cx-content-wsmall {
  position: relative;
  padding: 0 30px;
  background: #ffffff;
}

.cx-w-big,
.cx-w,
.cx-w-middle,
.cx-w-small {
  width: 100%;
  text-align: center;
}

.cx-w p,
.cx-w-middle p,
.cx-w-small p,
.cx-w-big p {
  margin: 10px auto 0;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cx-w-img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}

.cx-w img {
  width: 100%;
}

.cx-big-img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.cx-big-img img {
  width: 100%;
  height: 100%;
}

.cx-middle-img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}

.cx-small-img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.cx-small-img img {
  width: 100%;
}

/* 6.分类 */
.cx-column-fenlei {
  padding-bottom: 28px;
}

.cx-column-fenlei .swiper-pagination {
  height: 28px;
  line-height: 28px;
  background: #ffffff;
}

.cx-model-f {
  width: 100%;
}

.cx-f {
  position: relative;
  text-align: left;
}

.cx-f .cx-f-l {
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}

.cx-f .cx-f-l .cx-f-title {
  font-size: 18px;
  font-weight: 500;
  color: #555555;
}

.cx-f .cx-f-l .cx-f-number {
  font-size: 16px;
  color: #b2b2b2;
}

/* 7.热门栏目模块 */
.cx-content-hot {
  display: flex;
  margin: 0 -36px;
  overflow: hidden;
}

.cx-hot-model2-l {
  width: 40%;
  padding: 32px 20px 40px 20px;
  text-align: center;
  font-size: 18px;
  border-right: 1px solid #eeeeee;
}

.cx-hot-model-up {
  border-bottom: 1px solid #eeeeee;
}

.cx-hot-model-up,
.cx-hot-model-down {
  display: flex;
  align-items: center;
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.cx-hot-model-upcont,
.cx-hot-model-downcont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 70%;
  height: 100%;
  padding-left: 60px;
  padding-right: 60px;
}

.cx-hot-model-upimg {
  width: 30%;
  vertical-align: middle;
}

.cx-hot-model-upimg img {
  display: block;
  width: 110px;
  -webkit-box-shadow: 0 2px 10px #eeeeee;
  -moz-box-shadow: 0 2px 10px #eeeeee;
  box-shadow: 0 2px 10px #eeeeee;
}

.cx-hot-model {
  flex: 1;
  width: 33.3333333%;
  padding: 32px 20px 41px 20px;
  text-align: center;
  font-size: 18px;
  background: #fff;
  border-right: 1px solid #eeeeee;
}

.cx-hot-model:last-child {
  border: none;
}

.cx-hot-img {
  position: relative;
  width: 120px;
  height: 163px;
  margin: 0 auto;
}

.cx-hot-img img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 2px 10px #eeeeee;
  -moz-box-shadow: 0 2px 10px #eeeeee;
  box-shadow: 0 2px 10px #eeeeee;
}

.cx-hot-model2-l .cx-hot-img img {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

.cx-hot-title {
  margin-bottom: 6px;
  font-size: 22px;
}

.cx-hot-des {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 16px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cx-hot-title2 {
  margin-bottom: 8px;
  font-size: 22px;
  max-height: 40px;
  overflow: hidden;
}

.cx-hot-des2 {
  font-size: 16px;
}

.cx-hot-red a {
  color: #fb565a;
}

.cx-hot-red a:hover {
  color: #fb565a !important;
}

.cx-hot-blue a {
  color: #38b7e6;
}

.cx-hot-blue a:hover {
  color: #38b7e6 !important;
}

.cx-hot-green a {
  color: #2dcb74;
}

.cx-hot-green a:hover {
  color: #2dcb74 !important;
}

/* 8.小列表 */
.cx-model-1 {
  position: relative;
}

.cx-model-1 .slist_video_h {
  height: 98px;
}

.cx-model-1 .slist_course_h {
  height: 62px;
}

.cx-model-1 .slist_live_h {
  height: 62px;
}

.cx-model1-img.slist_video_h img,
.cx-model1-img.slist_live_h img,
.cx-model1-img.slist_course_h img {
  height: 100%;
}

.cx-model1-img.slist_video_h img.cx-sign,
.cx-model1-img.slist_live_h img.cx-sign,
.cx-model1-img.slist_course_h img.cx-sign {
  height: 26px;
}

.cx-model1-img {
  position: relative;
  width: 98px;
  height: 131px;
  margin: 0 auto;
}

.cx-model1-img img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border: 1px solid #f3f3f3;
}

.cx-model1-img .cx-sign {
  position: absolute;
  width: 26px;
  height: 26px;
  right: 6px;
  bottom: 6px;
  z-index: 2;
  border: 0;
  left: auto;
}

.cx-model1-img .cx-sign-paper {
  position: absolute;
  width: 50px;
  height: 20px;
  right: 0;
  bottom: 6px;
  z-index: 2;
  border: 0;
  left: auto;
}

.cx-model-1 p {
  width: 95px;
  text-align: left;
}

.cx-model-1 .cx-model1-t {
  margin: 8px auto 0;
  height: 40px;
  font-size: 14px;
  font-family: "ECDodds";
}

.cx-model-1 .cx-model1-tp {
  margin: 0 auto;
  font-size: 13px;
  font-family: "ECDodds";
}

.cx-model-1 .cx-model1-tp s {
  font-size: 12px;
  margin-left: 1px;
  color: #c3c3c3;
}

/* 9.大列表 */
.cx-model-blist .blist_video_h {
  height: 120px;
  overflow: hidden;
}

.cx-model-blist .blist_course_h {
  height: 74px;
  overflow: hidden;
}

.cx-model-blist .blist_live_h {
  height: 74px;
  overflow: hidden;
}

.cx-modelblist-img {
  position: relative;
  width: 120px;
  height: 162px;
  margin: 0 auto;
}

.cx-modelblist-img img {
  position: absolute;
  bottom: 0;
  left: 0;
  border: 1px solid #f3f3f3;
}

.cx-modelblist-img .cx-sign {
  position: absolute;
  left: auto;
  right: 6px;
  bottom: 6px;
  width: 26px;
  height: 26px;
  z-index: 2;
  border: 0;
}

.cx-modelblist-img .cx-sign-paper {
  position: absolute;
  width: 50px;
  height: 20px;
  right: 0px;
  bottom: 6px;
  z-index: 2;
  border: 0;
  left: auto;
}

.cx-model-blist .cx-modelblist-t {
  width: 120px;
  height: 40px;
  margin: 0 auto;
  margin-top: 8px;
  text-align: left;
  font-size: 14px;
  font-family: "ECDodds";
}

.cx-model-blist .cx-modelblist-tp {
  width: 120px;
  margin: 0 auto;
  text-align: left;
  font-size: 14px;
}

.cx-model-blist .cx-modelblist-tp s {
  font-size: 12px;
  margin-left: 6px;
  color: #c3c3c3;
}

/* 10.大图文 */
.cx-column-tuwen,
.cx-column-stuwen {
  padding-bottom: 20px;
}

.cx-column-tuwen .cx-model-dtw {
  padding-right: 50px;
  padding-left: 0;
}

.cx-model-dtw,
.cx-model-stw {
  width: 100%;
}

.cx-model-dtw {
  display: flex;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.cx-model-dtw .cx-modeldtw-img {
  position: relative;
  z-index: 100;
  float: left;
  width: 120px;
  height: 162px;
  margin-right: 18px;
  overflow: hidden;
}

.cx-modeldtw-img img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #f3f3f3;
}

.cx-modeldtw-img .cx-sign {
  position: absolute;
  top: auto;
  right: 6px;
  bottom: 9px;
  left: auto;
  width: 24px;
  height: 24px;
  border: 0;
  z-index: 2;
}

.cx-modeldtw-img .cx-sign-paper {
  position: absolute;
  top: auto;
  right: 0px;
  bottom: 9px;
  left: auto;
  width: 50px;
  height: 20px;
  border: 0;
  z-index: 2;
}

.cx-modeldtw-content {
  flex: 1;
  position: relative;
  height: 162px;
  overflow: hidden;
}

.cx-modeldtw-content .cx-modeldtw-t {
  margin-top: 12px;
  color: #212121;
  font-size: 16px;
  font-family: "ECDodds";
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cx-modeldtw-content .cx-modeldtw-des {
  display: -webkit-box;
  display: -moz-box;
  padding-top: 14px;
  color: #9e9e9e;
  font-size: 14px;
  font-family: "ECDodds";
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 3 !important;
  -moz-box-orient: vertical;
}

.cx-modeldtw-content .cx-modeldtw-des a {
  color: #9e9e9e;
}

.cx-modeldtw-content .cx-modeldtw-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}

.cx-modeldtw-content .cx-modeldtw-price .cx-modeldtw-price-author {
  flex: 1;
  font-size: 14px;
}

.cx-modeldtw-content .cx-modeldtw-price .cx-modeldtw-price-yh {
  font-size: 14px;
}

.dtw_video_h .cx-modeldtw-img .cx-sign {
  right: 6px;
  bottom: -6px;
}

.dtw_video_h .cx-modeldtw-img {
  height: 120px;
}

.dtw_video_h .cx-modeldtw-content {
  height: 120px;
}

.dtw_video_h .cx-modeldtw-content .cx-modeldtw-des {
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2 !important;
}

.dtw_video_h .cx-modeldtw-content .cx-modeldtw-t {
  margin-top: 0;
}

/* 11.小图文 */
.cx-model-stw {
  border-bottom: 1px solid #eeeeee;
  padding: 20px 34px 20px 0;
  text-align: left;
  overflow: hidden;
}

.cx-modelstw-img {
  float: left;
  position: relative;
  width: 96px;
  height: 130px;
  margin-right: 15px;
  overflow: hidden;
}

.cx-modelstw-img img {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  border: 1px solid #f3f3f3;
}

.cx-modelstw-img .cx-sign {
  position: absolute;
  top: auto;
  right: 6px;
  bottom: -6px;
  left: auto;
  width: 26px;
  height: 26px;
  border: 0;
  z-index: 2;
}

.cx-modelstw-img .cx-sign-paper {
  position: absolute;
  top: auto;
  right: 0px;
  bottom: -6px;
  left: auto;
  width: 50px;
  height: 20px;
  border: 0;
  z-index: 2;
}

.cx-modelstw-content {
  position: relative;
  overflow: hidden;
  height: 130px;
}

.cx-modelstw-content .cx-modelstw-t {
  display: -moz-box;
  display: -webkit-box;
  margin-top: 12px;
  color: #212121;
  font-size: 16px;
  font-family: "ECDodds";
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 1 !important;
  -moz-box-orient: vertical;
  font-weight: 600;
  color: #333;
}

.cx-modelstw-content .cx-modelstw-des {
  display: -webkit-box;
  display: -moz-box;
  margin-top: 10px;
  font-size: 14px;
  color: #9e9e9e;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 2 !important;
  -moz-box-orient: vertical;
}

.cx-modelstw-content .cx-modelstw-des a {
  color: #9e9e9e;
}

.cx-modelstw-content .cx-modelstw-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.cx-modelstw-content .cx-modelstw-price .cx-modelstw-price-author {
  flex: 1;
  font-size: 14px;
}

.cx-modelstw-content .cx-modelstw-price .cx-modelstw-price-yh {
  font-size: 14px;
}

.cx-modelstw-content .cx-modelstw-price .cx-modelstw-time {
  margin-right: 10px;
  font-size: 13px;
  line-height: 1.4;
  color: #9e9e9e;
}

.stw_video_h .cx-modelstw-img .cx-sign {
  right: 6px;
  bottom: -6px;
}

.stw_video_h .cx-modelstw-img {
  height: 96px;
}

.stw_video_h .cx-modelstw-content {
  height: 96px;
}

.stw_video_h .cx-modelstw-content .cx-modelstw-t {
  margin-top: 0;
}

.stw_video_h .cx-modelstw-content .cx-modelstw-des {
  margin-top: 7px;
}

.cx-modelstw-catalogue {
  background-color: #f6f6f7;
  font-size: 14px;
  color: #999;
  margin-top: 20px;
  position: relative;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  max-height: 78px;
  overflow: hidden;
}

.cx-modelstw-catalogue-list {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  align-self: flex-start;
}

.cx-modelstw-catalogue-list p {
  padding: 0 15px;
  margin: 6px 0;
  cursor: pointer;
  border-right: 1px solid #D3DAE0;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.cx-modelstw-catalogue-button {
  padding-left: 20px;
  cursor: pointer;
}

/* 设置滚动条的样式 */
.cx-modelstw-catalogue::-webkit-scrollbar {
  width: 6px;
}

/* 滚动槽 */
.cx-modelstw-catalogue::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* 滚动条滑块 */
.cx-modelstw-catalogue::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}

.cx-modelstw-catalogue::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #f6f6f7;
  position: absolute;
  top: -20px;
  left: 20px;

}

.cx-modelstw-catalogue>p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 10px;
  cursor: pointer;
}

.cx-highlight {
  color: #50a0ff;
}

/* 13.专栏 */
.cx-column-zl {
  position: relative;
  overflow: hidden;
}

.cx-model-zl {
  overflow: hidden;
  width: 100%;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f5f5f5;
}

.cx-model-zl-img {
  float: left;
  margin-right: 20px;
  width: 120px;
  height: 162px;
  border-radius: 5px;
  overflow: hidden;
}

.cx-model-zl-img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.cx-model-zl-cont {
  overflow: hidden;
  padding-top: 20px;
  padding-right: 40px;
}

.cx-model-zl-tit {
  display: flex;
  overflow: hidden;
  margin-bottom: 4px;
}

.cx-model-zl-tit p {
  flex: 1;
  font-size: 18px;
  font-weight: 600;
}

.cx-model-zl-price {
  text-align: right;
  font-size: 16px;
  color: #ff8300;
}

.cx-model-zl-price>s {
  font-size: 12px;
  color: #b2b2b2;
}

.cx-model-zl-des {
  margin-bottom: 15px;
}

.cx-model-zl-des p {
  font-size: 14px;
  color: #9e9e9e;
}

.cx-model-zl-time {
  display: inline-block;
  padding: 7px 18px;
  margin-bottom: 9px;
  border-radius: 20px;
  line-height: 1;
  color: #8a8a8a;
  background: #efeeeb;
}

/* 14.专栏列表 */
.cx-model-zllist {
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f5f5f5;
}

.cx-model-zllist-img {
  float: left;
  width: 120px;
  height: 162px;
  margin-right: 20px;

  overflow: hidden;
}

.cx-model-zllist-img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.cx-model-zllist-cont {
  padding-right: 40px;
  overflow: hidden;
}

.cx-model-zllist-tit {
  display: flex;
  margin-top: 7px;
  margin-bottom: 20px;
  overflow: hidden;
}

.cx-model-zllist-tit p {
  flex: 1;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.cx-model-zllist-more {
  text-align: right;
}

.cx-model-zllist-more>a {
  color: #8a8a8a;
}

.cx-model-zllist-list>ul>li {
  font-size: 14px;
  line-height: 26px;
}

.cx-model-zllist-list>ul>li {
  color: #5a5a5a;
}

.cx-model-zllist-list>ul>li>a {
  display: block;
  display: flex;
  align-items: center;
}

.cx-model-zllist-list>ul>li>a>i {
  float: left;
  margin-top: 5px;
  margin-right: 8px;
}

/*.cx-model-zllist-list>ul>li>a>i*/

.cx-model-zllist-list>ul>li>a>i {
  background: #efeeeb;
  width: 15px;
  height: 15px;
  color: #efeeeb;
}

.cx-model-zllist-list>ul>li>a>font {
  display: block;
  flex: 1;
}

.cx-model-zllist-list>ul>li>a>span {
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  background: #efeeeb;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
}

.cx-model-zllist-list>ul>li>a>span>i {
  font-size: 13px;
  color: #a8a8a8;
}

.cx-model-zllist-list>ul>li>a>span>i.icon-fileUnplay {
  display: block;
  margin-left: 3px;
  line-height: 20px;
  transform: scale(0.6);
}

/* 15.资讯模块 */
.cx-column-zixun {
  padding: 16px 0;
}

.cx-zixun-next {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
  margin-left: -10px;
}

.cx-zixun-img {
  margin-top: 10px;
  border-radius: 4px;
  overflow: hidden;
}

.cx-zixun-img img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.cx-zixun-tu {
  width: 111px;
  height: 68px;
  margin-left: 10px;
  text-align: center;
  border-radius: 4px;
}

.cx-zixun-tu img {
  width: 100%;
  height: 100%;
}

.cx-zixun-wen {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
  flex: 1;
  overflow: hidden;
}

.cx-zixun-title {
  line-height: 1.3;
  font-size: 16px;
}

.cx-zixun-title a {
  display: block;
}

.cx-zixun-des {
  display: flex;
  margin-top: 10px;
}

.cx-zixun-time {
  margin-right: 10px;
  font-size: 12px;
  line-height: 1;
  color: #999999;
}

.cx-zixun-name {
  max-width: 30%;
  margin-right: 10px;
  font-size: 12px;
  line-height: 1;
  color: #999999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cx-zixun-statistics {
  margin-right: 0;
  font-size: 12px;
  line-height: 1;
  color: #999999;
}

/* .cx-zx-data {
  margin-bottom: 40px;
}

.cx-zx-title {
  margin-bottom: 22px;
}

.cx-zx-artic {
  margin-bottom: 28px;
} */


/*资讯间隔（3种）*/
.cx-zixun-jange-kong {}

.cx-zixun-jange-line {
  border-top: 1px solid #f3f3f3;
}

.cx-zixun-jange-thickline {
  margin: 0 -36px;
  border-top: 10px solid #f3f3f3;
}

/* 18.课程 */
.cx-column-lesson {
  position: relative;
  /* padding-left: 4px; */
  /* padding-right: 4px; */
  padding-bottom: 40px;
  overflow: hidden;
}

.cx-column-lesson .swiper-pagination {
  height: 40px;
  line-height: 40px;
  background: #ffffff;
}

.cx-column-class {
  position: relative;
  padding: 0 3px 66px;
  overflow: hidden;
}

.model-class {
  overflow: hidden;
  width: 200px;
  border: 1px solid #f3f3f3;
  transition: box-shadow 300ms;
  -webkit-transition: box-shadow 300ms;
}

.model-class:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(189, 189, 189, 0.65);
  -moz-box-shadow: 0px 0px 5px 0px rgba(189, 189, 189, 0.65);
  box-shadow: 0px 0px 5px 0px rgba(189, 189, 189, 0.65);
}

.model-class:hover .model-class-img img {
  -webkit-transform: scale(1.1, 1.1) translateZ(0);
  transform: scale(1.1, 1.1) translateZ(0);
}

.model-class-img {
  width: 200px;
  height: 124px;
  overflow: hidden;
}

.model-class-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.model-class-inner {
  padding: 11px 16px 27px;
}

.model-class-header {
  margin-bottom: 2px;
}

.model-class-cont p {
  height: 21px;
}

.model-class-cont p:first-child {
  display: flex;
  width: 100%;
  align-items: center;
  /* justify-content: space-between; */
}

.model-class-teacher {
  flex: 1;
  color: #b2b2b2;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.model-class-view {
  display: flex;
  align-items: center;
}

.model-class-view i {
  width: 14px;
  margin-right: 3px;
  font-size: 14px;
}

.model-class-price {
  font-size: 12px;
  color: #FF8300
}

.model-class-price s {
  color: #B2B2B2;
}

.model-class-title {
  font-weight: 600;
  font-size: 14px;
  height: 42px;
}

.model-class-cont .model-class-des {
  height: 34px;
  overflow: hidden;
  margin-top: 12px;
  font-size: 12px;
  color: #9e9e9e;
}


/*----- 16.各分类下边距 -----*/
.swiper-column-lunbo .swiper-pagination {
  height: 28px;
  line-height: 28px;
}

.swiper-column-lunbo .swiper-pagination,
.zx .swiper-pagination {
  background: transparent;
}

.cx-column-class {
  padding-bottom: 28px;
}

.cx-column-class .swiper-pagination {
  height: 28px;
  line-height: 28px;
  background: #ffffff;
}

/*----- 17.专题列表 -----*/
.cx-column-zt {
  position: relative;
  overflow: hidden;
  padding-bottom: 40px;
}

.cx-model-ztlist {
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f5f5f5;
}

.cx-model-ztlist-img {
  float: left;
  width: 160px;
  height: 206px;
  margin-right: 20px;
  overflow: hidden;
}

.cx-model-ztlist-img img {
  -webkit-box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.1);
}

.cx-model-ztlist-cont {
  overflow: hidden;
  padding-right: 33px;
}

.cx-model-ztlist-tit {
  padding: 10px 0 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
}

.cx-model-ztlist-list {
  padding-bottom: 15px;
}

.cx-model-ztlist-list>ul>li {
  position: relative;
  padding-left: 6px;
  padding-bottom: 1px;
}

.cx-model-ztlist-list>ul>li font {
  display: block;
}

.cx-model-ztlist-list ul li::before {
  content: '';
  width: 3px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  border-radius: 30px;
}

.cx-model-ztlist-more {
  line-height: 1;
}

.cx-model-ztlist-more>a {
  text-align: right;
  font-size: 12px;
  color: #797979;
}


/*----- 19.专题tab(左右) -----*/
.zttab-lr-slide {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 142px;
  height: 360px;
  border: 1px solid #bbbbbb;
}

.zttab-lr-slide p.s-check-tab {
  background: #97040c;
  color: #ffffff;
}

.zttab-lr-slide>p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  /* align-items: center; */
  align-items: center;
  flex: 1;
  font-size: 18px;
  font-weight: 500;
  color: #676767;
  border-bottom: 1px solid #bbbbbb;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}

.zttab-lr-slide>p:last-child {
  border-bottom: 0
}

.zttab-lr-main {
  overflow: hidden;
}

.zttab-lr-more {
  display: inline-block;
  float: right;
  margin-right: 30px;
  font-size: 14px;
  color: #515151;
  text-align: right;
  line-height: 20px;
}

.zttab-lr-cont ul li {
  float: left;
  margin-top: 10px;
  margin-left: 20px;
}

.m-zttab-lr-dom {
  width: 308px;
  height: 160px;
  padding: 23px 26px;
  background-image: url(../img/bg-tab-lr.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 316px;
}

.m-zttab-lr-dom:hover .tit {
  color: #97040c;
}

.m-zttab-lr-dom .tit {
  height: 46px;
  color: #141414;
  font-size: 14px;
  font-weight: 500;
  transition: color .2s
}

.m-zttab-lr-dom .des {
  margin-top: 8px;
  font-size: 13px;
  color: #8b8b8b;
}

/*----- 20.专题tab(上下) -----*/
.zttab-ud-tab {
  border-bottom: 2px solid #97040c;
  overflow: hidden;
  font-size: 0;

}

.zttab-ud-tab li {
  position: relative;
  display: inline-block;
  max-width: 128px;
  height: 38px;
  line-height: 38px;
  padding: 0 10px;
  font-size: 18px;
  font-weight: 500;
  color: #97040c;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}

.zttab-ud-tab li.s-check-tab {
  color: #ffffff;
  background: #97040c;
}

.zttab-ud-more {
  float: right;
  margin-right: 30px;
  color: #515151;
  font-size: 14px;

}

.zttab-ud-tabdom-cont {
  overflow: hidden;
  padding: 20px 0 30px;

}

.m-zttab-ud-dom {
  display: block;
  width: 358px;
  height: 200px;
  padding: 20px 16px 16px;
  background: #f7f7f7;
}

.m-zttab-ud-dom .tit {
  height: 46px;
  font-size: 16px;
  font-weight: 500;
  color: #141414;
  transition: color .2s;
}

.m-zttab-ud-dom .des {
  margin-top: 10px;
  height: 61px;
  color: #8b8b8b;
}

.m-zttab-ud-dom .more {
  display: inline-block;
  float: right;
  margin-top: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #141414;
  text-align: right;
  cursor: pointer;
}

.m-zttab-ud-dom .more:hover {
  color: #97040c;
}

/*----- 21.内容导航模块 -----*/
.cx-contentnavigation-main {
  background-color: #fff;
}

.cx-contentnavigation-banner .swiper-slide>a {
  position: relative;
  display: flex;
  justify-content: center;
}

.cx-contentnavigation-banner .swiper-slide .w1200 {
  width: 1200px;
  margin-left: 50%;
  position: absolute;
  left: -600px;
  top: calc(50% - 60px);
  color: #fff;
  font-size: 60px;
  font-weight: 500;
}

.cx-content-title {
  padding: 28px 0px;
}

.cx-content-title p {
  font-size: 30px;
  color: #263a56;
  font-weight: 500;
  text-align: left;
}

.cx-content-main {
  display: flex;
}

.cx-main-classify {
  width: 138px;
  margin-right: 30px;
  min-height: 250px;
}

.cx-main-classify-title {
  height: 48px;
  line-height: 48px;
  background-color: #f0f2f6;
  text-align: center;
  font-size: 16px;
  color: #313131;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
}

.cx-main-classify-title.checked {
  background-color: #3c54b7;
  color: #fff;
}

.cx-main-news {
  flex: 1;
}

.cx-main-text {
  flex: 1;
  margin-bottom: 50px;
}

.cx-main-news-item {
  color: #313131;
  font-size: 14px;
  padding: 20px 0px;
  border-bottom: 1px solid #eaeaea;
}

.cx-main-news-item:first-child {
  padding-top: 0px;
}

.cx-main-news-item:last-child {
  border-bottom: none;
}

.cx-main-news-item>div {
  float: left;
  max-width: 684px;
}

.cx-main-news-item-img {
  width: 241px;
  height: 147px;
  margin-right: 35px;
  overflow: hidden;
}

.cx-main-news-item-title {
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.cx-main-news-item-time {
  width: 100%;
}

.cx-main-news-item-content {
  margin-top: 27px;
  color: #696969;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.cx-main-product {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

.cx-main-product-item {
  width: 120px;
  margin: 0px 48px 42px 0px;
}

.cx-main-product-item:nth-child(6n+6) {
  margin-right: 0px;
}

.cx-main-product-item-img {
  position: relative;
  width: 120px;
  height: 160px;
}

.cx-main-product-item-img img {
  position: absolute;
  bottom: 0px;
}

.cx-main-product-item-img img.cx-sign {
  position: absolute;
  left: auto;
  right: 6px;
  bottom: 6px;
  width: 26px;
  height: 26px;
  z-index: 2;
  border: 0;
}

.cx-main-product-item-title {
  font-size: 13px;
  color: #4c4c4c;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 0px;
}

.cx-main-product-item-price {
  font-size: 13px;
  color: #ff3813;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cx-main-product .pagediv {
  width: 100%;
}

.cx-content-main .pagination>li>a,
.cx-content-main .pagination>li>span {
  border: none;
  color: #263a56;
}

.cx-content-main .pagination>li[page]>a {
  color: #9aa0a6;
}

.cx-content-main .pagination>li.active>a,
.cx-content-main .pagination>li.active>a:focus,
.cx-content-main .pagination>li.active>a:hover,
.cx-content-main .pagination>li.active>span,
.cx-content-main .pagination>li.active>span:focus,
.cx-content-main .pagination>li.active>span:hover {
  background: none;
  color: #3c54b7;
  font-weight: 500;
}

.cx-content-main .pageJump {
  color: #263a56;
}

.cx-content-main .pageJump input {
  color: #263a56;
}

.cx-content-main .pageJump .button {
  border: none;
  color: #263a56;
}

.cx-content-main .pageJump .button:active {
  color: #fff;
  background-color: #3c54b7;
}

/* 22.栏目内多个列表 */
.cx-classify {
  margin-bottom: 20px;
  text-align: center;
}

.cx-classify-list {
  font-size: 0;
}

.cx-classify-list li {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 20px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 8px;
  font-size: 16px;
  color: #666666;
  border: 1px solid transparent;
  border-radius: 30px;
  cursor: pointer;
}

.cx-classify-list li:hover {
  border-color: #50b7ff;
  color: #50b7ff;
}

.cx-classify-list li.s-check-classify {
  border-color: #50b7ff;
  color: #50b7ff;
}

/* 23.直播 */
.model-living {
  overflow: hidden;
  width: 200px;
  border: 1px solid #f3f3f3;
  transition: box-shadow 300ms;
  -webkit-transition: box-shadow 300ms;
  position: relative;
}

.model-living:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(189, 189, 189, 0.65);
  -moz-box-shadow: 0px 0px 5px 0px rgba(189, 189, 189, 0.65);
  box-shadow: 0px 0px 5px 0px rgba(189, 189, 189, 0.65);
}

.model-living:hover .model-living-img img {
  -webkit-transform: scale(1.1, 1.1) translateZ(0);
  transform: scale(1.1, 1.1) translateZ(0);
}

.model-living-img {
  position: relative;
  width: 200px;
  height: 124px;
  overflow: hidden;
}

.model-living-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.model-living-sign {
  position: absolute;
  top: 10px;
  right: -20px;
  transform: rotate(45deg);
  width: 75px;
  height: 15px;
  line-height: 15px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  background: rgba(81, 160, 255, 0.7);
  z-index: 1;
  display: none;
}

.model-living-inner {
  padding: 11px 14px 27px;
}

.model-living-header {
  margin-bottom: 2px;
}

.model-living-cont p {
  height: 21px;
}

.model-living-cont p:first-child {
  display: flex;
  width: 100%;
  align-items: center;
  /* justify-content: space-between; */
}

.model-living-cont p:nth-child(2) {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.model-living-teacher {
  flex: 1;
  color: #b2b2b2;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.model-living-view {
  display: flex;
  align-items: center;
}

.model-living-view i {
  width: 14px;
  margin-right: 3px;
  font-size: 14px;
}

.model-living-price {
  font-size: 12px;
  color: #FF8300
}

.model-living-price s {
  color: #B2B2B2;
}

.model-living-title {
  font-weight: 600;
  font-size: 14px;
  height: 42px;
  overflow: hidden;
}

.model-living-cont .model-living-des {
  height: 34px;
  overflow: hidden;
  margin-top: 12px;
  font-size: 12px;
  color: #9e9e9e;
}

.model-living .living-sign {
  position: absolute;
  top: 0;
  right: 0;
}

.model-living .living-sign span {
  width: 74px;
  height: 24px;
  line-height: 24px;
  border-radius: 0 0 0 6px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.model-living .living-sign span.start {
  background: #2ED29C;
  color: #fff;
}

.model-living .living-sign span.start::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #2ED29C;
  display: inline-block;
  position: absolute;
  top: 142px;
  left: -128px;
  border-radius: 100%;
}

.model-living .living-sign span.nostart {
  background: #ccc;
  color: #fff;
}

.model-living .living-sign span.over {
  background: #FB6766;
  color: #fff;
}

.model-living .living-sign span.playback {
  background: #F8A832;
  color: #fff;
}

.living-sign span {
  display: block;
  width: 70px;
  height: 15px;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;

}

.living-sign span.start {
  color: #ffffff;
  background: #51a0ff;
}

.living-sign span.nostart {
  color: #51a0ff;
  background: rgba(81, 160, 255, 0.15);
}

.living-sign span.over {
  color: #999999;
  background: #eeeeee;
}

.living-play-list {
  padding: 0 16px;
  background-color: #fff;
  margin-top: 20px;
}

/* 23.直播 */
.cx-model-class {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -1px;
  height: 98px;
  border-top: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
  cursor: pointer;
}

.cx-model-class-content {
  width: 880px;
}

.cx-model-class-title {
  font-size: 14px;
  font-weight: 500;
}

.cx-model-class-des {
  margin-top: 9px;
  font-size: 0;
  color: #999999;
}

.cx-model-class-des>div {
  display: inline-block;
  font-size: 12px;
  margin-right: 30px;
}

.cx-model-class-des>div:last-child {
  margin-right: 0;
}

.cx-model-class-school {
  width: 253px;
}

.cx-model-class-teacher {
  width: 152px;
}

.cx-model-class-number {
  width: 106px
}

.cx-model-class-time {
  width: 279px;
}

.cx-model-class-sign {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.cx-model-class-sign-img {
  width: 38px;
  height: 38px;
  margin-bottom: 5px;
  border-radius: 50%;
  overflow: hidden;
}

.cx-model-class-sign-img>img {
  width: 100%;
  height: 100%;
}

.cx-model-class-sign>p {
  font-size: 12px;
  color: #999999;
}

/* 24.培训 */
.cx-cchannel-head {
  margin-left: -16px;
  margin-right: -16px;
  margin-left: -36px;
  margin-right: -36px;
  background: #f5f5f5;
  width: 1200px;
  margin-bottom: 10px;
}

.cx-cchannel-head-img {
  display: none;
}

.cx-cchannel-head-img img {
  display: block;
  width: 100%;
}

.cx-cchannel-head-card {
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  height: 80px;
  border-radius: 8px;
  margin: 0;
  padding: 0 16px;
  z-index: 2;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 4px 0px rgba(223, 223, 223, 0.5000);
  border-radius: 4px;
}

.cx-cchannel-logo {
  width: 50px;
  height: 50px;
}

.cx-cchannel-logo img {
  width: 100%;
  height: 100%;
}

.cx-cchannel-title {
  margin-left: 16px;
  font-size: 18px;
  font-weight: 500;
  color: #1a1a1a;
}

.cx-column-train {
  padding-bottom: 1px;
}

.cx-train {
  position: relative;
  display: flex;
  /* padding: 10px; */
  padding: 24px 0;
  margin-bottom: 16px;
  /* box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05); */
  border-radius: 6px;
  border-bottom: 1px solid #D2DBE3;
}

.cx-train-type {
  font-size: 14px;
  color: #fff;
  /* padding: 5px 10px; */
  border-radius: 4px;
  width: 80px;
  height: 32px;
  text-align: center;
  line-height: 32px;
}

.cx-train-type.learn {
  background-color: #B6D2F1;
}

.cx-train-type.exam {
  background-color: #C1E8DA;
}

.cx-train-type.offline {
  background-color: #FAE3C4;
}

.cx-train .cx-train-sign {
  position: absolute;
  top: 32px;
  left: 14px;
  width: 32px;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  border-radius: 2px;
  color: #fff;
}

.cx-train-sign.sign-nostart {
  /* background: #FF5050; */
}

.cx-train-sign.sign-doing {
  /* background: #2F72FF; */
}

.cx-train-sign.sign-end {
  /* background: #C2C2C2; */
}

.cx-train .cx-train-sign>p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 38px;
  transform: translate(-50%, -50%) scale(0.733);
}

.cx-train .cx-train-img {
  font-size: 0;
}

.cx-train .cx-train-img img {
  object-fit: cover;
  width: 112px;
  height: 80px;
  margin-right: 7px;
}

.cx-train .cx-train-title {
  font-weight: 500;
  font-size: 18px;
  color: #333;
}

.cx-train .cx-train-class,
.cx-train-time {
  font-size: 16px;
  color: #999999;
}

.cx-train .cx-train-content {
  display: flex;
  margin-left: 7px;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.cx-train-nop {
  /* padding: 12px; */
  /* margin-bottom: 16px; */
  /* box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05); */
  background: #fff;
  padding: 24px 0;
  border-bottom: 1px solid #D2DBE3;
}

.cx-train-nop .cx-train-sign {
  position: relative;
  /* width: 32px; */
  /* height: 15px; */
  /* line-height: 15px; */
  font-size: 18px;
  /* border-radius: 2px; */
  color: #257CDF;
}

.cx-train-nop .cx-train-sign>p {
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* width: 38px; */
  /* transform: translate(-50%, -50%) scale(0.733); */
}

.cx-train-nop .cx-train-sign>p.nostart {
  color: #7CB2EF;
}

.cx-train-nop .cx-train-sign>p.doing {
  /* color: #6CBF93; */
}

.cx-train-nop .cx-train-sign>p.end {
  color: #ABB4BF;
}

.cx-train-nop .cx-train-title {
  font-weight: 500;
  margin: 20px 0 10px;
  font-size: 18px;
  color: #333;
  font-weight: 600;
}

.cx-train-nop .cx-train-time {
  color: #999999;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}

.cx-train-nop .cx-train-time-tips {
  color: #E6614B;
  font-size: 16px;
  margin-top: 15px;
  min-height: 18px;
}

.cx-train-nop .cx-train-button {
  font-size: 16px;
  margin-top: 14px;
  text-align: right;
}

.cx-train-nop .cx-train-button>a {
  color: #2F77C9;
}

.cx-train-nop .cx-train-button>a>img {
  width: 13px;
  margin-left: 6px;
}

.cx-train-nop>div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cx-train-nop>div:first-child .cx-train-class {
  margin-left: 16px;
  flex: 1;
  text-align: right;
  font-size: 12px;
  color: #999;
}

.cx-column-train .cx-train-nop>.cx-train-learn {
  display: flex;
  /* margin-top: 20px; */
  border: none;
  padding: 20px 0 0;
}

.cx-train-nop>.cx-train-learn .cx-train-title {
  margin-top: 0;
}

.cx-train-nop>.cx-train-learn .cx-train-img {
  margin-right: 7px;
}

.cx-train-nop>.cx-train-learn .cx-train-img img {
  width: 112px;
  height: 80px;
  object-fit: cover;
}

.cx-train-nop>.cx-train-learn .cx-train-info {
  flex: 1;
}

.cx-column-train .cx-train-learn {
  display: flex;
  padding: 24px 0;
  position: relative;
  border-bottom: 1px solid #D2DBE3;
}

.cx-train-learn-img {
  font-size: 0;
  min-width: 118px;
}

.cx-train-learn-img img {
  object-fit: cover;
  width: 312px;
  height: 148px;
  margin-right: 20px;
}

.cx-train-learn-info {
  flex: 1;
  position: relative;
}

.cx-train-learn-info-title {
  font-size: 18px;
  color: #333;
  padding-right: 62px;
  max-width: 734px;
}

.cx-train-learn-info-title p {
  cursor: pointer;
}

.cx-train-learn-info-title p:hover {
  color: #3C96FF;
}

.cx-train-learn-info-state-main {
  position: absolute;
  top: 8px;
  left: -111px;
  width: 88px;
  height: 28px;
  background: #56B5FF;
  border-radius: 14px;
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  text-align: center;
}

.cx-train-learn-info-grade {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
}

.cx-train-learn-info-grade .unqualified {
  color: #55606C;
}

.cx-train-learn-info-grade .qualified {
  color: #33CC66;
}

.cx-train-learn-info-duration {
  color: #55606C;
  margin-top: 20px;
  width: 360px;
  display: flex;
  justify-content: space-between;
}

.cx-train-learn-info-duration p {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.cx-train-learn-info-duration span {
  font-size: 20px;
  display: flex;
  align-items: center;
  margin-left: 13px;
}

/* .cx-train-learn-info-duration p:first-child span::before{
  content: '目标学时';
  margin-right: 13px;
  font-size: 16px;
}
.cx-train-learn-info-duration p:nth-child(2) span::before{
  content: '已获学时';
  margin-right: 13px;
  font-size: 16px;
} */
.cx-train-learn-info-progress {
  height: 8px;
  margin-top: 10px;
}

.cx-train-learn-info-progress>div {
  width: 360px;
  background: #E9EEF5;
  border-radius: 5px;
}

.cx-train-learn-info-progress>div>p {
  height: 8px;
  background: #3C96FF;
  border-radius: 5px;
}

.cx-train-learn-info-time {
  color: #6B747F;
  font-size: 16px;
  margin-top: 15px;
}

.cx-train-learn-info-time span:first-child {
  margin-right: 5px;
}

.cx-train-learn-info-time span:nth-child(2) {
  margin-left: 5px;
}

.cx-train-learn-info-last {
  font-size: 16px;
  color: #333;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 31px;
}

.cx-train-learn-info-last:hover {
  color: #3C96FF;
}

.nostart .cx-train-learn-info-last {
  display: none;
}

.end .cx-train-learn-info-last {
  /* display: none; */
}

.cx-train-learn-info-start {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80px;
  height: 32px;
  background: #588DF4;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}

.cx-train-learn.nostart .cx-train-learn-info-start {
  background-color: #D9DDE7;
  /* cursor:none; */
}

.cx-train-learn-info-button {
  cursor: pointer;
  width: 96px;
  height: 32px;
  border: 1px solid #079DC4;
  text-align: center;
  line-height: 30px;
  color: #079DC4;
  font-size: 16px;
  position: absolute;
  top: 108px;
  right: 0;
}

.cx-train-learn-info-details {
  display: flex;
  background: #F7FAFD;
  height: 90px;
  margin-top: 24px;
}

.nostart .cx-train-learn-info-details {
  display: none;
}

.cx-train-learn-info-details p {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  color: #55606C;
  font-size: 20px;
}

.cx-train-learn-info-details p:last-child {
  font-size: 18px;
}

.cx-train-learn-info-details p::before {
  content: '';
  width: 1px;
  height: 42px;
  background: #BBC9D8;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 24px;
}

.cx-train-learn-info-details p:last-child::before {
  content: none;
}

.cx-train-learn-info-details p::after {
  font-size: 16px;
  color: #7C8692;
  margin-top: 9px;
}

.cx-train-learn-info-details p:first-child::after {
  content: '目标学时';
}

.cx-train-learn-info-details p:nth-child(2)::after {
  content: '已获学时';
}

.cx-train-learn-info-details p:nth-child(3)::after {
  content: '是否合格';
}

.cx-train-null {
  min-height: calc(100vh - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cx-train-loading {
  min-height: calc(100vh - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.cx-train-loading p {
  margin-top: 16px;
  font-size: 16px;
}

.loader-44 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  color: #808895;
  -webkit-animation: animloader44 2s linear infinite;
  animation: animloader44 2s linear infinite;
}

@-webkit-keyframes animloader44 {
  0% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }

  25% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px;
  }

  50% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px;
  }

  75% {
    box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }

  100% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
}

@keyframes animloader44 {
  0% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }

  25% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px;
  }

  50% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px;
  }

  75% {
    box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }

  100% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
}
/*学习任务*/
.cx-column-learn .cx-train-learn {
  display: flex;
  padding: 24px 0;
  position: relative;
  border-bottom: 1px solid #D2DBE3;
  /* cursor: pointer; */
}

.cx-column-learn .cx-train-nop .cx-train-learn {
  border: none;
  padding: 20px 0 0;
}

/*25.报表*/

.cx-report .cx-report-info {
  background-color: #fff;
  padding: 0 20px 15px;
}

.cx-report .cx-report-time {
  background-color: #fff;
  padding: 0 20px 15px;
  display: flex;
}

.cx-report .cx-report-time-cont {
  background-color: #f8f8f8;
  display: inline-flex;
  padding: 10px 0;
  border-radius: 8px;
}

.cx-report .cx-report-time-cont>div {
  padding: 0 20px;
  border-right: 1px solid #dbdee4;
  /* text-align: center; */
}

.cx-report .cx-report-time-cont>div:last-child {
  border-right: none;
}

.cx-report .cx-report-time-cont>div>p {
  color: #434F63;
  font-size: 13px;
}

.cx-report .cx-report-time-cont>div>p:nth-child(2) {
  color: #B9BFCE;
  font-size: 12px;
  margin-top: 8px;
}

.cx-report .cx-report-title {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  background-color: #fff;
  padding: 15px 20px 0;
  display: flex;
  align-items: center;
}

.cx-report .cx-report-student {
  background-color: #fff;
  padding: 15px 20px 0;

}

.cx-report .cx-report-student-cont {
  display: flex;
  align-items: center;
}

.cx-report .cx-report-student-class {
  display: flex;
  margin-top: 15px;
}

.cx-report .cx-report-student-class>p {
  margin-right: 25px;
  color: #434F63;
  font-size: 13px;
}

.cx-report .cx-report-student .cx-report-student-img {
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 100%;
  font-size: 0;
  margin-right: 15px;
}

.cx-report .cx-report-student .cx-report-student-img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-report .cx-report-student .cx-report-student-info {
  flex: 1;
}

.cx-report .cx-report-student .cx-report-student-info .cx-report-student-info-detail p:first-child::before {
  content: '昵称：';
  font-size: 16px;
  color: #6B747F;
}

.cx-report .cx-report-student .cx-report-student-info .cx-report-student-info-detail p:nth-child(2) {
  margin-top: 16px;
}

.cx-report .cx-report-student .cx-report-student-info>p:first-child {
  color: #434F63;
  font-size: 15px;
}

.cx-report .cx-report-student .cx-report-student-info>p:nth-child(2) {
  color: #B9BFCE;
  font-size: 12px;
  margin-top: 8px;
}

.cx-report .cx-report-student .cx-report-student-button {
  font-size: 12px;
}

.cx-report .cx-report-student .cx-report-student-button>a {
  color: #75B3FF;
}

.cx-report .cx-report-info-class {
  color: #2F6AC3;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 0 10px;
  opacity: 0.7;
}

.cx-report .cx-report-info-detail {
  display: flex;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  /* text-align: center; */
  flex-wrap: wrap;
}

.cx-report .cx-report-info-detail div {
  padding: 0 20px;
  position: relative;
}

.cx-report .cx-report-info-detail div::after {
  /* content: ''; */
  position: absolute;
  right: 0;
  top: 12px;
  width: 1px;
  height: 40px;
  background-color: #E9E9E9;
}

.cx-report .cx-report-info-detail div:last-child::after {
  content: none;
}

.cx-report .cx-report-info-detail .cx-report-info-detail-duration {
  padding-left: 0;
}

.cx-report .cx-report-info-detail .cx-report-info-detail-duration>p>span {
  color: rgba(0, 0, 0, 0.85);
  font-size: 30px;
}

.cx-report .cx-report-info-detail .cx-report-info-detail-days>p>span {
  color: rgba(0, 0, 0, 0.85);
  font-size: 30px;
}

.cx-report .cx-report-info-detail .cx-report-info-detail-rate>p>span {
  color: rgba(0, 0, 0, 0.85);
  font-size: 30px;
}

.cx-report .cx-report-info-detail .cx-report-info-detail-firsttime>p>span {
  color: #333;
  font-size: 22px;
  line-height: 45px;
}

.cx-report .cx-report-info-detail .cx-report-info-detail-lasttime>p>span {
  color: #333;
  font-size: 22px;
  line-height: 45px;
}

.cx-report .cx-report-info-detail-state>p>span.detail-state-completed {
  color: #35C959;
}

.cx-report .cx-report-info-detail-state>p>span.detail-state-incomplete {
  color: #999;
}

.cx-report .cx-report-echarts {
  background-color: #fff;
  margin-top: 20px;
}

.cx-report .cx-report-echarts-title {
  padding: 14px 26px;
  display: flex;
}

.cx-report .cx-report-echarts-title p {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  display: flex;
  align-items: flex-end;
  font-size: 12px;
  color: #666;
  position: relative;
}

.cx-report .cx-report-echarts-title p>span.cx-report-echarts-tips {
  margin-left: 10px;
  font-size: 12px;
  color: #666;
  font-weight: 400;
}

.cx-report .cx-report-echarts-button {
  margin-left: 10px;
  position: relative;
}

.cx-report .cx-report-echarts-button img {
  pointer-events: none;
  position: relative;
  z-index: 1;
  width: 22px;
}

.cx-report .cx-report-echarts-time {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  z-index: 0;
  font-size: 0;
  cursor: pointer;
}

.cx-report .cx-report-echarts-title p>span {
  font-weight: 600;
  color: #333;
  font-size: 18px;
  margin-right: 10px;
}

.cx-report .cx-report-echarts-title p>img {
  /* margin-left: 10px; */
}

.cx-report .cx-report-echarts-cont {
  height: 350px;
}

.cx-report .cx-report-echarts-null {
  font-size: 18px;
  color: #A2B0BD;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 500px;
}

.cx-report .cx-report-course {
  background-color: #fff;
  margin-top: 20px;
  padding: 0 17px;
}

.cx-report .cx-report-course-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  padding: 7px 0;
}

.cx-detail.cx-report .model-mooc-list {
  padding-bottom: 200px;
}

.cx-detail.train.exam {
  margin-bottom: 20px;
}

.cx-detail.cx-report .model-mooc-item {
  display: flex;
  justify-content: space-between;
}

.cx-detail.cx-report .model-mooc-leve1.model-mooc-group {
  padding: 6px 0;
}

.cx-detail.cx-report .model-mooc-leve1.model-mooc-group>p {
  font-size: 18px;
  color: #333;
  font-weight: 700;
  margin-right: 20px;
}

.cx-detail.cx-report .model-mooc-leve1.model-mooc-group>span {
  line-height: 27px;
}

.cx-detail.cx-report .model-mooc-leve2.model-mooc-group {
  padding: 6px 0;
}

.cx-detail.cx-report .model-mooc-leve2.model-mooc-group>p {
  font-size: 18px;
  font-weight: 700;
  color: #666;
}

.cx-detail.cx-report .model-mooc-period {
  background-color: #f7f7f7;
  padding: 10px 20px;
  overflow: hidden;
}

.cx-detail.cx-report .model-mooc-period>p {
  color: #666;
  font-weight: 700;
  font-size: 18px;
}

.cx-detail.cx-report .model-mooc-courseware {
  position: relative;
  cursor: pointer;
  background-color: #f7f7f7;
  padding: 0px 20px;
  justify-content: flex-start;
}

.cx-detail.cx-report .model-mooc-courseware.learning a {
  color: #50b7ff;
}

.cx-detail.cx-report .model-mooc-courseware:hover .model-mooc-courseware-title,
.cx-detail.cx-report .model-mooc-courseware:hover .courseware-info-progress {
  color: #50b7ff;
}

.cx-detail.cx-report .model-mooc-courseware .icon-mooc {
  /* position: absolute;
  left: 0;
  top: 2px; */
  display: flex;
  font-size: 20px;
  margin-right: 10px;
  margin-top: 14px;
}
.cx-detail.cx-report .model-mooc-courseware .model-mooc-courseware-icon {
  display: flex;
  font-size: 20px;
  margin-right: 10px;
  margin-top: 14px;
}
.cx-detail.cx-report .model-mooc-courseware .model-mooc-courseware-cont {
  flex: 1;
}

.cx-detail.cx-report .model-mooc-courseware .icon-locked {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -12px;
  font-size: 24px;
  color: #999;
}

.cx-detail.cx-report .model-mooc-courseware .model-mooc-courseware-title {
  font-size: 16px;
  color: #666;
  border-top: 1px solid #eee;
  width: 100%;
  padding: 10px 0 6px;
}

.cx-detail.cx-report.model-mooc-courseware.learning .model-mooc-courseware-title,
.cx-detail.cx-report .model-mooc-courseware.learning .courseware-info-progress {
  color: #50b7ff;
}

.cx-detail.cx-report .model-mooc-courseware .model-mooc-courseware-info {
  font-size: 12px;
  color: #aaa;
  padding-bottom: 10px;
}

.cx-detail.cx-report .model-mooc-courseware .model-mooc-courseware-info .courseware-info-progress {
  padding-right: 10px;
  position: relative;
}

.cx-detail.cx-report .model-mooc-courseware .model-mooc-courseware-info .courseware-info-num {
  padding-left: 10px;
}

.cx-detail.cx-report .model-mooc-leve1.model-mooc-period {
  margin-top: 12px;
}

/* 25.1.企培-学时学分任务-报表 */
.cx-detail.cx-report.exam .cx-report-student {
  padding: 24px;
}

.cx-detail.cx-report.exam .cx-report-student .cx-report-student-cont {
  display: block;
  font-size: 16px;
  color: #6B747F;
}

.cx-detail.cx-report.exam .cx-report-student-title {
  font-size: 20px;
  color: #333;
}

.cx-detail.cx-report.exam .cx-report-student .cx-report-student-info {
  margin-top: 16px;
}

.cx-detail.cx-report.exam .cx-report-student .cx-report-student-img {
  display: none;
}

.cx-detail.cx-report.exam .cx-report-student .cx-report-student-info>p:nth-child(2) {
  font-size: 16px;
  color: #6B747F;
  margin: 0;
}

.cx-detail.cx-report.exam .cx-report-student .cx-report-student-info>p:nth-child(2)::before {
  content: '昵称：';
}

.cx-detail.cx-report.exam .cx-report-student-class {
  margin-top: 16px;
}

.cx-detail.cx-report.exam .cx-report-student-class>p {
  font-size: 16px;
  color: #6B747F;
  margin: 0;
}

.cx-detail.cx-report.exam .cx-report-student-time {
  margin-top: 16px;
}

.cx-detail.cx-report.exam .cx-report-progress .cx-report-progress-head-title {
  font-size: 18px;
  color: #333;
  font-weight: 600;
}

.cx-detail.cx-report.exam .cx-report-progress .cx-report-progress-head-cont {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.cx-detail.cx-report.exam .cx-report-progress .cx-report-progress-head-cont>div>p {
  color: #818991;
  font-weight: 600;
  font-size: 20px;
  text-align: right;
}

.cx-detail.cx-report.exam .cx-report-progress .cx-report-progress-head-cont div:first-child {
  flex: 2;
}

.cx-detail.cx-report.exam .cx-report-progress .cx-report-progress-head-cont div:nth-child(2) {
  flex: 1;
}

.cx-detail.cx-report.exam .cx-report-progress .cx-report-progress-head-cont .cx-report-progress-item-duration {
  font-size: 16px;
  color: #3C96FF;
  width: auto;
  margin-top: 10px;
}

.cx-detail.cx-report.exam .cx-report-progress .cx-report-progress-head-cont .cx-report-progress-item-duration span {
  font-size: 22px;
  margin-left: 13px;
}

.cx-detail.cx-report.exam .cx-report-progress .cx-report-progress-head-cont .cx-report-progress-item-line {
  width: 732px;
  height: 10px;
  background: #E9EEF5;
  border-radius: 5px;
  margin-top: 10.5px;
}

body .layui-laydate .layui-this {
  background-color: transparent !important;
  color: #666 !important;
}

body.laydateCheck .layui-laydate .layui-this {
  background-color: #009688 !important;
  color: #fff !important;
}

body .layui-laydate-content td:hover,
.layui-laydate-list li:hover {
  background-color: #eaeaea !important;
  color: #333 !important;
}

body .layui-laydate-content td:hover,
.layui-laydate-list li:hover {
  background-color: #eaeaea !important;
  color: #333 !important;
}

.cx-detail.cx-report.exam .cx-report-detail {
  /* margin-top: 24px; */
  /* display: flex; */
  padding: 0 22px;
  background-color: #fff;
}

.cx-detail.cx-report.exam .cx-report-detail .cx-report-detail-head {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  line-height: 1;
  padding: 20px 0;
  border-bottom: 1px solid #E0E6ED;
}

.cx-detail.cx-report.exam .cx-report-detail .cx-report-detail-cont {
  display: flex;
}

.cx-detail.cx-report.exam .cx-report-info {
  flex: 1;
  /* margin-right: 22px; */
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 117px;
}

.cx-detail.cx-report.exam .cx-report-time {
  flex: 1;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 117px;
}

.cx-detail.cx-report.exam .cx-report-info-detail {
  flex: 1;
  font-size: 16px;
  color: #333;
}

.cx-detail.cx-report.exam .cx-report-info-detail>div {
  padding: 0;
  flex: 1;
}

.cx-detail.cx-report.exam .cx-report-info-detail>div p:nth-child(2) {
  color: #6B747F;
  margin-top: 15px;
  font-size: 16px;
}

.cx-detail.cx-report.exam .cx-report-info-detail>div p span {
  font-size: 24px;
  color: inherit;
}

.cx-detail.cx-report.exam .cx-report-info-detail div::after {
  /* height: 58px; */
  /* top: 8.5px; */
  /* background: #BCC2D0; */
}

.cx-detail.cx-report.exam .cx-report-time-cont {
  padding: 0;
  background: transparent;
  flex: 1;
}

.cx-detail.cx-report.exam .cx-report-time-cont>div {
  flex: 1;
  padding: 0;
  border: none;
  position: relative;
}

.cx-detail.cx-report.exam .cx-report-time-cont>div:first-child::after {
  /* content: ''; */
  width: 1px;
  height: 58px;
  display: inline-block;
  position: absolute;
  top: 8.5px;
  right: 0;
  background: #BCC2D0;
}

.cx-detail.cx-report.exam .cx-report-time-cont>div>p:first-child {
  color: #333;
  font-size: 24px;
}

.cx-detail.cx-report.exam .cx-report-time-cont>div>p:nth-child(2) {
  font-size: 16px;
  color: #6B747F;
  margin-top: 15px;
}

.cx-detail.cx-report.exam .cx-report-progress {
  background: #fff;
  margin-top: 24px;
  padding: 22px 22px 24px;
}

.cx-detail.cx-report.exam .cx-report-progress-head {
  /* font-size: 20px; */
  /* color: #333; */
  /* padding-bottom: 18px; */
  /* border-bottom: 1px solid #D3D6DA; */
}

.cx-detail.cx-report.exam .cx-report-progress-list {
  padding-top: 8px;
}

.cx-detail.cx-report.exam .cx-report-progress-item {
  background: #F3F5F7;
  margin-top: 16px;
  padding: 20px;
}

.cx-detail.cx-report.exam .cx-report-progress-item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  color: #333;
}

.cx-detail.cx-report.exam .cx-report-progress-item-title {
  display: flex;
  align-items: center;
}

.cx-detail.cx-report.exam .cx-report-progress-item-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cx-detail.cx-report.exam .cx-report-progress-item-icon .icon-checked-product {
  font-size: 22px;
  color: #fff;
}

.cx-detail.cx-report.exam .unfinished .cx-report-progress-item-icon .icon-checked-product {
  display: none;
}

.cx-detail.cx-report.exam .finished .cx-report-progress-item-icon {
  background: #4FD89B;
}

.cx-detail.cx-report.exam .unfinished .cx-report-progress-item-icon {
  background: #CBD6E1;
}

.cx-detail.cx-report.exam .finished .cx-report-progress-item-state p::before {
  content: '已完成';
  color: #588DF4;
  font-size: 16px;
}

.cx-detail.cx-report.exam .unfinished .cx-report-progress-item-state p::before {
  content: '未完成';
  color: #808896;
  font-size: 16px;
}

.cx-detail.cx-report.exam .cx-report-progress-item-detail {
  color: #6B747F;
  font-size: 16px;
  margin-top: 16px;
  display: flex;
  align-items: center;
}

.cx-detail.cx-report.exam .courseComplete .cx-report-progress-item-detail {
  display: none;
}

.cx-detail.cx-report.exam .cx-report-progress-item-duration {
  width: 172px;
}

.cx-detail.cx-report.exam .cx-report-progress-item-line {
  width: 264px;
  height: 8px;
  background: #D0D7E1;
  border-radius: 4px;
}

.cx-detail.cx-report.exam .cx-report-progress-item-line p {
  height: 8px;
  background: #3C96FF;
  border-radius: 4px;
}

.cx-detail.cx-report.exam .train-rate .cx-report-progress-item-line {}

.cx-detail.cx-report.exam .cx-report-echarts {
  margin: 24px 0;
}

.cx-detail.cx-report.exam .cx-report-echarts-title {
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.cx-detail.cx-report.exam .cx-report-echarts-unit {
  position: absolute;
  top: 40px;
  left: 0px;
  font-size: 16px;
  color: #BBC1D0;
  font-weight: 400;
}
.m-menu-mission .detail-child-tab {
  border-top: 1px solid #f7f7f7;
  border-bottom: 0;
  background-color: #f5f5f5;
}

.detail-child-tab {
  margin: 0 -14px;
  font-size: 0;
  flex-flow: row wrap;
  border-bottom: 1px solid #f3f3f3;
  display: flex;
  flex: 1;
}

.detail-child-tab-item {
  line-height: 1;
  text-align: center;
  cursor: pointer;
  text-overflow: ellipsis;

}

.cx-detail .detail-child-tab-qp .detail-child-tab .detail-child-tab-item {
  position: relative;
    padding: 4px 10px;
    margin: 6px 6px;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}


.cx-detail .detail-child-tab .detail-child-tab-item.tab-child-check {
  background: #E3E3E0;
  border-radius: 15px;
  font-weight: 600;
  color: #777777;
}

.detail-child-tab-qp {
  display: flex;
}

.detail-child-tab-qp-on {
  background-color: #f5f5f5;
  width: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-more {
  cursor: pointer;
}

.catalogue-stage-head-bottom ul {
  flex-flow: row wrap;
  display: flex;
  background: #E9F0F9;
  align-items: center;
  flex: 1;
}

.catalogue-stage-head-bottom ul li {
  padding: 4px 14px;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
  margin: 8px 16px;
}

.catalogue-stage-head-bottom ul li.active {
  background: #D1E2F9;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 600;
  color: #3C96FF;
}

.catalogue-stage-head-bottom {
  display: flex;
}

.stage-head-bottom-on {
  font-size: 14px;
  font-weight: 400;
  color: #7C8692;
  background-color: #f5f5f5;
  width: 75px;
  padding-bottom: 13px;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  flex-direction: column;
}
.catalogue-stage-head-bottom .stage-head-bottom-on{
  background-color: #E9F0F9;
}
.stage-head-bottom-on span {
  font-size: 16px;
  margin-right: 5px;
}

.menu-more i {
  
}

/*26.学习频道*/
.container-learn {
  background: transparent;
}
.cx-column-learn-head{
  display: flex;
}
.cx-column-learn-head-button {
  display: flex;
  align-items: center;
  color: #333;
  justify-content: space-between;
  font-size: 14px;
  color: rgba(0,0,0,0.8);
  line-height: 20px;
  padding: 17px 12px;
  width: 240px;
  height: 60px;
  background: #FFFFFF;
  box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.1);
  border-radius: 8px 8px 8px 8px;
  margin-right: 20px;
  cursor: pointer;
}
.cx-column-learn-head-button:last-child{
  margin-right: 0;
}
.cx-column-learn-head-button img {
  width: 26px;
}

.cx-column-learn-title {
  padding: 10px 0 16px;
  font-weight: 500;
  font-size: 18px;
  color: rgba(0,0,0,0.8);
  line-height: 25px;
}

.cx-column-learn {
  background-color: #fff;
  padding: 0 20px;
}

.cx-column-learn .cx-train {
  padding: 12px;
  margin-bottom: 16px;
  box-shadow: 0 3px 10px 0 rgb(0, 0, 0, 0.05);
  position: relative;
  background: #fff;
}

.cx-column-learn .cx-train .cx-train-sign {
  display: none;
}

.cx-column-learn .cx-train .cx-train-content>div:nth-child(2) {
  display: none;
}

.cx-column-learn .cx-train .cx-train-button {
  font-size: 12px;
  margin-top: 14px;
  text-align: right;
}

.cx-column-learn .cx-train .cx-train-button>a {
  color: #2F77C9;
}

.cx-column-learn .cx-train .cx-train-button>a>img {
  width: 13px;
  margin-left: 6px;
}

.cx-column-learn .cx-train .cx-train-title {
  font-weight: 600;
}

.cx-learn-nop {
  padding: 12px;
  margin-bottom: 16px;
  box-shadow: 0 3px 10px 0 rgb(0, 0, 0, 0.05);
  position: relative;
  background: #fff;
}

.cx-learn-info {
  display: flex;
}

.cx-learn-img {
  width: 140px;
  height: 80px;
  margin-right: 10px;
  border-radius: 4px;
  overflow: hidden;
}

.cx-learn-title {
  flex: 1;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cx-learn-button {
  position: absolute;
  right: 12px;
  bottom: 12px;
  font-size: 12px;

}

.cx-learn-button a {
  color: #2F77C9;
}

.cx-learn-nop .cx-learn-button>a>img {
  width: 13px;
  margin-left: 6px;
}


/*教培*/
.cx-detail.classcont.teacherTrain .cont-main {
  margin-top: 0;
}

.cx-detail.classcont.teacherTrain .cont-slide .slide-nav {
  display: none;
}

.teacherTrain-classname {
  display: none;
}

.cx-detail.classcont.teacherTrain .teacherTrain-classname {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  background: #f8f8f8;
}


/*27.课时详情*/
.cx-detail.mooc-class-period{
  background: #fff;
  min-height: 100vh;
}
.mooc-class-period-cover{
  font-size: 0;
  display: flex;
  justify-content: center;
}
.mooc-class-period-list{
  padding: 0 17px 20px;
}
.mooc-class-period-list-title{
  padding: 6px 0 0 ;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0,0,0,0.8);
    line-height: 22px;
    margin-bottom: 14px;
}
.mooc-class-period-item{
  display: flex;
  background: #F9F9F9;
  padding: 14px 9px 14px 12px;
  border-bottom: 1px solid #eee;
}
.mooc-class-period-item:last-child{
  border: none;
}
.mooc-class-period-icon{
  font-size: 0;
  margin-right: 6px;
}
.mooc-class-period-icon i{
  font-size: 20px;
}
.mooc-class-period-cont{
  flex: 1;
  display: flex;
}
.mooc-class-period-info{
  flex: 1;
}
.mooc-class-period-cont-title{
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.mooc-class-period-cont-status{
  font-size: 12px;
  color: #9A9A9A;
  line-height: 17px;
  margin-top: 4px;
  /* display: none; */
}
.mooc-class-period-img{
  font-size: 0;
}
.mooc-class-period-img img{
  width: 80px;
  height: 45px;
  border-radius: 2px 2px 2px 2px;
  border: 1px solid rgba(0,0,0,0.08);
  object-fit: cover;
}
.mooc-class-period-recommend{
  padding-top: 6px;
}
.mooc-class-period-recommend-title{
  padding: 0 17px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0,0,0,0.8);
  line-height: 22px;
  margin-bottom: 14px;
}
.mooc-class-period-recommend-swiper{
  padding:  0 20px;
}
.mooc-class-period-recommend-swiper-slide{
  width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mooc-class-period-recommend-swiper-slide-img{
  font-size: 0;
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
  border-radius: 2px 2px 2px 2px;
  overflow: hidden;
  display: inline-block;
}
.mooc-class-period-recommend-swiper-slide-img img{
  height: 100%;
  width: auto;
  /* object-fit: cover; */
}
.mooc-class-period-recommend-swiper-slide-text{
  font-size: 10px;
  color: #6D6D6D;
  line-height: 21px;
  padding-bottom: 20px;

overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.mooc-class-period-application{
  padding-top: 6px;
}
.mooc-class-period-application-title{
  padding: 0 17px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0,0,0,0.8);
  line-height: 22px;
  margin-bottom: 14px;
}
.mooc-class-period-application-cont{
  border-radius: 12px;
  margin: 0 17px;
  overflow: hidden;
  font-size: 0;
}
.mooc-class-period-application-cont img{
  width: 100%;
}
/*---- 个人中心 ----*/
/* 
* 1.个人信息
* 2.个人消息
* 3.个人服务
* 4.个人激活
* 5.个人充值
* 6.个人积分兑换
* 7.个人统计 
* 8.个人购买列表
* 9.个人微库笔记
* 10.个人关于我们
* 11.个人我的收藏
* 12.个人我的报名
* 13.个人我的反馈
* 14.我的班级
* 15.个人我的证书
* 16.个人我的证书任务
* 17.个人我的企业
* 18.个人我的培训
* 19.个人我的投稿
* 20.我教的班
* 21.我教的课
* 22.个人我的报名-详情
* 23.个人我的导出
* 24.个人我的订单
* 25.个人我的订单-详情
* 26.个人我的订单-发票
* 27.个人我的订单-退款
* 28.全文传递
* 29.我的收藏
* 30.我的会员卡
*/
.cx-details {
  width: 1200px;
  margin: 0 auto 30px;
}

.cx-column-person {
  width: 1200px;
  margin: 0 auto 30px;
  min-height: calc(100vh - 229px);
}

.cx-column-person-l {
  float: left;
  width: 16%;
  margin-right: 2%;
  background: #ffffff;
}

.cx-column-person-l ul {
  padding: 28px 0;
}

.cx-column-person-l ul li {
  padding: 8px 0;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  cursor: pointer;
}

.cx-column-person-l ul .person-check {
  color: #50b7ff;
}

.cx-column-person-l ul a:hover {
  color: #666;
}

.cx-column-person-l ul li span {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin: 0 7px 0 26px;
  text-align: center;
  font-size: 24px;
  color: #dddddd;
}
.cx-column-person-l ul li span.icon-person-note{
  font-size: 16px;
}

.cx-column-person-l ul .person-check span {
  color: #50b7ff;
}

.cx-column-person-l ul .person-check span:before {
  color: #50b7ff;
}

.cx-column-person-l ul li:hover {
  background: rgba(80, 183, 255, 0.1);
}

.cx-column-person-l ul li span.icon-notes,
.cx-column-person-l ul li span.icon-b-star-check {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

.cx-column-person-r {
  float: left;
  width: 82%;
}

/* 1.个人信息 */
.cx-person-des {
  float: right;
  /*margin-right: 15px;*/
  font-size: 14px;
  color: #666666;
  font-weight: 400;
}

.cx-person-aboutus {
  padding: 35px 45px;
}

.cx-info {
  padding: 25px 0;
}

.cx-info .cx-info-img {
  /* float: left; */
  /* margin: 43px 70px; */
  padding: 13px 0 38px;
  display: flex;
  align-items: center;
}

.cx-info .cx-info-img p {
  flex: none;
  font-size: 16px;
  color: #333;
}

.cx-info .cx-info-img .cx-img-cricle {
  flex: none;
  width: 110px;
  height: 110px;
  margin-left: 30px;
  position: relative;
  border-radius: 100%;
  overflow: hidden;
}

.cx-info .cx-info-img .cx-img-cricle .file_upload {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.cx-info .cx-info-img img {
  width: 100%;
  height: 100%;
}
.cx-info .cx-img-individuation{
  display: auto;
  margin-left: 40px;
}
.cx-info .cx-img-tag .tag-item{
  display: inline-block;
  padding: 6px 16px;
  margin-bottom: 6px;
  margin-right: 10px;
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 14px;
  border-radius: 37px;
}
.cx-info .cx-img-tag .tag-item:nth-child(n){
  color: rgba(17, 119, 228, 1);
  background: rgba(221, 237, 255, 1);
}
.cx-info .cx-img-tag .tag-item:nth-child(2n){
  color: rgba(14, 184, 174, 1);
  background: rgba(215, 244, 243, 1);
}
.cx-info .cx-img-tag .tag-item:nth-child(3n){
  color: rgba(231, 162, 28, 1);
  background: rgba(255, 241, 216, 1);
}
.cx-img-individuation .cx-img-tag,
.cx-img-individuation .cx-img-badge{
  font-size: 0;
}
.cx-info .cx-img-badge .badge-item{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-top: 27px;
  margin-right: 10px;
}
.cx-info .cx-img-badge .badge-item img{
  max-width: 100%;
  max-height: 100%;
}

.cx-info .cx-info-details {
  overflow: hidden;
  padding: 1px 0;
  display: flex;
  flex-wrap: wrap;
}

.cx-info .cx-info-details .cx-info-if {
  position: relative;
  width: 50%;
  font-size: 16px;
  /* padding: 12px 0; */
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.cx-info .cx-info-details .cx-info-if .input-person-name {
  /* padding: 6px 12px; */
  /* border: 1px solid #ccc; */
  /* color: #787d82; */
}

.cx-info .cx-info-details .cx-info-if .cx-info-txr {
  /* float: left; */
  /* text-align: right; */
  /* width: 16%; */
}

.cx-info .cx-info-details .cx-info-if .error {
  position: absolute;
  bottom: 0;
  top: 50px;
  left: 106px;
  font-size: 12px;
  color: red;
}

.cx-info-details .cx-info-if .cx-info-txr p {
  color: #333;
  font-size: 16px;
}

.cx-info-details .cx-info-if .cx-info-txl {
  /* float: left; */
  /* text-align: left; */
  /* margin-left: 15px; */
  width: 300px;
  height: 48px;

  margin-left: 13px;
  display: flex;
  align-items: center;
}

#user_info .cx-info-details .cx-info-if:first-child .cx-info-txl,
#user_info .cx-info-details .cx-info-if:nth-child(3) .cx-info-txl,
#user_info .cx-info-details .cx-info-if:nth-child(5) .cx-info-txl {
  border: 1px solid #EEEEEE;
  padding-left: 20px;
}

.cx-info-details .cx-info-if .cx-info-txl>p {
  color: #333333;
  font-size: 16px;
  line-height: 48px;
  padding: 0 20px;
  border: 1px solid #EEEEEE;
  width: 100%;
  height: 100%;
}

.cx-info-details .cx-info-if .cx-info-txl>input[type='radio']:nth-child(2) {
  margin-left: 10px;
}

.cx-person-info .cx-info .form-item .forgot-btn {
  width: 30% !important;
}

.cx-info-details .cx-info-if .cx-info-details .cx-info-if .input-person-name {
  color: #333333;
  font-size: 16px;
  line-height: 48px;
  padding: 0 20px;
  width: 100%;
  border: 1px solid #EEEEEE;
}

.cx-person-numinfo {
  margin-top: 20px;
  padding: 40px 50px;
  background: #ffffff;
}

.cx-column-person .cx-person-numinfo {
  padding: 0 20px 40px;
}

.cx-column-person .cx-person-numinfo .cx-info-title p {
  float: none;
}

.cx-person-numinfo .cx-info-title p {
  font-size: 18px;
}

.cx-person-numinfo .cx-info .cx-info-if {
  margin: 12px 0;
}

.cx-column-person .cx-person-numinfo .cx-info .cx-info-if {
  display: flex;
  align-items: center;
}

.cx-column-person .cx-person-numinfo .cx-info .cx-info-if:last-child {
  /* display: none; */
}

.cx-person-numinfo .cx-info .cx-info-if .cx-info-txr {
  float: left;
  text-align: right;
  width: 13%;
}

.cx-column-person .cx-person-numinfo .cx-info .cx-info-if .cx-info-txr {
  text-align: left;
  width: 7%;
}

.cx-column-person .cx-person-numinfo .cx-info .cx-info-if .cx-info-txr p {
  color: #333;
  font-size: 16px;
}

.cx-column-person .cx-person-numinfo .cx-info .cx-info-if .cx-info-txr p img {
  display: none;
}

.cx-column-person .cx-person-numinfo .cx-info .cx-info-if .cx-info-txl {
  flex: 1;
  margin-right: 24px;
  max-width: 274px;
}

.cx-column-person .cx-person-numinfo .cx-info .cx-info-if.cx-info-email .cx-info-txl p {
  color: #666;
}

.cx-column-person .cx-person-numinfo .cx-info .cx-info-if.cx-info-wx .cx-info-txl p {
  color: #97040C;
}

.cx-column-person .cx-person-numinfo .cx-info .cx-info-if.cx-info-qq .cx-info-txl p {
  color: #97040C;
}

.cx-column-person .cx-person-numinfo .cx-info .cx-info-if .cx-info-txl p {
  font-size: 16px;
  color: #666;
}

.cx-column-person .cx-person-numinfo .cx-info .cx-info-if .cx-info-button {
  cursor: pointer;
  color: #8E9193;
  font-size: 14px;
}

.cx-person-numinfo .cx-info .cx-info-if .cx-info-txr p {
  color: #b2b2b2;
  font-size: 14px;
}

.cx-person-numinfo .cx-info .cx-info-if .cx-info-txl {
  float: left;
  text-align: left;
  margin-left: 15px;
}

.cx-person-numinfo .cx-info .cx-info-if .cx-info-txl p {
  color: #333333;
  font-size: 14px;
}

.cx-person-numinfo .cx-info .cx-info-if .cx-info-txl p a {
  color: #4f82c2;
}

.cx-person-info {
  padding: 34px 50px 20px;
  background: #ffffff;
}

.cx-column-person .cx-person-info {
  padding: 0px 20px 20px;
}

.cx-person-info .cx-info-title p {
  float: left;
  font-size: 18px;
}

.cx-column-person .cx-person-button {
  font-size: 14px;
  text-align: center;
  color: #8E9193;
  background-color: #fff;
  cursor: pointer;
  padding: 0 20px;
}

.cx-column-person .cx-person-button p {
  height: 100%;
  border-top: 1px solid #E4E8EA;

  padding: 20px 0;
}

.cx-person-function {
  margin-top: 20px;
  padding: 40px 50px;
  background: #ffffff;
}

.cx-person-function p {
  margin-bottom: 40px;
}

.cx-person-function p span {
  cursor: pointer;
  color: #51a0ff;
  font-size: 20px;
}

.cx-info-title p {
  float: left;
  font-size: 18px;
}

.cx-column-person .cx-info-title {
  padding: 10px 0;
  border-bottom: 1px solid #E4E8EA;
  color: #333;
}

.group_textbtn {
  display: flex;
  align-items: center;
  float: right;
  overflow: hidden;
  line-height: 15px;
}

.group_textbtn i {
  color: #4f82c2;
  font-size: 23px;
}

.group_textbtn span {
  font-size: 14px;
  color: #4f82c2;
}

.cx-person-info .cx-info-title input {
  float: right;
  border-radius: 6px;
  cursor: pointer;
}

.cx-person-info .cx-apply-title p {
  color: #50b7ff;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  margin-top: 30px;
  padding: 22px 0;
}

.cx-person-applyinfo {
  padding: 30px 50px 0;
  background: #ffffff;
}

.cx-person-applyinfo .cx-info-if {
  margin: 12px 0;
}

.cx-person-applyinfo .cx-info-title p {
  font-size: 16px;
  font-weight: 600;
}

.cx-person-applyinfo .cx-info-if .cx-info-txr {
  float: left;
  text-align: right;
  width: 13%;
}

.cx-person-applyinfo .cx-info-if .cx-info-txr p {
  color: #b2b2b2;
  font-size: 14px;
}

.cx-person-applyinfo .cx-info-if .cx-info-txl {
  float: left;
  text-align: left;
  margin-left: 15px;
}

.cx-person-applyinfo .cx-info-if .cx-info-txl p {
  font-size: 14px;
}

.cx-person-applyinfo .cx-info-if .cx-info-txl p a {
  color: #4f82c2;
}

.cx-phone-person {
  display: none;
  text-align: center;
  margin-bottom: 10px;
  background: #fff;
  padding: 20px 0;
}

.cx-form-control {
  display: block;
  float: left;
  height: 34px;
  margin-right: 8px;
  padding: 6px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #787d82;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
}

.cx-form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

.cx-form-control:-moz-placeholder {
  color: #999;
}

.cx-form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.cx-form-control:-ms-input-placeholder {
  color: #999;
}

.cx-form-control::-webkit-input-placeholder {
  color: #999;
}

.cx-form-control.placeholder {
  color: #999;
}

.cx-form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.select {
  width: 80px;
  border: none;
  /*padding-left: 10px;*/
  font-size: 14px;
  border-radius: 10px;
}

.select-left {
  height: 34px;
  line-height: 34px;
}

/* 2.个人消息 */
.cx-message-i {
  float: right;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50px;
  margin: 5px 15px 0 0;
  /* padding: 0 0 0px 0; */
  line-height: 20px;
  background: #50b7ff;
  color: #fff;
}

.cx-message-model {
  margin: 0 50px;
  padding: 26px 0;
  background: #ffffff;
  border-bottom: 1px solid #f3f3f3;
}

.cx-message-m-halfimg {
  width: 400px;
  height: 108px;
  margin-bottom: 20px;
}

.cx-message-m-halfimg img {
  width: 100%;
}

.cx-message-m-main {
  position: relative;
}

.cx-message-m-blue1 {
  width: 8px;
  height: 8px;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
}

.cx-message-m-blue2 {
  width: 8px;
  height: 8px;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: -15px;
}

.cx-message-m-blue3 {
  width: 6px;
  height: 6px;
  border-radius: 50px;
  position: absolute;
  bottom: 44px;
  left: -8px;
}

.cx-message-m-img {
  float: left;
  margin-right: 14px;
  width: 80px;
  height: 80px;
  text-align: center;
}

.cx-message-m-img img {
  height: 100%;
  margin: 0 auto;
}

.cx-message-m-cont .cx-message-m-title {
  font-size: 16px;
  color: #333333;
  font-weight: 600;
}

.cx-message-m-cont .cx-message-m-time {
  font-size: 12px;
  color: #b2b2b2;
  margin: 5px 0 10px;
}

.cx-message-m-cont .cx-message-m-des {
  font-size: 14px;
  color: #9e9e9e;
}

.cx-message-m-book {
  position: relative;
  height: 60px;
  background: #fafafa;
  padding: 9px 20px;
  margin: 20px 0 6px;
  cursor: pointer;
}

.cx-m-book-img,
.cx-m-audio-img {
  display: inline-block;
}

.cx-m-book-info {
  display: inline-block;
  width: 60%;
  overflow: hidden;
  margin-left: 16px;
  vertical-align: top;
}

.cx-m-book-img img {
  display: block;
  height: 42px;
  width: 32px;
}

.cx-m-audio-img img {
  display: block;
  height: 42px;
  width: 42px;
}

.cx-m-book-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
  font-weight: 600;
  margin-bottom: 4px;
}

.cx-m-book-shop {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
}

.cx-m-book-shop i {
  font-size: 32px;
}

/* 3.个人服务 */
.cx-service-tab-title {
  margin: 0 50px;
  border-bottom: 1px solid #f3f3f3;
}

.cx-service-tab-title ul {
  width: 35%;
  margin: 0 auto;
}

.cx-service-tab-title ul li {
  float: left;
  text-align: center;
  width: 20%;
  margin: 0 15%;
}

.header-service-tab ul li,
.cx-service-tab-title ul li {
  cursor: pointer;
}

/* 4.个人激活 */
.cx-person-active-content {
  background: #ffffff;
  padding: 20px 50px;
  min-height: 600px;
}

.cx-active {
  position: relative;
}

.cx-active-des {
  position: absolute;
  top: 56px;
  color: #8a8a8a;
  font-size: 12px;
}

.cx-active input {
  width: 70%;
  border-bottom: 1px solid #e1e1e1;
  height: 44px;
  font-size: 16px;
}

.cx-active-btn {
  display: inline-block;
  width: 104px;
  height: 40px;
  line-height: 40px;
  border-radius: 36px;
  margin-left: 40px;
}

.cx-active-success>img {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.cx-active-success>p {
  margin-top: 30px;
  margin-bottom: 25px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #2851a4;
}

.cx-active-success-des {
  padding: 0 15px 100px;
}

/* 5.个人充值 */
.balance-block ul li {
  margin: 0 15px 10px;
  width: 100px;
}

.cx-balance-money {
  margin: 0 50px;
  padding: 10px 0;
  border-bottom: 1px solid #f8f8f8;
}

.cx-balance-money .cx-balance-money-n {
  font-size: 32px;
  color: #333333;
}

.cx-balance-money .cx-balance-money-n span {
  font-size: 14px;
  margin-left: 10px;
}

.cx-balance-money .cx-balance-money-des {
  font-size: 14px;
  color: #9e9e9e;
}

.cx-balance-recharge {
  margin: 0 50px;
  padding: 40px 0;
}

.cx-balance-recharge .balance-block ul li {
  float: left;
}

.balance-block-div {
  border: 1px solid #f8f8f8;
  border-radius: 3px;
  overflow: hidden;
  text-align: center;
}

.balance-block-div-cxn {
  padding: 20px 0;
  font-size: 24px;
}

.balance-block-div-cxn span {
  font-size: 12px;
  margin-left: 5px;
}

.balance-block-div-n {
  padding: 7px 0;
  font-size: 14px;
  background: #f8f8f8;
}

.cx-balance-sumit {
  margin: 0 50px;
  padding: 100px 0;
  text-align: center;
}

.cx-balance-sumit-p {
  font-size: 12px;
  color: #b2b2b2;
}

.cx-balance-sumit input {
  margin-top: 18px;
  padding: 10px 60px;
  border-radius: 20px;
}

/* 6.个人积分兑换 */
.m-point {
  overflow: hidden;
}

.point-head {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 118px;
  overflow: hidden;
  background: -webkit-linear-gradient(left, #4461BD, #799AE0);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #4461BD, #799AE0);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #4461BD, #799AE0);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #4461BD, #799AE0);
  /* 标准的语法 */
}

.point-desnum {
  font-size: 15px;
  color: #ffffff;
  padding-top: 17px;
  padding-bottom: 10px;
}

.point-num {
  font-size: 0;
  color: #ffffff;
}

.point-num>span {
  display: inline-block;
  line-height: 1;
  font-size: 32px;
  vertical-align: bottom;
}

.point-num>img {
  display: inline-block;
  margin-left: 4px;
  width: 19px;
  vertical-align: bottom;
}

.point-mine {
  position: absolute;
  top: 15px;
  right: -12px;
  border: 1px solid #A8BDFF;
  background: #fff;
  border-radius: 50px;
}

.point-mine p {
  padding: 4px 12px;
  font-size: 0;
  color: #4461BD;
}

.point-mine p>span {
  font-size: 12px;
}

.point-mine p>i {
  display: inline-block;
  font-size: 12px;
  transform: scale(0.8);
  vertical-align: sub;
}

.point-past-text {
  margin-top: 10px;
  line-height: 1;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}

.point-tab {
  padding: 13px 0 16px 0;
  background: #ffffff;
}

.point-tab-fixed {
  position: fixed;
  width: 100%;
  top: 42px;
  z-index: 10;
}

.point-tab ul {
  display: flex;
  align-items: center;
}

.point-tab ul li {
  flex: 1;
  font-size: 15px;
  line-height: 20px;
  border-right: 1px solid #D8D8D8;
  text-align: center;
  color: #666666;
}

.point-tab ul li:last-child {
  border: 0;
}

.point-tab ul li.s-check-point {
  position: relative;
  color: #4461BD;
  font-weight: 500;
}

.point-tab ul li.s-check-point::after {
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 20px;
  height: 2px;
  background: #4461BD;
  content: '';
  transform: translateX(-50%);
}

.point-body {
  padding: 15px;
}

.point-product-list {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}

.point-product-item {
  position: relative;
  width: 50%;
  padding: 20px 15px 15px;
  border-bottom: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0
}

.point-product-item:nth-child(2n) {
  border-right: 0;
}

.point-product-space {
  width: 100%;
  height: 2px;
  background: #fff;
  margin-top: -1px;
  z-index: 2;
}

.point-product-img {
  display: block;
  width: 100%;
  margin: 0 auto 10px;
}

.point-product-tit {
  margin-bottom: 3px;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.point-product-price {
  font-size: 12px;
  color: #999999;
}

.point-product-price>font {
  color: #FFA349;
}

.point-product-item.finish .point-product-img {
  opacity: 0.1;
}

.point-product-item.finish .point-product-tit,
.point-product-item.finish .point-product-price {
  opacity: 0.2;
}

.point-product-item.finish .point-porduct-finish {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 75px;
  transform: translate(-50%);
}

.point-mission-list {
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}

.point-mission-item {
  width: 100%;
  /* padding: 10px 0; */
  border-top: 1px solid #F0F0F0;
}

.point-mission-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.point-mission-item:first-child {
  border-top: 0;
}

.point-mission-text {
  width: 100%;
  max-width: 72%;
}

.point-mission-tool {
  display: flex;
  align-items: center;
}

.point-mission-tool>i {
  margin-left: 10px;
  width: 20px;
  text-align: center;
}

.point-mission-tool>button {
  padding: 5px 20px;
  font-size: 13px;
  border-radius: 50px;
  color: #FFA349;
  border: 1px solid #FFA349;
}

.point-mission-tool>button.done {
  color: #999999;
  border-color: #999999;
}

.point-mission-tool .point-score {
  font-size: 18px;
  color: #FFA349;
}

.point-mission-tool .point-score.reduce {
  color: #666;
}

.point-mission-tit {
  display: flex;
}

.point-mission-tit>p {
  max-width: 50%;
  margin-right: 3px;
  font-size: 15px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.point-mission-tit>span>font {
  font-size: 12px;
  color: #FFA349;
  margin-right: 3px;
}

.point-mission-tit>span>i {
  font-size: 12px;
  color: #999999;
}

.point-mission-rule {
  font-size: 12px;
  color: #999999;
}

.point-mission-rule>span>font {
  color: #4461BD;
}

/* .point-mission-detail .point-mission-text {
  max-width: 80%;
} */

.point-mission-detail .point-mission-tit>p {
  max-width: 100%;
}

.point-mission-detaillist {
  display: none;
  margin: 0 -20px;
}

.point-mission-detailitem {
  display: flex;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
}

.point-mission-detailitem {
  background: #fafafa;
}

.point-null {
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 350px;
}

.point-null>img {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}

.point-null>p {
  font-size: 15px;
  color: #999999
}

.point-exchange-item {
  padding: 7px 20px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.exchange-text {
  float: left;
  padding-top: 19px;
  padding-bottom: 10px;
}

.exchange-tit {
  display: flex;
  font-size: 15px;
}

.exchange-tit>span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 135px;
}

.exchange-tit>font {
  max-width: 35px;
  color: #FFA349;
}

.exchange-des {
  font-size: 12px;
  color: #999999;
}

.exchange-state>img {
  float: right;
  display: block;
  width: 96px;
  height: 96px;
}

/* 7.个人统计 */
.m-statis {
  margin: 10px 15px;
  background: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(68, 97, 189, 0.20);
  -moz-box-shadow: 0px 0px 20px 0px rgba(68, 97, 189, 0.20);
  box-shadow: 0px 0px 20px 0px rgba(68, 97, 189, 0.20);
}

.statis-header {
  background: #4461bd;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(68, 97, 189, 0.20);
  -moz-box-shadow: 0px 0px 20px 0px rgba(68, 97, 189, 0.20);
  box-shadow: 0px 0px 20px 0px rgba(68, 97, 189, 0.20);
}

.statis-value {
  height: 120px;
  padding: 25px 0;
  font-size: 0;
}

.statis-value-item {
  display: inline-block;
  width: 50%;
  text-align: center;
}

.statis-value-item:last-child {
  border-left: 1px solid #ffffff;
}

.statis-value-item p {
  color: #ffffff;
  font-size: 14px;
}

.statis-value-item p:last-child {
  font-size: 32px;
}

.statis-value-item p>span {
  font-size: 13px;
}

.statis-title {
  padding: 20px 45px;
}

.statis-title>p {
  display: inline-block;
  font-size: 15px;
  color: #333333;
}

.statis-title>span {
  font-size: 12px;
  color: #999999;
}

.statis-chart {
  margin-bottom: 20px;
}

.statis-list {
  padding: 0 20px;
}

.statis-list-item {
  display: flex;
  height: 50px;
  line-height: 50px;
  padding: 0 5px;
  border-top: 1px solid #f1f1f1;
  font-size: 14px;
  justify-content: space-between;
}

.statis-list-item:last-child {
  border-bottom: 0;
}

.statis-list-item p:first-child {
  color: #333333;
  font-size: 14px;
}

.statis-list-item p:last-child {
  color: #4461bd;
  width: 63%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
}

.statis-body {
  padding-bottom: 20px;
}

#chart {
  height: 200px;
}

.m-statis .select-year .dropdown-btn {
  display: none;
}

.m-statis .select-year .dropdown-menu {
  top: 0;
  padding-top: 10px;
  background: #f5f5f5;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
}

/* 8.个人购买列表 */
.cx-model-buylist {
  margin: 0 50px;
  padding: 20px 0;
  border-bottom: 1px solid #f4f4f4;
}

.m-buylist-apply .cx-modelstw-img {
  /* apply报名 */
  width: 134px;
  height: 90px;
}

.m-buylist-apply .cx-modelstw-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  max-width: inherit;
  transform: translate(-50%, -50%);
}

.m-buylist-apply .cx-modelstw-content {
  min-height: 90px;
}

.m-buylist-apply .cx-modelstw-content .cx-modelstw-t {
  margin-top: 0;
}

.buylist-menu {
  margin: 0 50px;
  border-bottom: 1px solid #f3f3f3;
}

.buylist-menu-ul li {
  display: inline-block;
  margin-right: 45px;
  color: #9e9e9e;
  font-size: 16px;
  cursor: pointer;
}

.buylist-menu .menu-sele {
  padding: 15px 0 10px;
  border-bottom: 3px solid #000;
  color: #000;
}

.m-list-buy-detail {
  position: relative;
  margin: 0 50px;
  padding: 13px 0;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}

.m-list-buy-detail_tit {
  overflow: hidden;
  margin-bottom: 6px;
}

.m-list-buy-detail_tit>p {
  float: left;
  font-size: 14px;
  color: #333333;
}

.m-list-buy-detail_tit>p>font {
  margin-left: 7px;
  color: #8a8a8a;
  font-size: 12px;
}

.m-list-buy-detail_tit .status {
  float: right;
  color: #FF8D2C;
  font-size: 13px;
}

.m-list-buy-detail_des p {
  color: #8A8A8A;
  font-size: 12px;
  overflow: hidden;
}

.m-list-buy-detail_des p>font:first-child {
  float: left;
}

.m-list-buy-detail_des p>font {
  overflow: hidden;
}

.m-list-buy-detail.void .m-list-buy-detail_tit>p,
.m-list-buy-detail.void .m-list-buy-detail_des p {
  color: #CCCCCC
}


.cx-person-buylist-content {
  position: relative;
  min-height: 500px;
}

.m-list-buy {
  position: relative;
  padding: 13px 50px;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}

.m-list-buy_img {
  float: left;
  width: 90px;
  margin-right: 14px;
}

.m-list-buy_img img {
  display: block;
}

.m-list-buy_cont {
  overflow: hidden;
}

.m-list-buy_cont>i {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #B2B2B2;
  cursor: pointer;
}

.m-list-buy_cont .link {
  position: absolute;
  bottom: 13px;
}

/* 9.个人微库笔记 */
.person-note {
  background: #ffffff;
}

.person-note .search-cont {
  flex-direction: column;
}

.person-note .search-warp.collect {
  padding: 20px 34px;
}

.person-note .pagediv {
  margin: 0 auto;
  margin-top: 40px;
}

.person-note .collect .search-tool {
  margin-top: 0;
}

.note-title p:hover {
  color: #97040c;
  text-decoration: underline;
  cursor: pointer;
}

.note-title p {
  font-weight: 500;
  font-size: 14px;
}

.note-des {
  margin-top: 10px;
}

.note-des p.note-excerpt {
  position: relative;
}

.note-des p.note-excerpt::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 14px;
  background: #97040c;
  transform: translateY(-50%);
}

.note-des p:first-child {
  float: left;
  padding-left: 10px;
  margin-right: 5px;
  font-weight: 500;
  font-size: 14px;
}

.note-des p {
  overflow: hidden;
  color: #646464;
}

.note-des p>i {
  margin-left: 5px;
}

.note-des p>i:hover {
  color: #97040c
}

.note-time {
  margin-top: 6px;
  color: #afafaf;
  font-size: 12px;
}

.person-note .collect-list table tbody tr td {
  vertical-align: top;
  padding: 16px 0 16px 20px;
}

.person-note .collect-list table tbody tr td .del {
  line-height: 1.5;
}

/* 10.个人关于我们 */
.person-aboutus-img {
  width: 140px;
  height: 140px;
  margin: 30px;
}

.person-aboutus-p {
  font-size: 14px;
  color: #b2b2b2;
  margin: 7px auto;
}

.person-aboutus-p a {
  color: #4f82c2;
  padding: 0 10px;
}

.person-aboutus-p a:hover {
  color: #4f82c2;
  text-decoration: underline;
}

/* 11.个人我的收藏 */
.cx-person-collect-content {
  position: relative;
  min-height: 500px;
}

.m-list-person-collect {
  padding: 13px 50px;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}

.m-list-person-collect_img {
  float: left;
  width: 90px;
  height: 90px;
  margin-right: 14px;
}

.m-list-person-collect_cont {
  position: relative;
  overflow: hidden;
  height: 90px;
}

.m-list-person-collect_cont>i {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #B2B2B2;
  cursor: pointer;
}

.m-list-person-collectnull {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.m-list-person-collectnull>p {
  font-size: 20px;
  text-align: center;
}

.m-list-person-collectnull>img {
  display: block;
  margin: 0 auto;
}

.audio-listp {
  width: 80%;
  overflow: hidden;
}

/* 12.个人我的报名 */
.m-list-person-apply.m-list-person-subscibe .m-list-person-apply_img {
  width: 90px;
  height: 90px;
}



.cx-person-apply-content {
  position: relative;
  min-height: 500px;
}

.m-list-person-applynull {
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.m-list-person-applynull>img {
  display: block;
  margin: 0 auto;
}

.m-list-person-applynull>p {
  font-size: 20px;
  text-align: center;
}

.m-list-person-apply {
  padding: 12px 50px;
  overflow: hidden;
}

.m-list-person-apply_img {
  position: relative;
  float: left;
  width: 134px;
  height: 90px;
  margin-right: 14px;
  overflow: hidden;
}

.m-list-person-apply_img>img {
  max-width: inherit;
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
}

.m-list-person-apply_img {
  background-size: cover;
  background-position: center;
}

.m-list-person-apply_img_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 18px;
  background-color: #97030b;
  font-size: 12px;
  color: #fff;
  border-radius: 0 0 4px 0;
  text-align: center;
}

.m-list-person-apply_address {
  margin-top: 12px;
  font-size: 12px;
  color: #7F7F7F;
}

.m-list-person-apply_price {
  position: absolute;
  bottom: 0;
  color: #F25A4F;
}

.m-list-person-apply_cont {
  position: relative;
  min-height: 90px;
  overflow: hidden;
}

.m-list-person-apply_cont>input {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 64px;
  box-sizing: border-box;
}

.m-list-person-apply_cont>input.btn-empty.btn-success {
  width: 80px;
}
.m-list-person-apply.fail .m-list-person-apply_cont>p{
  color: rgba(0,0,0,0.35);
}
.m-list-person-apply.fail .m-list-person-apply_cont>input.btn-empty.btn-detail{
  color: #fff;
  background: rgba(0,0,0,0.3);
  border: 1px solid rgba(0,0,0,0.3);
}
.btn-empty.btn-warning {
  border: 1px solid #F25A4F;
  border-radius: 3px;
  color: #F25A4F;
  font-weight: 500;
  text-align: center;
}

.btn-empty.btn-success {
  padding: 1px 10px;
  border: 1px solid #31C054;
  border-radius: 3px;
  color: #31C054;
  font-weight: 500;
}

.btn-empty.btn-erro {
  padding: 1px 10px;
  border: 1px solid #C4C4C4;
  border-radius: 3px;
  color: #C4C4C4;
  font-weight: 500;
}

.btn-empty.btn-waiting {
  padding: 1px 10px;
  border: 1px solid #ff8d2c;
  border-radius: 3px;
  color: #ff8d2c;
  font-weight: 500;
}

.btn-empty.btn-detail {
  background: #F25A4F;
  color: #fff;
  border: 1px solid #F25A4F;
  border-radius: 3px;
}

.m-list-person-apply {
  border-bottom: 1px solid #E8E9EA
}

.m-apply-timeline {
  padding-left: 20px;
}

.m-apply-timeline ul li {
  position: relative;
  left: 0;
  border-left: 3px solid #EFEFEF;
}

.m-apply-timeline .timeline-circle {
  position: absolute;
  top: 20px;
  left: -7px;
  width: 11px;
  height: 11px;
  border: 2px solid #EFEFEF;
  background: #FFFFFF;
  border-radius: 50%;
}

.m-apply-timeline .s-check-now .timeline-circle {
  border-color: #84BF3F;
}

.m-apply-timeline .timeline-status {
  padding-top: 15px;
  line-height: 1;
}

.m-apply-timeline .timeline-status p {
  display: inline-block;
  padding-left: 20px;
  font-size: 16px;
  color: #372E2B;
}

.m-apply-timeline .timeline-status span {
  font-size: 12px;
  color: #666666;
}

.m-apply-timeline .timeline-item {
  position: relative;
  width: 350px;
  height: 190px;
  padding: 20px;
  background: url(../img/bm/ticket.png) no-repeat;
  background-size: 100%;
}

.m-apply-timeline .timeline-item .timeline-item-content {
  float: left;
  width: 170px;
  padding-top: 20px;
}

.m-apply-timeline .timeline-item .timeline-item-content .timeline-item-tit {
  margin-bottom: 6px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.m-apply-timeline .timeline-item .timeline-item-content .timeline-item-author {
  font-size: 13px;
  color: #666;
  text-align: center;

}

.m-apply-timeline .timeline-item .timeline-item-content .timeline-item-id {
  font-size: 13px;
  color: #666;
  text-align: center;
  margin-bottom: 8px;
}

.m-apply-timeline .timeline-item .timeline-item-content input {
  display: block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  color: #84BF3F;
  font-size: 15px;
  border-radius: 41px;
  background: #FFFFFF;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  -webkit-appearance: none;
}

.m-apply-timeline .timeline-item .timeline-item-img {
  position: relative;
  width: 140px;
  padding-top: 20px;
  overflow: hidden;
  text-align: center;
}

.m-apply-timeline .timeline-item .timeline-item-img img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.m-apply-timeline .timeline-item .timeline-item-img .timeline-item-img-mask {
  display: flex;
  position: absolute;
  left: 50%;
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 255, 0.96);
  transform: translateX(-50%);
  flex-direction: column;
  justify-content: center;
}

.m-apply-timeline .timeline-item .timeline-item-img>p {
  color: #ADADAD;
  font-size: 12px;
  transform: scale(0.8);
}

.timeline-card-head p {
  font-size: 12px;
  color: #FFFFFF
}

.timeline-card-head p:first-child {
  font-size: 16px;
  font-weight: 500;
}

.timeline-card {
  width: 350px;
  /* height: 190px; */
  padding: 20px;

}

.timeline-card>div {
  position: relative;
  min-height: 156px;
  border-radius: 4px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.timeline-card-head {
  padding-top: 15px;
  padding-bottom: 13px;
  padding-left: 110px;
  background: #ff5050;

}

.timeline-card-body {
  padding: 7px 10px 7px 110px;
}

.timeline-card-body img {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 70px;
}

.timeline-card-body .timeline-card-p {
  position: absolute;
  top: 42px;
  left: 20px;
  width: 70px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
}

.timeline-card-body p {
  font-size: 12px;
  color: #ADADAD;
}

.timeline-card-pass .timeline-card-head {
  background: #84bf3f;
}

.m-apply-code {
  margin: 20px;
  background: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
}

.m-apply-code>img {
  display: block;
  width: 150px;
  height: 150px;
  margin: 35px auto 10px;
}

.m-apply-code>p {
  margin-bottom: 20px;
  font-size: 12px;
  color: #ff695f;
  text-align: center;
}

.m-apply-code .code-number {
  width: 200px;
  height: 40px;
  margin: 0 auto 35px;
  padding: 12px 0;
  font-size: 0;
  line-height: 1;
  color: #333333;
  border: 1px solid #ededed;
  border-radius: 4px;
  text-align: center;
}

.m-apply-code .code-number>p {
  display: inline-block;
  color: #999999;
  font-size: 12px;
}

.m-apply-code .code-number>span {
  font-size: 12px;
  color: #333333;
}

.dialog-view.feedback {
  width: 300px;
}

.feedback-text {
  padding: 20px 0;
}

.feedback-text>img {
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto;
}

.feedback-text>p {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.feedback-text>span {
  display: block;
  font-size: 12px;
  color: #999;
  text-align: center;
}

.cx-color-red {
  color: #F94800;
}

.cx-color-green {
  color: #84BF3F;
}

.dialog-view.confirm {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 300px;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
}

.confirm-head {
  padding: 15px 0;
}

.confirm-head p {
  font-size: 15px;
  color: #666;
  text-align: center;
}

.confirm-view {
  padding: 0 15px;
}

.confirm-view .p-form-list__content {
  margin-bottom: 20px;
}

.p-confirm-text>p {
  padding: 20px 10px 20px;
  font-size: 18px;
  font-weight: 500;
  color: #84BF3F;
  text-align: center;

}

.p-confirm-text>span {
  display: block;
  margin-bottom: 20px;
  color: #999;
  font-size: 12px;
  text-align: center;
}

.confirm-btn {
  font-size: 0;
  padding: 5px 0 15px;
  text-align: center;
}

.confirm-btn-submit,
.confirm-btn-reset {
  display: inline-block;
  width: 75px;
  height: 30px;
  margin: 0 12px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
}

.confirm-btn-reset {
  background: #FFFFFF;
  border: 1px solid #979797;
  color: #979797;
}

.confirm-btn-submit {
  color: #FFFFFF;
  background: #84BF3F;
  border: 1px solid #84BF3F;
}

.confirm-btn-reset:hover,
.confirm-btn-reset:active {
  color: #979797;
}

.confirm-btn-submit:hover,
.confirm-btn-submit:active {
  color: #FFFFFF;
}

/* 13.我的反馈 */
.cx-person-complain-content {
  position: relative;
  min-height: 500px;
}

.cx-person-complain-content>ul>li {
  display: flex;
  align-items: flex-start;
  min-height: 50px;
  padding: 10px 50px;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
}

.cx-person-complain-content>ul>li>i {
  margin-top: 5px
}

.cx-person-complain-content>ul>li>div {
  flex: 1;
  font-size: 15px;
}

.cx-person-complain-content>ul>li>div .complain-item-time {
  font-size: 12px;
  color: #999999;
}

.cx-person-complain-content>ul>li>p {
  flex: 1;
  margin-right: 15px;
  font-size: 15px;
}

.complain .p-form__inner {
  padding: 20px 50px 40px;
}

.complain .p-form-list__item {
  flex-direction: column;
}

.complain .p-form-list__header {
  width: 100%;
  padding: 0;
  justify-content: flex-start;
}

.complain .p-form-list__title {
  font-weight: 400;
}

.complain .p-form-list__content {
  padding: 10px 0 20px;
}

.complain .p-form-list__content .c-textarea {
  min-height: 120px;
  padding: 5px 10px;
  overflow-y: auto;
}

.complain.confirm .p-form-list__item {
  flex-direction: row;
}

.complain.confirm .p-form-list__header {
  width: 10%;
  padding: 12px 15px 12px 0;
}

.complain.confirm .p-form-list__content {
  padding: 12px 0;
}

.cx-person-complain-content .ymh-active-erro,
.cx-person-complain-content .ymh-active-success {
  padding-top: 15%;
  text-align: center;
}

.cx-person-complain-content .ymh-active-erro i,
.cx-person-complain-content .ymh-active-success i {
  font-size: 100px;
}

.cx-person-complain-content .ymh-active-erro p,
.cx-person-complain-content .ymh-active-success p {
  margin-top: 12px;
  font-size: 18px;
}

/* 14.我的班级 */
.cx-person-class-title {
  position: relative;
}

.cx-person-info .cx-info-title.cx-person-class-title p {
  font-weight: 500;
  font-size: 18px;
  color: #999;
  cursor: pointer;
}

.cx-person-info .cx-info-title.cx-person-class-title .des p {
  position: relative;
  padding-left: 12px;
  margin-left: 12px;
  color: #205EBE;
  cursor: default;
}

.cx-person-info .cx-info-title.cx-person-class-title .des p::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 20px;
  transform: translateY(-50%);
  background: #999;
}


.cx-person-class.cx-person-class-detail .m-person-class {
  box-shadow: none;
}

.cx-person-class {
  padding: 16px 50px;
  background: #ffffff;
  border-top: 1px solid #f6f6f6;
}

.cx-person-class .m-person-class {
  margin-bottom: 14px;
}

.m-person-class {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.person-class-head {
  display: flex;
  padding: 9px 14px;
  background: #2975EC;
  justify-content: flex-start;
}

.person-class-head>p {
  width: 160px;
  margin-left: 113px;
  font-weight: 500;
  color: #ffffff;
}

.person-class-head .person-class-tit {
  display: flex;
  flex: 1;
  align-items: center;

}

.person-class-head .person-class-tit>p:first-child {
  max-width: 260px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
}

.person-class-head .person-class-tit>p:last-child {
  display: flex;
  line-height: 1;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
}

.person-class-head .person-class-tit>p:last-child span {
  margin-left: 7px;
  max-width: 134px;
}

.person-class-body {
  position: relative;
  padding: 0 14px;
  overflow: hidden;
  min-height: 100px;
  background: #ffffff;
}

.lesson-null {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #999999;
  font-size: 15px;
  transform: translate(-50%, -50%);
}

.person-class-body .person-lesson-item {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f6f6f6;
}

.person-lesson-item .person-class-img {
  float: left;
  width: 140px;
  height: 80px;
  margin-right: 10px;
  border-radius: 4px;
  overflow: hidden;
}

.person-lesson-item .person-class-img>img {
  width: 100%;
  height: 100%;
}

.person-lesson-item .person-class-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 80px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  overflow: hidden;
}

.person-class-body .person-book-item {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f6f6f6;
}

.person-book-item .person-class-img {
  float: left;
  width: 90px;
  height: 120px;
  margin-right: 10px;
  border-radius: 4px;
  overflow: hidden;
}

.person-book-item .person-class-content {
  position: relative;
  height: 120px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  overflow: hidden;
}

.person-class-body .person-class-more {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #8E8E8E;
  text-align: center;
}

.person-class-body .person-class-more>a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.person-class-content .person-class-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.person-class-content .person-class-text>p {
  -webkit-line-clamp: 1;
}

.person-class-content .person-class-text>p.person-class-text-time {
  font-size: 12px;
  color: #999;
}

.person-class-content .person-class-text>span {
  font-size: 12px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
}

.person-class-record-button {
  color: #4461bd;
  font-size: 14px;
  padding-left: 20px;
}

.person-class-content .progress {
  display: flex;
  align-items: center;
  width: 160px;
  margin-left: 113px;
}

.person-class-content>span {
  position: absolute;
  bottom: 0;
  font-size: 12px;
  color: #999999;
}

.person-class-content>span.personLogin {
  position: relative;
}


.progress-content {
  width: 100px;
  height: 4px;
  background-color: #e8e8e8;
  margin-right: 10px;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
}

.progress-content-main {
  width: 40px;
  height: 4px;
  background-color: #33c758;
  border-radius: 8px;
}

.progress-content-span {
  font-size: 12px;
  line-height: 1;
  color: #999;
}

.cardcourseware-level1>div {
  display: flex;
  align-items: center;
}

.cardcourseware-level1>div>p {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.cardcourseware-level1>div>p>span.last-seen {
  color: #4461bd;
}

.cardcourseware-level1>div>p>span.lesson-progress-span.finished {
  color: #999;
}

.cardcourseware-level1>div>p>span {
  margin-right: 5px;
}

.cardcourseware-level1>div>p>span.lesson-progress-span {
  color: #4461bd;
}

.model-courseware-lesson-progress {
  display: flex;
  float: left;
  flex: 1;
  padding-right: 10px;
}

.model-courseware-lesson-progress>span {
  flex: 1;
  text-align: right;
  color: #4461bd;
  min-width: 70px;
  margin: 0 10px;
}

.model-courseware-lesson-progress>span.finished {
  color: #999;
}

.person-class-body .person-lesson-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.m-person-class.m-person-class-end .person-class-head {
  background: #d1d1d1;
}

.person-class-classfity {
  padding: 0 14px;
  border-bottom: 1px solid #f5f5f5;
}

.person-class-classfity ul li {
  display: inline-block;
  margin-right: 22px;
  line-height: 35px;
  font-size: 14px;
  color: #A0A0A0;
  cursor: pointer;
}

.person-class-classfity ul li.s-check-classfity {
  position: relative;
  color: #205EBE;
}

.person-class-classfity ul li.s-check-classfity p {
  position: relative;
}

.person-class-classfity ul li.s-check-classfity p::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background: #205EBE;
}

.cx-person-class.cx-person-class-detail .page-bar {
  padding: 22px 0;
}

.cx-model .page-bar {
  padding: 22px 0;
}

.page-bar ul {
  text-align: center;
}

.page-bar li {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.page-bar li {
  list-style: none;
  display: inline-block;
}

.page-bar li:first-child>a {
  margin-left: 0px
}

.page-bar a {
  border: 1px solid #ddd;
  text-decoration: none;
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #2975EC;
  cursor: pointer
}

.page-bar a:hover {
  background-color: #eee;
}

.page-bar .active a {
  color: #fff;
  cursor: default;
  background-color: #2975EC;
  border-color: #2975EC;
}

.page-bar i {
  font-style: normal;
  color: #d44950;
  margin: 0px 4px;
  font-size: 12px;
}

/* 15.个人我的证书 */
.person-cert {
  background: #ffffff;
  min-height: calc(100vh - 44px);
}

.cert-list {
  padding: 16px 20px;
}

.cert-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-left: 14px;
  padding-right: 14px;
  height: 90px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
}

.cert-item .cert-item-content {
  flex: 1;
}

.cert-item .cert-item-title {
  height: 42px;
  color: #000000;
}

.cert-item .cert-item-time {
  margin-top: 3px;
  font-size: 12px;
  color: #999999;
}

.cert-btn {
  width: 50px;
  height: 22px;
  margin-left: 34px;
  line-height: 22px;
  font-size: 13px;
  text-align: center;
  color: #ffffff;
  border-radius: 11px;
  background: #4461BD;
}

.cert-btn.cert-btn-border {
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 21px;
  border: 1px solid #4C60B9;
  color: #4461BD;
  background: #fff;
}

.cert-btn.cert-btn-get {
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  background: rgba(0, 0, 0, 0.06);
}

.cert-list-detail {
  margin-bottom: 12px;
  margin: 0 20px;
  padding-left: 14px;
  padding-right: 14px;
  min-height: 90px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 2px 20px 0 rgb(0 0 0 / 8%);
}

.cert-list-detail-tit {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 15px;
}

.cert-list-detail-content img {
  max-width: 100%;
}

.cert-list.apply .cert-item {
  height: auto;
  min-height: 60px
}

.cert-list.apply .cert-item .cert-item-title {
  height: auto;
}

/* 16.个人我的证书任务 */
.mission-item {
  padding-left: 18px;
  padding-right: 18px;
  margin: 12px 8px 0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.03);
}

.mission-item-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 0;
}

.mission-item-head .fs18 {
  font-size: 18px;
}

.mission-item-head p:last-child {
  width: 60px;
  text-align: left;
}

.mission-item-line {
  width: 100%;
  height: 1px;
  background: #F3F3F3;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.mission-item-text {
  margin-bottom: 5px;
  font-size: 15px;
  color: #5C5C5C;
}

.mission-item-des {
  font-size: 12px;
  color: #8D8D8D;
}

.mission-item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 76px;
}

.mission-item-left {}

.mission-item-right>div {
  width: 60px;
  color: #8D8D8D;
  border-radius: 3px;
  text-align: center;
  background: #D0F3FF;
}

.mission-item-btn {
  padding: 13px 7px;
}

.mission-item-btn .btn {
  margin: 0 auto;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  background: #4461BD;
  color: #ffffff;
  border: 0;
  border-radius: 32px;
}

.mission-item-btn .btn.btn-disable {
  width: auto;
  color: #9D9D9D;
  background-color: #F0F0F0;
}

.mission-item-progress {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.mission-progress {
  position: relative;
  width: 85px;
  height: 5px;
  margin-right: 6px;
  border-radius: 3px;
  background: #F0F0F0;
}

.mission-progress>div {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  border-radius: 3px;
  background: #4461BD;
}

.mission-item-title {
  padding: 11px 0;
  font-size: 18px;

}

.mission-item-textarea {
  min-height: 360px;
}

.mission-item {
  padding-left: 18px;
  padding-right: 18px;
  margin: 12px 8px 0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.03);
}

.mission-item-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 0;
}

.mission-item-head .fs18 {
  font-size: 18px;
}

.mission-item-head p:last-child {
  width: 60px;
  text-align: left;
}

.mission-item-line {
  width: 100%;
  height: 1px;
  background: #F3F3F3;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.mission-item-text {
  margin-bottom: 5px;
  font-size: 15px;
  color: #5C5C5C;
}

.mission-item-des {
  font-size: 12px;
  color: #8D8D8D;
}

.mission-item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 76px;
}

.mission-item-right>div {
  width: 60px;
  color: #8D8D8D;
  border-radius: 3px;
  text-align: center;
  background: #D0F3FF;
}

.mission-item-btn {
  padding: 13px 7px;
}

.mission-item-btn .btn {
  margin: 0 auto;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  background: #4461BD;
  color: #ffffff;
  border: 0;
  border-radius: 32px;
}

.mission-item-progress {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.mission-progress {
  position: relative;
  width: 85px;
  height: 5px;
  margin-right: 6px;
  border-radius: 3px;
  background: #F0F0F0;
}

.mission-progress>div {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  border-radius: 3px;
  background: #4461BD;
}

.mission-item-title {
  padding: 11px 0;
  font-size: 18px;

}

.mission-item-textarea {
  min-height: 360px;
}

.certed {
  position: relative;
}

.certed .mission-item-bg {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 8px;
  height: 100%;
  background-size: auto 100%;
}

.certed .mission-item-bg img {
  width: auto;
  height: 86%;
}

.certed .mission-item {
  position: relative;
  margin-right: 32px;
  z-index: 1;
}

.cert-page {
  height: calc(100vh - 42px);
  padding: 10px 25px 15px;
  background: #ffffff;
}

.cert-name {
  margin-bottom: 5px;
  font-size: 15px;
}

.cert-from {
  margin-bottom: 17px;
}

.cert-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 101;
}

.cert-loading-content {
  width: 80%;
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  background: #ffffff;
}

.cert-loading-content .l-loading {
  height: 120px;
}

/* .m-person-class.m-person-class-end .person-lesson-item{
  opacity: 0.2;
} */
/* 17.个人我的企业 */
.btn-scompany {
  line-height: 31px;
  font-size: 14px;
  cursor: pointer;
  color: #333;
}

.cx-person-company-content {
  padding: 12px 50px;
  min-height: calc(100vh - 85px);
}

.m-company-null {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 18px;
  color: #6a6a6a;
}

.m-company-null p {
  margin-bottom: 42px;
}

.m-company-item {
  position: relative;
  display: flex;
  padding: 9px;
  margin-bottom: 12px;
  border-radius: 6px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
}

.m-company-item .m-company-img {
  width: 66px;
  height: 66px;
  border-radius: 6px;
  overflow: hidden;
}

.m-company-item .m-company-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.m-company-item .m-company-content {
  display: flex;
  margin-left: 9px;
  padding-right: 55px;
  padding-top: 4px;
  padding-bottom: 4px;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}

.m-company-item .m-company-name {
  font-family: "ECDodds", system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
  font-size: 18px;
  font-weight: 500;
  color: #6a6a6a;
  line-height: 1.5;
}

.m-company-item .m-company-department {
  font-family: "ECDodds", system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
  ;
  font-size: 14px;
  color: #6a6a6a;
  line-height: 1.5;
}

.m-company-item.s-select-company {
  background: url(../img/csign.png) no-repeat;
  background-size: 51px 21px;
  background-position: top right 4px;
}

.m-company-item.s-select-company .m-company-name {
  color: #000000;
}

.m-company-item.s-select-company .m-company-department {
  color: #000000;
}

.m-company-item.company-selectable::after {
  content: "\e99e";
  position: absolute;
  top: 50%;
  right: 18px;
  font-size: 22px;
  color: #F1F1F1;
  transform: translateY(-50%);
}

.m-company-item.company-selectable.s-select-scompany::after {
  content: "\e99d";
  color: #4461bd;
}

/* 18.我的培训 */
.cx-person-train-content {
  position: relative;
  padding: 16px 50px;
  min-height: calc(100vh - 85px);
}

/* 19.我的投稿*/
.cx-person-contribution-content {
  position: relative;
  min-height: 500px;
}

.m-list-person-contribution {
  padding: 19px 0 15px;
  margin: 0 50px;
  border-bottom: 2px solid #EEEEEE;
}

.m-list-person-contribution_cont .cx-ellipsis-2 {
  font-size: 20px;
  font-weight: 500;
}

.m-list-person-contribution_time {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.m-list-person-contributionnull {
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.m-list-person-contributionnull>img {
  display: block;
  margin: 0 auto;
}

.m-list-person-contributionnull>p {
  font-size: 20px;
  text-align: center;
}

/* 19.我的投稿-详情页*/
.cx-person-contribution-detail {
  padding: 30px;
}

.cx-person-contribution-detail-item {
  display: flex;
  margin-bottom: 10px;
}

.cx-person-contribution-detail-item-label {
  width: 100px;
  color: #666666;
  font-size: 20px;
  margin-right: 20px;
}

.cx-person-contribution-detail-item-cont {
  flex: 1;
  font-size: 20px;
  color: #999;
}

/* 20.我教的班*/
.cx-teacher-class .cx-person-class {}

/* 20.1.我教的班-详情*/
.cx-teacher-class-detail .detail-tab {
  overflow-x: auto;
}

/* 21.我教的课*/
.cx-teacherTrain .cont-main .cont-main-container {
  background: transparent;
  padding: 0;
}

.cx-teacherTrain .teacherTrain-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 42px);
  font-size: 14px;
  color: #8F9DAE;
  text-align: center;
}

.cx-teacherTrain .teacherTrain-empty img {
  width: 126px;
  margin-bottom: 17px;
}

.cx-teacherTrain .course-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid #D8D8D8;
}

.cx-teacherTrain .course-cont {
  display: flex;
  align-items: center;
}

.cx-teacherTrain .course-list {
  padding: 15px;
}

.cx-teacherTrain .course-item {
  /* padding-top: 20px; */
  background: #fff;
  margin-bottom: 15px;
  padding: 0 15px;
  border-radius: 16px;
}

.cx-teacherTrain .course-item:last-child {
  padding-bottom: 20px;
}

.cx-teacherTrain .course-img {
  overflow: hidden;
  border-radius: 3px;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.cx-teacherTrain .course-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-teacherTrain .course-info {
  flex: 1;
}

.cx-teacherTrain .course-info-title {
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.cx-teacherTrain .course-info-teacher {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.cx-teacherTrain .course-head .icon-arrow-right {
  color: #3E4959;
}

.cx-teacherTrain .class-list {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
  padding: 8px 0;
}

.cx-teacherTrain .class-item {
  color: #838B96;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}

.cx-teacherTrain .class-item:hover {
  color: #3E4959;
}

.cx-teacherTrain .class-item .more {
  color: #B9BFC9;
}

.cx-teacherTrain .class-item>p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}


/*我教的课-课程*/
.cx-teacherTrain-course .course-tab {
  display: flex;
  justify-content: center;
  background: #fff;
  padding: 20px;
}

.cx-teacherTrain-course .cont-main .cont-main-container {
  background: none;
  padding: 0;
}

.cx-teacherTrain-course .course-tab-item {
  font-size: 12px;
  color: #666;
  text-align: center;
  margin-right: 50px;
}

.cx-teacherTrain-course .course-tab-item:last-child {
  margin-right: 0;
}

.cx-teacherTrain-course .course-img {
  width: 36px;
  font-size: 0;
}

.cx-teacherTrain-course .course-tab-item img {
  width: 32px;
}

.cx-teacherTrain-course .course-cont {
  display: flex;
  align-items: center;
  width: 100%;
}

.cx-teacherTrain-course .course-cont>i {
  color: #ddd;
}

.cx-teacherTrain-course .course-list {
  padding: 0 15px;
  margin: 15px 0;
}

.cx-teacherTrain-course .course-item {
  display: flex;
  height: 80px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 0px rgba(200, 200, 200, 0.2);
  border-radius: 8px;
  padding: 0 15px;
  margin-bottom: 15px;
}

.cx-teacherTrain-course .course-info {
  flex: 1;
  margin: 0 12px;
}

.cx-teacherTrain-course .course-info-title {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.cx-teacherTrain-course .course-info-teacher {
  font-size: 12px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}


/*我教的课-课程管理*/
.cx-teacherTrain-course-manage .cont-main .cont-main-container {
  background: transparent;
  padding: 0;
}

.cx-teacherTrain-course-manage .course-title {
  display: flex;
  align-items: center;
  padding: 0 15px;
  background: #fff;
  font-size: 13px;
  color: #333;
  border-top: 1px solid #f8f8f8;
}

.cx-teacherTrain-course-manage .course-title input {
  height: 60px;
  line-height: 60px;
  flex: 1;
  padding-right: 15px;
}

.cx-teacherTrain-course-manage .course-teacherName {
  display: flex;
  align-items: center;
  padding: 0 15px;
  background: #fff;
  font-size: 13px;
  color: #333;
  margin-top: 10px;
}

.cx-teacherTrain-course-manage .course-teacherName input {
  height: 60px;
  line-height: 60px;
  flex: 1;
  padding-right: 15px;
}

.cx-teacherTrain-course-manage .course-img {
  display: flex;
  align-items: center;
  height: 60px;
  line-height: 60px;
  width: 100%;
  background: #fff;
  margin-top: 10px;
  justify-content: space-between;
  color: #999;
  font-size: 13px;
  padding: 0 15px;
}

.cx-teacherTrain-course-manage .course-img img {
  width: 32px;
}

/*我教的课-学习记录*/
.courseware-info-progress-detail>font {
  color: #75B3FF;
  margin-left: 16px;
}

.dialog-view.dialog-view-progress-detail {
  bottom: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  width: 100%;
}

.dialog-view.dialog-view-progress-detail .close {
  width: 41px;
  color: #808896;
  font-size: 13px;
}

.dialog-view.dialog-view-progress-detail .view-content {
  color: #808896;
  font-size: 16px;
  text-align: center;
}

.dialog-view.dialog-view-progress-detail .view-content li {
  margin-bottom: 21px;
  padding: 0 40px;
}

.dialog-view.dialog-view-progress-detail .view-content li.check-after {
  color: #75B3FF;
}

.dialog-view.dialog-view-progress-detail .view-content li:first-child,
.dialog-view.dialog-view-progress-detail .view-content li:last-child {
  padding-left: 0;
}

.dialog-view.dialog-view-progress-detail .view-content li a {
  color: inherit;
}

.dialog-view.dialog-view-progress-detail .view-content li span {
  width: 40px;
  display: inline-block;
  text-align: left;
}

.dialog-view.dialog-view-progress-detail .view-body {
  height: 100%;
}

.dialog-view.dialog-view-progress-detail .view-body .view-content {
  padding-top: 0;
  margin-top: 25px;
  overflow-y: auto;
  height: 100%;
}


/*教培-班级详情*/
.cont-main .cont-main-container {
  padding: 0 15px;
}

.cx-teacherTrain-course-class .course-button {
  height: 49px;
  line-height: 49px;
  text-align: center;
  color: #75B3FF;
  font-size: 14px;
}

.cx-teacherTrain-course-class .course-students-list {
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 184px);
}

.cx-teacherTrain-course-class .course-students-list-empty {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: calc(100vh - 98px);

}

.cx-teacherTrain-course-class .course-students-list-empty img {
  width: 57px;
}

.cx-teacherTrain-course-class .course-students-list-empty p {
  font-size: 14px;
  color: #8F9DAE;
}

.cx-teacherTrain-course-class .course-students-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 10px;
  border-bottom: 1px solid #eee;
}

.cx-teacherTrain-course-class .course-students-info {
  display: flex;
  align-items: center;
}

.cx-teacherTrain-course-class .course-students-info-img {
  font-size: 0;
  width: 32px;
  height: 32px;
  margin-right: 24px;
  border-radius: 100%;
  overflow: hidden;
}

.cx-teacherTrain-course-class .course-students-info-img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-teacherTrain-course-class .course-students-info-text>p:first-child {
  color: #434F63;
  font-size: 13px;
}

.cx-teacherTrain-course-class .course-students-info-text>p:nth-child(2) {
  color: #B9BFCE;
  font-size: 12px;
}

.cx-teacherTrain-course-class .course-students-progress>p:first-child {
  color: #7AB5FF;
  font-size: 13px;
}

.cx-teacherTrain-course-class .course-students-progress>p:first-child span {
  font-size: 18px;
}

.cx-teacherTrain-course-class .course-students-progress>p:nth-child(2) {
  color: #B9BFCE;
  font-size: 11px;
}

.cx-teacherTrain-course-class .course-search {
  position: relative;
  padding-top: 10px;
}

.cx-teacherTrain-course-class .course-search>input {
  width: 100%;
  height: 36px;
  background: #F5F5F5;
  border-radius: 25px;
  padding: 10px 50px 10px 10px;
}

.cx-teacherTrain-course-class .course-search>.icon-closeInput {
  position: absolute;
  top: 19px;
  right: 15px;
  font-size: 18px;
}

.cx-teacherTrain-course-class .course-class-button {
  display: flex;
  padding: 26px 0 10px;
}

.course-class-button>p {
  flex: 1;
  height: 60px;
  background: linear-gradient(270deg, #7FA5FE 0%, #75B3FF 100%);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
}

.course-class-button>p>img {
  width: 33px;
  margin-right: 17px;
}

.course-class-button>p:first-child {
  margin-right: 15px;
}

/*教培-班级详情-弹窗*/
.dialog-view-qrcode .view-head {
  display: none;
}

.dialog-view-qrcode.dialog-view .view-body .view-title p {
  text-align: right;
  color: #75B3FF;
  font-size: 13px;
}

.dialog-view-qrcode.dialog-view .view-body .view-content>ul>li:first-child {
  font-size: 14px;
  color: #333;
  text-align: center;
}

.dialog-view-qrcode.dialog-view .view-body .view-content>ul>li:nth-child(2) img {
  width: 182px;
  max-width: none;
  text-align: center;
  margin: 10px 0;
}

.dialog-view-qrcode.dialog-view .view-body .view-content>ul>li:nth-child(3) {
  font-size: 14px;
  color: #75B3FF;
  text-align: center;
}

.dialog-view-qrcode.dialog-view .view-body .view-content>ul>li:nth-child(4) {
  font-size: 14px;
  color: #fff;
  text-align: center;
  width: 140px;
  margin: 20px auto 0;
  background: #75B3FF;
  line-height: 37.5px;
  border-radius: 19px;
}

.dialog-view-deleteStudent.dialog-view {
  padding: 0;
}

.dialog-view-deleteStudent.dialog-view .view-body>p:first-child {
  font-size: 14px;
  color: #333;
  padding: 28px 56px;
  word-break: keep-all;
  border-bottom: 1px solid #eee;
}

.dialog-view-deleteStudent.dialog-view .view-body>p:nth-child(2) {
  margin: 10px 0;
  display: flex;
  font-size: 14px;
}

.dialog-view-deleteStudent.dialog-view .view-body>p:nth-child(2) span {
  flex: 1;
  text-align: center;
}

.dialog-view-deleteStudent.dialog-view .view-body>p:nth-child(2) span.deleteStudent-cancel {
  color: #999;
  border-right: 1px solid #eee;
}

.dialog-view-deleteStudent.dialog-view .view-body>p:nth-child(2) span.deleteStudent-confirm {
  color: #75B3FF;
}

/*教培-学员详情*/
.student-info {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.student-info-img {
  width: 48px;
  height: 48px;
  overflow: auto;
  font-size: 0;
  margin-right: 16px;
}

.student-info-name {
  flex: 1;
}

.student-info-name p:first-child {
  font-size: 16px;
  color: #434F63;
}

.student-info-name p:nth-child(2) {
  font-size: 12px;
  color: #B9BFCE;
  margin-top: 6px;
}

.student-info-button {
  font-size: 12px;
  color: #75B3FF;
}

.student-class {
  background: linear-gradient(355deg, #7FA5FE 0%, #75B3FF 100%);
  box-shadow: 0px 4px 7px 0px rgba(124, 145, 253, 0.4);
  border-radius: 8px;
  padding: 0px 25px;
  margin-top: 20px;
}

.student-class-head {
  display: flex;
  color: #fff;
  font-size: 13px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.student-class-head p:first-child {
  margin-right: 26px;
}

.student-class-cont {
  display: flex;
  justify-content: space-between;
  text-align: center;
  font-size: 12px;
  color: #fff;
  padding: 15px 0 20px;
}

.student-class-cont span {
  font-size: 20px;
}

.student-time {
  display: flex;
  justify-content: space-between;
  background: #F8F8F8;
  border-radius: 8px;
  margin-top: 30px;
  padding: 11px 28px 10px;
  text-align: center;
  font-size: 12px;
  color: #B9BFCE;
}

.student-time>div {
  flex: 1;
}

.student-time>div:first-child {
  border-right: 2px solid #999;
}

.student-time>div>p:first-child {
  font-size: 13px;
  color: #434F63;
  margin-bottom: 15px;
}

.student-time>div>p:first-child span {
  margin-left: 10px;
}

/*教培-统计*/
.cx-teacherTrain-statistics .cont-main-head {
  background: #fff;
  position: relative;
}

.cx-teacherTrain-statistics .cont-main-head::before {
  content: '';
  width: 100%;
  display: inline-block;
  height: 2px;
  background: #f8f8f8;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cx-teacherTrain-statistics .cont-main-head>ul {
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: #333;
  padding: 15px 0;
}

.cx-teacherTrain-statistics .cont-main-head>ul>li {
  margin-right: 90px;
  position: relative;
}

.cx-teacherTrain-statistics .cont-main-head>ul>li:last-child {
  margin-right: 0;
}

.cx-teacherTrain-statistics .cont-main-head>ul>li.check-after {
  color: #75B3FF;
}

.cx-teacherTrain-statistics .cont-main-head>ul>li.check-after::after {
  content: '';
  width: 44px;
  height: 2px;
  background: #75B3FF;
  display: inline-block;
  position: absolute;
  top: 34px;
  left: 50%;
  margin-left: -22px;
}

.cx-teacherTrain-statistics .cont-main-container {
  overflow-y: auto;
  height: calc(100vh - 143px);
}

.cx-teacherTrain-statistics .progress>p {
  text-align: center;
  color: #333;
  font-size: 13px;
}

.cx-teacherTrain-statistics .circle {
  text-align: center;
  padding: 44px 0 16px;
}

.cx-teacherTrain-statistics .circle-text {
  color: #75B3FF;
  font-size: 30px !important;
}

.cx-teacherTrain-statistics .progress-info {
  display: flex;
  text-align: center;
  margin-top: 28px;
  flex-wrap: wrap;
}

.cx-teacherTrain-statistics .progress-info>div {
  width: 33%;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}

.cx-teacherTrain-statistics .progress-info>div:nth-child(3n+3) {
  border-right: none;
}

.cx-teacherTrain-statistics .progress-info>div:nth-child(7),
.cx-teacherTrain-statistics .progress-info>div:nth-child(8) {
  border-bottom: none;
}

.cx-teacherTrain-statistics .progress-info>div>p>span {
  font-size: 12px;
}

.cx-teacherTrain-statistics .progress-info>div>p:first-child {
  color: #434F63;
  font-size: 20px;
}

.cx-teacherTrain-statistics .progress-info>div>p:nth-child(2) {
  color: #B9BFCE;
  font-size: 12px;
  margin-top: 2px;
}

.cx-teacherTrain-statistics .cx-report-echarts {
  padding-top: 51px;
  position: relative;
}

.cx-teacherTrain-statistics .cx-report-echarts::before {
  content: '';
  display: inline-block;
  width: 100vw;
  height: 10px;
  background: #f8f8f8;
  position: absolute;
  top: 21px;
  left: -18px;
}

.cx-teacherTrain-statistics .cx-report-echarts-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #333;
}

.cx-teacherTrain-statistics .cx-report-echarts-button {
  position: relative;
  font-size: 0;
}

.cx-teacherTrain-statistics .cx-report-echarts-button>img {
  width: 22px;
  pointer-events: none;
}

.cx-teacherTrain-statistics .cx-report-echarts-time {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.cx-teacherTrain-statistics .cx-report-echarts>p {
  font-size: 12px;
  color: #B9BFCE;
}

.cx-teacherTrain-statistics .cx-report-echarts>p.echarts-person span {
  display: inline-block;
  background: #55DCBA;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-right: 8px;
}

.cx-teacherTrain-statistics .cx-report-echarts>p.echarts-minutes span {
  display: inline-block;
  background: #7AB5FF;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-right: 8px;
}

.cx-teacherTrain-statistics .cx-report-echarts-cont {
  height: 400px;
}

.cx-teacherTrain-statistics .cx-report-echarts-cont2 {
  height: 400px;
}

.cx-teacherTrain-statistics .learn-time-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.cx-teacherTrain-statistics .learn-time::before {
  content: '';
  display: inline-block;
  width: 100vw;
  height: 10px;
  background: #f8f8f8;
  position: absolute;
  top: 21px;
  left: -18px;
}

.cx-teacherTrain-statistics .learn-time {
  padding-top: 51px;
  position: relative;
}

.cx-teacherTrain-statistics .learn-time-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
}

.cx-teacherTrain-statistics .course-students-info {
  display: flex;
  align-items: center;
}

.cx-teacherTrain-statistics .course-students-info-img {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 12px;
}

.cx-teacherTrain-statistics .course-students-info-img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-teacherTrain-statistics .course-students-info-text>p:first-child {
  font-size: 13px;
  color: #434F63;
}

.cx-teacherTrain-statistics .course-students-info-text>p:nth-child(2) {
  font-size: 12px;
  color: #B9BFCE;
}

.cx-teacherTrain-statistics .course-students-progress {
  color: #7AB5FF;
  font-size: 12px;
}

.cx-teacherTrain-statistics .course-students-progress span {
  font-size: 21px;
}

.cx-teacherTrain-statistics .statistics-info {
  display: flex;
  flex-wrap: wrap;
  padding: 18px 0;
}

.cx-teacherTrain-statistics .statistics-cont {
  width: 33%;
  height: 90px;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.cx-teacherTrain-statistics .statistics-cont:nth-child(3) {
  border-right: 0;
}

.cx-teacherTrain-statistics .statistics-cont:nth-child(4) {
  border-bottom: 0;
}

.cx-teacherTrain-statistics .statistics-cont:nth-child(5) {
  border-bottom: 0;
}

.cx-teacherTrain-statistics .statistics-cont>p:first-child {
  color: #434F63;
}

.cx-teacherTrain-statistics .statistics-cont>p:first-child span {
  font-size: 20px;
}

.cx-teacherTrain-statistics .statistics-cont>p:nth-child(2) {
  color: #B9BFCE;
  margin-top: 7px;
}

.statistics-student {
  position: relative;
  /* padding-top: 30px; */
}

.statistics-student-title {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #75B3FF;
}

.statistics-student-title>p:first-child>span {
  margin-right: 16px;
  display: inline-flex;
  align-items: center;
}

.statistics-student-title>p:first-child>span>i {
  margin-left: 8px;
}

.statistics-student-sort {
  height: 0px;
  overflow: hidden;
}

.statistics-student-sort.show {
  height: auto;
}

.statistics-student-sort span {
  padding: 4px 8px;
  background: #E3EFFF;
  border-radius: 12px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 15px;
  font-size: 12px;
  color: #75B3FF;
}

.statistics-student-sort span.check-after {
  background: #75B3FF;
  color: #fff;
}

/* .statistics-student::before{
  content: '';
    display: inline-block;
    width: 100vw;
    height: 10px;
    background: #f8f8f8;
    position: absolute;
    top: 0px;
    left: -18px;
} */
.cx-teacherTrain-statistics .statistics-student-list {
  padding-bottom: 30px;
}

.cx-teacherTrain-statistics .statistics-student-item {
  /* border-bottom: 1px solid #D8D8D8; */
}

.cx-teacherTrain-statistics .statistics-student-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}

.cx-teacherTrain-statistics .statistics-student-cont>i {
  font-size: 12px;
  color: #B9BFCE;
}

.cx-teacherTrain-statistics .statistics-student-item.show .statistics-student-cont>i {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.cx-teacherTrain-statistics .statistics-student-info {
  display: flex;
  align-items: center;
}

.cx-teacherTrain-statistics .statistics-student-info-img {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 12px;
}

.cx-teacherTrain-statistics .statistics-students-info-img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-teacherTrain-statistics .statistics-student-info-text>p:first-child {
  font-size: 13px;
  color: #434F63;
}

.cx-teacherTrain-statistics .statistics-student-info-text>p:nth-child(2) {
  font-size: 12px;
  color: #B9BFCE;
}

.cx-teacherTrain-statistics .statistics-student-detail {
  /* background: #f8f8f8; */
  /* border-radius: 4px; */
  /* padding: 0 15px; */
  color: #808896;
  display: block;
}

.cx-teacherTrain-statistics .statistics-student-detail-head {
  display: flex;
  border-bottom: 1px solid #EAEAEA;
  padding: 15px 0;
}

.cx-teacherTrain-statistics .statistics-student-detail-head>div {
  flex: 1;
}

.cx-teacherTrain-statistics .statistics-student-detail-head>div>p:first-child {
  margin-bottom: 5px;
}

.cx-teacherTrain-statistics .statistics-student-detail-cont {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* padding: 12px 0; */
  border-bottom: 1px solid #E2E4EB;
  white-space: nowrap;
  font-size: 0;
  overflow-x: auto;
}

.cx-teacherTrain-statistics .statistics-student-detail-cont::-webkit-scrollbar {
  opacity: 0;

}

.cx-teacherTrain-statistics .statistics-student-detail-cont::-webkit-scrollbar-thumb {
  background: transparent;
}

.cx-teacherTrain-statistics .statistics-student-detail-cont>div {
  /* width: 33%; */
  display: inline-block;
  /* margin-bottom: 8px; */
  font-size: 12px;
  vertical-align: middle;
}

.cx-teacherTrain-statistics .statistics-student-detail-cont>div>p:first-child {
  background: #F5F7FB;
  padding: 10px 8px;
}

.cx-teacherTrain-statistics .statistics-student-detail-cont>div>p:nth-child(2) {
  color: #A8AEBD;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  flex-direction: column;
}

.cx-teacherTrain-statistics .statistics-student-detail-cont>div>p>span {
  /* font-size: 18px; */
  /* margin-right: 6px; */
}

.cx-teacherTrain-statistics .statistics-student-detail-cont>div:first-child>p:nth-child(2) {
  border-left: 1px solid #E2E4EB;
}

.cx-teacherTrain-statistics .statistics-student-detail-cont>div:last-child>p:nth-child(2) {
  border-right: 1px solid #E2E4EB;
}

.cx-teacherTrain-statistics .cont-main-class {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  /* background: #fff; */
  border-top: 1px solid #eee;
  font-size: 15px;
  color: #333;
  padding: 0 18px;
}

.cx-teacherTrain-statistics .cont-main-class p:first-child {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cx-teacherTrain-statistics .cont-main-class p:nth-child(2) {
  color: #75B3FF;
  font-size: 13px;
}

/*教培头部*/
.teacher-train.header-mobile .header-mobile-right p a {
  line-height: 30px;
}

.teacher-train.header-mobile .header-mobile-right .header-mobile-right-img>a {
  display: flex;
  font-size: 0;
  align-items: center;
  height: 30px;
  margin-right: 8px;
}

.teacher-train.header-mobile .header-mobile-right .header-mobile-right-img img {
  width: 22px;
}

.dialog-view.dialog-view-statistics {
  bottom: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  width: 100%;
}

.dialog-view.dialog-view-statistics .close {
  width: 41px;
  color: #808896;
  font-size: 13px;
}

.dialog-view.dialog-view-statistics .view-content {
  color: #808896;
  font-size: 16px;
  text-align: center;
}

.dialog-view.dialog-view-statistics .view-content li {
  margin-bottom: 21px;
}

.dialog-view.dialog-view-statistics .view-content li.check-after {
  color: #75B3FF;
}

.dialog-view.dialog-view-statistics .view-body {
  height: 100%;
}

.dialog-view.dialog-view-statistics .view-body .view-content {
  padding-top: 0;
  margin-top: 25px;
  overflow-y: auto;
  height: 100%;
}



/* 22.个人我的报名-详情*/
.cx-person-apply-detail {
  padding: 5px 15px;
}

.cx-person-apply-detail-img {
  width: 100%;
  height: 150px;
  overflow: hidden;
  border-radius: 10px;
}

.cx-person-apply-detail-img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-person-apply-detail-button {
  padding: 15px 0 10px;
}

.cx-person-apply-detail-button>input {
  padding: 2px 7px;
  border-radius: 3px;
  margin-right: 20px;
  font-size: 12px;
  line-height: 16px;
}

.cx-person-apply-detail-button>input:last-child {
  margin-right: 0;
}

.btn-exam-online {
  color: #3871FC;
  border: 1px solid #3871FC;
}

.btn-exam-offline {
  color: #2c90ff;
  border: 1px solid #2c90ff;
}

.cx-person-apply-detail-item {
  padding: 0px 20px;
  border-radius: 12px;
  box-shadow: 0px 1px 4px 1px #DDDDDD;
  margin-bottom: 20px;
  position: relative;
}

.cx-person-apply-detail-item>p {
  padding-bottom: 10px;
}

.cx-person-apply-detail-item-text>i {
  color: #aaa;
}

.cx-person-apply-detail-item-text {
  display: flex;
  padding: 15px 0;
  border-top: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}

.cx-person-apply-detail-item-text-info {
  display: flex;
  color: #333;
  line-height: 20px;
  font-weight: 600;
}

.cx-person-apply-detail-item-text-info p {
  margin-right: 30px;
}

.cx-person-apply-detail-item-text-info p:last-child {
  margin-right: 0;
}

.cx-person-apply-detail-item-cont {
  display: none;
  flex-direction: column;
  font-size: 12px;
}

.cx-person-apply-detail-item-cont>div {
  border-top: 1px solid #eee;
}

.cx-person-apply-detail-item-cont>div:first-child {
  border-top: 1px solid #ddd;
}

.cx-person-apply-detail-item-cont>div>p {
  color: #888;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
}

.cx-person-apply-detail-item-cont>div.cx-person-apply-detail-item-cont-post>p {
  color: #3871FC;
}

.cx-person-apply-detail-item-cont-list {
  display: flex;
  padding-bottom: 15px;
}

.cx-person-apply-detail-item-cont-list>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 30px;
  position: relative;
}

.cx-person-apply-detail-item-cont-list>div:last-child {
  margin-right: 0;
}

.cx-person-apply-detail-item-cont-list>div.over::after {
  content: '√';
  width: 16px;
  height: 16px;
  background-color: #2FB32F;
  position: absolute;
  right: 0;
  bottom: 18px;
  color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.cx-person-apply-detail-item-cont-list>div>p:first-child {
  width: 40px;
  height: 40px;
  background: #3871FC;
  border-radius: 100%;
  font-size: 24px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #3871FC;
}

.cx-person-apply-detail-item-cont-list>div.disable>p:first-child {
  border: 2px solid #ccc;
  background: transparent;
  color: #ccc;
}

.cx-person-apply-detail-item-cont-list>div>p:nth-child(2) {
  margin-top: 3px;
  color: #333;
  font-size: 12px;
  line-height: 16px;
}

.cx-person-apply-detail-item-cont>a {
  color: #bc3019;
  padding: 10px 0;
}

.cx-person-apply-detail-item-cont>a.disable {
  color: #666;
  pointer-events: none;
}

.cx-person-apply-detail-item.open .cx-person-apply-detail-item-cont {
  display: flex;
}

.cx-person-apply-detail-item.open>i:before {
  content: "\e905";
}

.detail-upload .cx-person-info,
.detail-upload .cx-column-person-l {
  display: none;
}

.detail-upload .cx-column-person-r {
  margin: 0 auto;
  float: none;
}

.cx-person-apply-detail-upload {
  padding-top: 46px;
  min-height: calc(100vh - 42px);
}

.cx-person-apply-detail-upload .introduction-title {
  background-color: #f5f5f5;
  line-height: 50px;
  font-size: 15px;
  color: #333;
  padding: 0 15px;
  font-weight: 600;
}

.cx-person-apply-detail-upload .cx-person-apply-detail-upload-introduction {
  padding-bottom: 30px;
}

.cx-person-apply-detail-upload .cx-person-apply-detail-upload-introduction>a {
  line-height: 50px;
  padding: 0 15px;
  display: flex;
  font-size: 14px;
  color: #666;
  align-items: center;
  justify-content: space-between;
}

.cx-person-apply-detail-upload .cx-person-apply-detail-upload-introduction>a>i {
  font-size: 10px;
  color: #999;
}

.cx-person-apply-detail-upload .cx-person-apply-detail-upload-introduction>p {
  padding: 0 15px;
  font-size: 12px;
}

.cx-person-apply-detail-upload .cx-person-apply-detail-upload-introduction>p.title {
  font-size: 14px;
  padding: 10px 15px;
}

.cx-person-apply-detail-upload .cx-person-apply-detail-upload-introduction>p.img {
  text-align: center;
}

.cx-person-apply-detail-upload .introduction-button {
  line-height: 50px;
  font-size: 14px;
  color: #1890FF;
  text-align: center;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.cx-person-apply-detail-upload .apply-upload-close {
  position: fixed;
  width: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  padding: 6px 10px;
}

.cx-person-apply-detail-upload .apply-upload-close .icon-left {
  font-size: 30px;
  line-height: 30px;
  color: #2a2a2a;
}

.cx-person-apply-detail-upload-img {
  width: 275px;
  font-size: 0;
  height: 275px;
  margin: 0 auto;
  overflow: hidden;
}

.cx-person-apply-detail-upload-img>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cx-person-apply-detail-upload-img-list {
  height: 275px;
  font-size: 0;
  padding: 0 20px;
}

.cx-person-apply-detail-upload-img-item {
  width: 92px;
  height: 92px;
  display: inline-block;
  font-size: 0;
  margin-right: 10px;
  position: relative;
}

.cx-person-apply-detail-upload-img-item .cx-person-apply-detail-upload-img-delete {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 14px;
  height: 14px;
  font-size: 12px;
  z-index: 1;
  background-color: rgba(224, 224, 224);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cx-person-apply-detail-upload-img-item-cont {
  width: 92px;
  height: 92px;
  display: inline-block;
  font-size: 0;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.cx-person-apply-detail-upload-img-item-cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-person-apply-detail-upload-img-button {
  width: 92px;
  height: 92px;
  display: inline-block;
  font-size: 0;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
}

.cx-person-apply-detail-upload-img-button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-person-apply-detail-upload .upload-img-progress {
  width: 275px;
  margin: 20px auto 0;
}

.cx-person-apply-detail-upload .upload-img-progress>p {
  font-size: 16px;
  text-align: center;
}

.cx-person-apply-detail-upload .upload-img-loading {
  width: 100%;
}

.cx-person-apply-detail-upload .loader-1 {
  width: 48px;
  height: 48px;
  border: 5px solid #FFF;
  border-bottom-color: #FF3D00;
  border-radius: 50%;
  display: inline-block;
}

.cx-person-apply-detail-upload .loader-2 {
  width: 100%;
  height: 4.8px;
  display: inline-block;
  background: #999;
  position: relative;
  overflow: hidden;
}

.cx-person-apply-detail-upload .loader-2 .loader-2-cont {
  width: 0%;
  height: 4.8px;
  background-color: #bc3019;
  background-size: 15px 15px;
  position: absolute;
  top: 0;
  left: 0;
  transition: width 500ms;
  -moz-transition: width 500ms;
  /* Firefox 4 */
  -webkit-transition: width 500ms;
  /* Safari and Chrome */
  -o-transition: width 500ms;
  /* Opera */
}

.cx-person-apply-detail-upload-tips {
  background: #999;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin: 0 75px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  bottom: 176px;
  left: 0;
  width: calc(100vw - 150px);
}

.cx-person-apply-detail-upload-text {
  position: absolute;
  bottom: 118px;
  left: 0;
  width: calc(100vw - 75px);
  font-size: 14px;
  color: #999;
  margin: 0 37.5px;
  text-align: center;
}

.cx-person-apply-detail-upload-submit {
  background: #bc3019;
  border-radius: 2px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin: 0 37.5px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  bottom: 58px;
  left: 0;
  width: calc(100vw - 75px);
}

.cx-person-apply-detail-upload-notime {
  text-align: center;
  margin: 0 auto;
  font-size: 15px;
  color: #999;
}

.cx-person-apply-detail-upload-notime img {
  width: 141px;
  padding-bottom: 40px;
}

.cx-person-apply-detail-upload-tel {
  margin: 30px 0 10px;
  font-size: 12px;
  color: #999;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.detail-upload-success .cx-person-info,
.detail-upload-success .cx-column-person-l {
  display: none;
}

.detail-upload-success .cx-column-person-r {
  margin: 0 auto;
  float: none;
}

.cx-person-apply-detail-upload-icon {
  text-align: center;
  min-height: calc(100vh - 140px);
  padding-top: 60px;
}

.cx-person-apply-detail-upload-icon>i {
  font-size: 80px;
}

.cx-person-apply-detail-upload-icon>p {
  font-size: 14px;
  padding: 10px 0;
}

.detail-upload-achievement .cx-person-info,
.detail-upload-achievement .cx-column-person-l {
  display: none;
}

.detail-upload-achievement .cx-column-person-r {
  margin: 0 auto;
  float: none;
}

.cx-person-apply-detail-achievement-img {
  padding: 60px 102px 78px;
  text-align: center;
}

.cx-person-apply-detail-achievement-text {
  font-size: 16px;
  color: #000;
  text-align: center;
  padding-bottom: calc(100vh - 400px);
}

.detail-mail .cx-person-info,
.detail-mail .cx-column-person-l {
  display: none;
}

.detail-mail .cx-column-person-r {
  margin: 0 auto;
  float: none;
}

.cx-person-apply-detail-mail {
  font-size: 12px;
  color: #000;
  padding: 40px 20px 0;
}

.cx-person-apply-detail-mail>div:first-child {
  min-height: calc(100vh - 140px);
}

.cx-person-apply-detail-mail p {
  font-size: 14px;
  margin-bottom: 10px;
}

.detail-print-exam .cx-person-info,
.detail-print-exam .cx-column-person-l {
  display: none;
}

.detail-print-exam .cx-column-person-r {
  margin: 0 auto;
  float: none;
}

.cx-person-apply-detail-print-exam {
  padding: 0 20px;
}

.cx-person-apply-detail-print-exam-title {
  text-align: center;
  font-size: 12px;
  padding: 20px 0 40px;
}

.cx-person-apply-detail-print-exam-title>p:nth-child(2) {
  font-size: 16px;
}

.cx-person-apply-detail-print-exam-img {
  text-align: center;
}

/*23.个人我的导出*/
.cx-person-export-item-head {
  display: flex;
  align-items: center;
  height: 50px;
  justify-content: center;
  text-align: center;
  background: #F3F3F3;
  color: #555;
}

.cx-person-export-head-title {
  width: 616px;
  border-right: 1px solid #EAEAEA;
  ;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cx-person-export-head-sub {
  flex: 1;
}

.cx-person-export-list {
  border: 1px solid #D0D0D0;
  margin: 0 20px;
}

.cx-person-export-item {
  display: flex;
  align-items: center;
  height: 50px;
  text-align: center;
  justify-content: center;
  border: 1px solid #EEEEEE;
}

.cx-person-export-item:last-child {
  border-bottom: none;
}

.cx-person-export-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 616px;
  font-size: 14px;
  color: #555;
  height: 100%;
  border-right: 1px solid #EAEAEA;
  ;
}

.cx-person-export-title>p {
  margin-left: 6px;
}

.cx-person-export-icon {
  font-size: 0;
  flex: 1;
}

.cx-person-export-icon>img {
  cursor: pointer;
}

/*24.个人我的订单*/
.order {
  background-color: #fff;
  min-height: calc(100vh - 149px);
}

.order-breadcrumb {
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
  padding: 20px 0;
}

.order-breadcrumb i {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.15);
  padding: 0 10px
}

.order-breadcrumb a {
  color: #666;
}

.order-breadcrumb a:last-child {
  color: #666;
  font-weight: 600;
}

.cx-person-order {
  display: flex;
  flex-direction: column;
}

.cx-person-order .cx-person-order-head {
  display: flex;
  border-bottom: 1px solid #E8E8E8;
  height: 44px;
  line-height: 44px;
  padding: 0 32px;
}

.cx-person-order .cx-person-order-head>p {
  cursor: pointer;
  margin-right: 30px;
  position: relative;
}

.cx-person-order .cx-person-order-head>p.check-after {
  font-weight: 600;
  color: #3d2d72;
}

.cx-person-order .cx-person-order-head>p.check-after::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 2px;
  background: #50b7ff;
}

.cx-person-order .cx-person-order-head>p>span {
  background: #EA403A;
  border-radius: 7px;
  position: absolute;
  top: 2px;
  /* left: 30px; */
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  color: #fff;
  padding: 0 5px;
  right: -12px;
}

.cx-person-order .cx-person-order-cont {
  padding: 0 20px;
  min-height: calc(100vh - 243px);
}

.cx-person-order-cont-state {
  /* display: none; */
}

.cx-person-order-cont-state[order-state="all"] {
  /* display: block; */
}

.cx-person-order-cont .index-notice {
  margin-top: 10px;
}

.order-cont-head {
  display: flex;
  align-items: center;
  height: 46px;
  background: #F7F7F7;
  border-radius: 4px;
  line-height: 46px;
  /* justify-content: center; */
  color: #333;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 12px;
}

.order-cont-null {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  font-size: 16px;
  color: #C6C6C6;
}

@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {

  /*兼容IE11*/
  .order-cont-null p {
    margin-top: 200px;
  }
}

.order-cont-detail {
  /* width: 476px; */
  width: 454.5px;
}

.order-cont-price {
  /* width: 224px; */
  width: 202.5px;
}

.order-cont-state {
  /* width: 177px; */
  width: 155.5px;
}

.order-cont-operation {
  /* width: 150px; */
  width: 129.5px;
}

.order-cont-item-head {
  display: flex;
  height: 46px;
  background: #F5F5F5;
  border-radius: 4px 4px 0px 0px;
  border-bottom: 1px solid #E3E3E3;
  color: #777;
  font-size: 14px;
  align-items: center;
  /* justify-content: center; */
}

.order-cont-item {
  margin-bottom: 10px;
  border: 1px solid #E8E8E8;
}

.order-cont-item-head .order-cont-detail {
  display: flex;
  padding-left: 10px;
  width: auto;
}

.order-detail .order-cont-item-head .order-cont-detail {
  width: auto;
}

.order-cont-item-head .order-cont-detail .order-cont-detail-icon {
  width: 22px;
  height: 22px;
  background: #3d2d72;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}

.order-cont-item-head .order-cont-detail p {
  margin-right: 16px;
  display: flex;
  align-items: center;
}

.order-cont-item-head .order-cont-detail p:first-child {
  margin-right: 10px;
}

.order-cont-item-head .order-cont-detail p:last-child {
  margin: 0;
  /* font-size: 12px; */
}

.order-cont-item-head .order-cont-detail p:last-child::before {
  content: '|';
  display: inline-block;
  color: #EBEBEB;
  margin-right: 16px;
}

.order-cont-item-head .order-cont-detail p font {
  color: #333;
  font-weight: 600;
}

.order-cont-item-head .order-cont-price {
  display: flex;
  justify-content: center;
  width: auto;
  align-items: center;
}

.order-detail .order-cont-item-head .order-cont-price {
  width: auto;
}

.order-cont-item-head .order-cont-price::before {
  content: '|';
  display: inline-block;
  margin: 0 16px;
  color: #EBEBEB;
}

.order-cont-item-head .order-cont-price p {
  margin-right: 8px;
}

.order-cont-item-head .order-cont-price p:last-child {
  margin-right: 0;
}

.order-cont-item-head .order-cont-state {
  width: auto;
}

.order-cont-item-head .order-cont-operation {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
  padding-right: 20px;
  color: #555;
  width: auto;
}

.order-package-item-head {
  display: flex;
  justify-content: space-between;
  height: 38px;
  align-items: center;
  border-bottom: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
  padding: 0 10px 0 20px;
  font-size: 14px;
  color: #555;
}

.order-package-item-tips {
  min-height: 38px;
  background: #FFFCEF;
  border-bottom: 1px solid #FFE58F;
  border-right: 1px solid #FFE58F;
  font-size: 14px;
  color: #555555;
  line-height: 1.5;
  display: flex;
  align-items: center;
  padding: 8px 20px;
}

.order-package-item-head p:last-child {
  color: #999;
}

.order-package-item-head p span {
  margin-right: 12px;
}

.order-cont-item-detail-main {
  flex: 1;
}

.order-package-item {
  border-bottom: 1px solid #E8E8E8;
}

.order-package-item:last-child {
  border-bottom: none;
}

.order-cont-item-detail {
  display: flex;
}

.order-package-item-main {
  display: flex;
}

.order-package-item-book {
  display: flex;
}

.order-package-book-item {
  display: flex;
  border-bottom: 1px solid #E8E8E8;
  border-right: 1px solid #EFEFEF;
}

.order-package-book-item:last-child {
  border-bottom: none;
}

.order-package-book-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  color: #777;
  font-size: 14px;
}

.order-package-book-detail p.order-package-book-price {
  color: #666;
  display: flex;
  flex-direction: column;
}

.order-package-book-detail p.order-package-book-price .book-price-last {
  text-decoration: line-through;
  color: #B7B7B7;
}

.order-package-book-detail p.order-package-book-button {
  width: 60px;
}

.order-package-book-detail p.order-package-book-button .book-button-service {
  color: #555;
  cursor: pointer;
}

.order-package-book-detail p.order-package-book-button .book-button-refund {
  color: #EA403A;
}

.order-package-item-state {
  display: flex;
  border-right: 1px solid #E8E8E8;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  color: #555;
  padding-top: 42px;
}

.order-package-item-state p {
  margin-top: 4px;
}

.order-package-item-state .package-logistics {
  color: #888;
  cursor: pointer;
  position: relative;
}

.order-package-item-state .package-logistics-detail {
  display: none;
  position: absolute;
  top: 0;
  left: -350px;
  width: 330px;
  padding: 20px;
  background: #FFFFFF;
  box-shadow: 0px 2px 5px 4px rgba(0, 0, 0, 0.06);
}

.order-package-item-state .package-logistics:hover .package-logistics-detail {
  display: block;
}

.order-package-item-state .package-logistics-detail p {
  margin: 0;
  color: #555;
  font-size: 14px;
}

.order-package-item-state .package-logistics-detail p span {
  margin-right: 12px;
}

.order-package-item-state .package-logistics-detail p span:last-child {
  margin: 0;
}

.order-package-item-state .package-logistics-detail p:first-child {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.order-package-item-state .package-logistics-detail p:first-child::before {
  content: '';
  width: 3px;
  height: 16px;
  background: #3d2d72;
  display: inline-block;
  margin-right: 6px;
}

.order-package-item-state .package-logistics-detail p:nth-child(2) {}

.order-package-item-state .package-logistics-detail p:nth-child(2)::after {
  content: '';
  display: inline-block;
  height: 1px;
  width: 100%;
  background-color: #E8E8E8;
  margin: 10px 0;
}

.order-package-item-state .package-logistics-detail p:nth-child(3) {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.order-package-item-state .package-logistics-detail p:nth-child(3)::before {
  content: '';
  width: 3px;
  height: 16px;
  background: #3d2d72;
  display: inline-block;
  margin-right: 6px;
}

.order-package-item-state .package-send {
  color: #2DA049;
}

.order-package-item-state .package-payment {
  color: #F28B0F;
  font-weight: 600;
}

.order-package-book-info {
  display: flex;
  font-size: 14px;
  padding: 28px 30px 24px;
}

.order-package-book-img {
  margin-right: 34px;
  width: 69px;
  height: 91px;
  background: #FFFFFF;
  border: 1px solid #D4D4D4;
  padding: 4px 3px;
}

.order-package-book-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.order-package-book-text {
  flex: 1;
}

.order-package-book-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #333;
}

.order-package-book-cont {
  color: #999;
  display: flex;
  flex-wrap: wrap;
  margin: 4px 0;
}

.order-package-book-cont p {
  margin-right: 20px;
}

.order-package-book-cont p:nth-child(2) {
  margin: 0;
}

.order-package-book-cont span {
  margin-right: 20px;
}

.order-package-book-cont span:nth-child(2) {
  margin: 0;
}

.order-package-book-time {
  color: #555;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.order-cont-item-detail-button {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
}

.order-cont-item-detail-button p {
  margin-top: 4px;
}

.order-cont-item-detail-button .order-time {
  color: #999;
  display: flex;
  align-items: center;
}

.order-cont-item-detail-button .order-time i {
  margin-right: 6px;
}

.order-cont-item-detail-button .order-button {
  color: #fff;
  font-size: 16px;
  width: 100px;
  height: 34px;
  background: #3d2d72;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.order-cont-item-detail-button .order-cancel {
  color: #333;
  cursor: pointer;
}

.order-cont-item-detail-button .order-detail {
  color: #555;
  cursor: pointer;
  border: none;
  padding: 0;
}

.order-cont-item-detail-button .order-invoice {
  color: #888;
  cursor: pointer;
}

[order-state="aftersale"] .order-cont-item-head .order-cont-detail p {
  font-size: 14px;
  color: #333;
  font-weight: 400;
}

[order-state="aftersale"] .order-cont-item-head .order-cont-detail p::after {
  content: '|';
  margin: 0 15px;
  color: #EBEBEB;
}

[order-state="aftersale"] .order-cont-item-head .order-cont-detail p:last-child:after {
  content: none;
}

[order-state="aftersale"] .order-cont-item-head .order-cont-detail p.order-cont-detail-icon {
  color: #fff;
}

[order-state="aftersale"] .order-cont-item-head .order-cont-detail p.order-cont-detail-icon::after {
  content: none;
}

[order-state="aftersale"] .order-cont-item-head .order-cont-detail p font {
  font-size: 14px;
  color: #333;
  font-weight: 400;
}

[order-state="aftersale"] .order-serve-num {
  width: 97.9px;
  text-align: left;
}

[order-state="aftersale"] .order-package-book-item .order-serve-num {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #777;
}

[order-state="aftersale"] .order-serve-price {
  width: 97.9px;
  text-align: left;
}

[order-state="aftersale"] .order-package-book-item .order-serve-price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #666;
}

[order-state="aftersale"] .order-serve-type {
  width: 97.9px;
  text-align: left;
}

[order-state="aftersale"] .order-package-book-item .order-serve-type {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #F28B0F;
}

[order-state="aftersale"] .order-serve-state {
  width: 97.9px;
  text-align: left;
}

[order-state="aftersale"] .order-package-book-item .order-serve-state {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #555;
}

[order-state="aftersale"] .order-serve-operation {
  width: 97.9px;
  text-align: center;
}

[order-state="aftersale"] .order-package-book-item .order-serve-operation {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #333;
}

[order-state="aftersale"] .order-package-book-item .order-serve-operation p {
  cursor: pointer;
}

[order-state="aftersale"] .order-cont-item-head .order-cont-detail {
  width: 100%;
  justify-content: flex-start;
}

[order-state="aftersale"] .order-package-book-item {
  border: none;
}

/*25.个人我的订单-订单详情*/
.order-main {
  padding-bottom: 30px;
}

.order-main .order-package-item-head {
  border-right: none;
}

.order-main .order-package-item-state {
  border-right: none;
}

.order .order-state {
  display: flex;
  border: 1px solid #DBDBDB;
  height: 366px;
}

.order-state-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid #DBDBDB;
  width: 320px;
}

.order-state-cont-head {
  color: #999;
  font-size: 14px;
  text-align: center;
}

.order-state-cont-head p:first-child {
  margin: 28px 0 8px;
}

.order-state-cont-time {
  height: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.order-state-cont-time>div {
  display: flex;
  align-items: center;
}

.order-state-cont-time>div>i {
  margin-right: 6px;
  color: #999;
}

.order-state-cont-time .order-state-cont-time-main {
  display: none;
  color: #999;
  font-size: 16px;
  align-items: center;
}

.state-1 .order-state-cont-time .order-state-cont-time-main {
  display: flex;
}

.state-1 .order-state-cont-time .order-state-cont-time-main i {
  margin-right: 10px;
}

.order-state-cont-time .order-state-cont-time-text {
  color: #ff4517;
  font-size: 36px;
}

.state-2 .order-state-cont-time .order-state-cont-time-text {
  color: #333;
}

.state-4 .order-state-cont-time .order-state-cont-time-text {
  color: #333;
}

.order-state-cont-button p:first-child {
  display: none;
  width: 120px;
  height: 40px;
  background: #3D2D72;
  border-radius: 2px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  border: 1px solid #3D2D72;
  margin-bottom: 14px;
  cursor: pointer;
}

.state-1 .order-state-cont-button p:first-child {
  display: flex;
}

.order-state-cont-button p:nth-child(2) {
  width: 120px;
  height: 40px;
  background: #F5F5F5;
  border-radius: 2px;
  font-size: 16px;
  color: #666666;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D6D6D6;
  cursor: pointer;
}

.order-state-cont-button-invoice {
  width: 120px;
  height: 40px;
  background: #F5F5F5;
  border-radius: 2px;
  font-size: 16px;
  color: #666666;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D6D6D6;
  cursor: pointer;
}

.order-state-progress {
  display: flex;
  flex: 1;
}

.order-state-progress-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-top: 122px;
  align-items: center;
  font-size: 15px;
  color: #888;
  ;
}

.state-1 .order-state-progress-item:first-child {
  color: #333;
}

.state-2 .order-state-progress-item:first-child {
  color: #333;
}

.state-2 .order-state-progress-item:nth-child(2) {
  color: #333;
}

.state-3 .order-state-progress-item {
  color: #333;
}

.state-5 .order-state-progress-item {
  color: #333;
}

.state-4 .order-state-progress-item {
  color: #333;
}

.order-state-progress-item-img {
  font-size: 0;
  position: relative;
}

.order-state-progress-item-img::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 56px;
  width: 190px;
  height: 1px;
  border-top: 1px dashed #B3B3B3;
}

.order-state-progress-item:last-child .order-state-progress-item-img::before {
  content: none;
}

.state-4 .order-state-progress-item-img::before {
  width: 340px;
}

.order-state-progress-item-img::after {
  content: '>';
  position: absolute;
  top: 5px;
  left: 246px;
  display: inline-block;
  color: #B3B3B3;
  font-size: 12px;
}

.state-4 .order-state-progress-item-img::after {
  left: 396px;
}

.order-state-progress-item .progress-item-img-after {
  /* display: none; */
}

.state-2 .order-state-progress-item:nth-child(2) .progress-item-img-default {
  display: none;
}

.state-2 .order-state-progress-item:nth-child(2) .progress-item-img-after {
  display: block;
}

.state-3 .order-state-progress-item:nth-child(2) .progress-item-img-default {
  display: none;
}

.state-3 .order-state-progress-item:nth-child(2) .progress-item-img-after {
  display: block;
}

.state-3 .order-state-progress-item:nth-child(3) .progress-item-img-after {
  display: block;
}

.state-5 .order-state-progress-item:nth-child(2) .progress-item-img-default {
  display: none;
}

.state-5 .order-state-progress-item:nth-child(2) .progress-item-img-after {
  display: block;
}

.state-5 .order-state-progress-item:nth-child(3) .progress-item-img-after {
  display: block;
}

.state-5 .order-state-progress-item:nth-child(3) .progress-item-img-default {
  display: block;
}

.state-2 .order-state-progress-item:first-child .order-state-progress-item-img::before {
  border-color: #2DA049;
}

.state-2 .order-state-progress-item:first-child .order-state-progress-item-img::after {
  color: #2DA049;
}

.state-4 .order-state-progress-item:first-child .order-state-progress-item-img::before {
  border-color: #2DA049;
}

.state-4 .order-state-progress-item:first-child .order-state-progress-item-img::after {
  color: #2DA049;
}

.state-4 .order-state-progress-item:first-child .order-state-progress-item-img::before {
  border-color: #2DA049;
}

.state-4 .order-state-progress-item:first-child .order-state-progress-item-img::after {
  color: #2DA049;
}

.state-4 .order-state-progress-item:nth-child(2) .order-state-progress-item-img::before {
  border-color: #2DA049;
}

.state-4 .order-state-progress-item:nth-child(2) .order-state-progress-item-img::after {
  color: #2DA049;
}

.state-2 .order-state-progress-item:first-child .order-state-progress-item-img::before {
  border-color: #2DA049;
}

.state-2 .order-state-progress-item:first-child .order-state-progress-item-img::after {
  color: #2DA049;
}

.state-3 .order-state-progress-item:first-child .order-state-progress-item-img::before {
  border-color: #2DA049;
}

.state-3 .order-state-progress-item:first-child .order-state-progress-item-img::after {
  color: #2DA049;
}

.state-3 .order-state-progress-item:first-child .order-state-progress-item-img::before {
  border-color: #2DA049;
}

.state-3 .order-state-progress-item:first-child .order-state-progress-item-img::after {
  color: #2DA049;
}

.state-3 .order-state-progress-item:nth-child(2) .order-state-progress-item-img::before {
  border-color: #2DA049;
}

.state-3 .order-state-progress-item:nth-child(2) .order-state-progress-item-img::after {
  color: #2DA049;
}

.state-5 .order-state-progress-item:first-child .order-state-progress-item-img::before {
  border-color: #2DA049;
}

.state-5 .order-state-progress-item:first-child .order-state-progress-item-img::after {
  color: #2DA049;
}

.state-5 .order-state-progress-item:first-child .order-state-progress-item-img::before {
  border-color: #2DA049;
}

.state-5 .order-state-progress-item:first-child .order-state-progress-item-img::after {
  color: #2DA049;
}

.state-5 .order-state-progress-item:nth-child(2) .order-state-progress-item-img::before {
  border-color: #2DA049;
}

.state-5 .order-state-progress-item:nth-child(2) .order-state-progress-item-img::after {
  color: #2DA049;
}

.state-5 .order-state-cont-time .order-state-cont-time-text {
  color: #333;
}

.order-state-progress-item-state {
  margin: 24px 0 14px;
  font-size: 18px;
}

.order-state-progress-item-time {
  margin-top: 6px;
}

.consignee-info {
  display: flex;
  border: 1px solid #DBDBDB;
  margin-top: 20px;
}

.consignee-info>div {
  flex: 1;
  border-right: 1px solid #DBDBDB;
  padding: 30px;
}

.consignee-info>div:last-child {
  border: none;
}

.consignee-info-title {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  margin-bottom: 16px;
}

.consignee-info-list {
  color: #333;
  font-size: 14px;
}

.consignee-info-list-package {
  overflow-y: auto;
  max-height: 200px;
}

/* 设置滚动条的样式 */
.consignee-info-list-package::-webkit-scrollbar {
  width: 6px;
}

/* 滚动槽 */
.consignee-info-list-package::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

/* 滚动条滑块 */
.consignee-info-list-package::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.consignee-info-list-package::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.4);
}

.consignee-info-list-package .consignee-info-list {
  margin-bottom: 14px;
}

.consignee-info-list-package .consignee-info-list .consignee-info-item:first-child {
  font-weight: 600;
}

.consignee-info-null {
  color: #999;
  font-size: 14px;
}

.consignee-info-item {
  display: flex;
  margin-bottom: 14px;
}

.consignee-info-item:last-child {
  margin-bottom: 0;
}

.consignee-info-item p:first-child {
  width: 76px;
}

.consignee-info-item p:nth-child(2) {
  flex: 1;
  word-break: break-all;
}

.order-detail {
  border: 1px solid #DBDBDB;
  margin-top: 20px;
  padding: 12px 20px 40px;
}

.order-detail-message {
  border: 1px solid #E8E8E8;
}

.order-detail-message-head {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  padding: 18px 20px;
}

.order-detail-message-item {
  display: flex;
  padding: 24px 34px;
  border-top: 1px solid #E8E8E8;
}

.order-detail-message-item:first-child {
  border: none;
}

.order-detail-message-item-text {
  flex: 1;
}

.order-detail-message-item-img {
  width: 50px;
  height: 50px;
  font-size: 0;
  margin-right: 12px;
}

.order-detail-message-item-text p:first-child {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  margin-bottom: 6px;
}

.order-detail-message-item-text p:first-child span {
  color: #1D87DB;
}

.order-detail-message-item-text p:nth-child(2) {
  margin-bottom: 12px;
  color: #555;
}

.order-detail-message-item-text p:nth-child(3) {
  color: #999;
}

.order-detail-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 44px;
  border-top: 1px solid #DBDBDB;
  margin-top: 30px;
}

.order-detail-price-item {
  display: flex;
  font-size: 16px;
  color: #555;
  align-items: center;
  margin-bottom: 20px;
}

.order-detail-price-item:last-child {
  margin-bottom: 0;
}

.order-detail-price-item p:last-child {
  color: #888;
  min-width: 150px;
  text-align: right;
}

.order-detail-price-item:last-child p {
  /* color: #2DA049; */
}

.order-detail-price-item:last-child p:last-child {
  font-size: 20px;
  font-weight: 600;
  color: #ff4517;
}

.order-detail .order-cont-state {
  width: 230px;
}

.order-detail .order-cont-price {
  width: 230px;
}

.order-detail .order-cont-operation {
  width: 230px;
}

.order-detail .order-cont-detail {
  width: 698px;
}

.order-detail .order-cont-item {
  margin-bottom: 14px;
}


/*26.个人我的订单-发票*/
.invoice {
  padding-bottom: 30px;
  min-height: calc(100vh - 149px);
  background-color: #fff;
}

.invoice-list {
  width: 100%;
  border: 1px solid #EAEAEA;
  margin-bottom: 20px;
}

.invoice-list-head {
  background: #F2F2F2;
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-weight: 600;
  font-size: 16px;
}

.invoice-item {
  display: flex;
  padding: 0 20px;
  line-height: 50px;
  border-top: 1px solid #EAEAEA;
  font-size: 14px;
  color: #666;
}

.invoice-item p:first-child {
  color: #333;
  width: 140px;
  border-right: 1px solid #EAEAEA;
}

.invoice-item p:nth-child(2) {
  padding-left: 20px;
}

.invoice-button {
  display: none;
}

.invoice-button p {
  width: 80px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #2DA049;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #71BE84;
  cursor: pointer;
}

.invoice-progress {
  padding: 40px 0;
  display: flex;
  justify-content: center;
}

.invoice-progress-item {
  display: flex;
  position: relative;
}

.invoice-progress-item .progress-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  color: #8dc012;
}

.invoice-progress-item:nth-child(2) .progress-info {
  color: #D9D9D9;
}

.invoice-progress-item .progress-line {
  width: 260px;
  height: 8px;
  background: #8dc012;
  border-radius: 7px;
  margin: 12px 0;
}

.invoice-progress-item:nth-child(2) .progress-line {
  background: #d9d9d9;
}

.invoice-progress-item .progress-num {
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  border: 5px solid #8dc012;
  margin: 0 18px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #8dc012;
}

.invoice-progress-item:nth-child(2) .progress-num {
  border-color: #d9d9d9;
  color: #d9d9d9;
}

.invoice-state {
  color: #EF8200;
}

.state-2 .invoice-progress-item:nth-child(2) .progress-info {
  color: #2DA049;
}

.state-2 .invoice-progress-item:nth-child(2) .progress-line {
  background: #2DA049;
}

.state-2 .invoice-progress-item:nth-child(2) .progress-num {
  border-color: #2DA049;
  color: #2DA049;
}

.state-2 .invoice-state {
  color: #2DA049;
}

.state-2 .invoice-button {
  display: block;
}


/*27.个人我的订单-退款*/
.refund {
  background-color: #fff;
  min-height: calc(100vh - 149px);
}

.refund-main {
  padding: 0 20px;
  border: 1px solid #DBDBDB;
}

.refund-main-type-title {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  height: 63px;
  display: flex;
  align-items: center;
}

.refund-main-type {
  border-top: 1px solid #DBDBDB;
}

.refund-main-type-button {
  font-size: 0;
}

.refund-main-type-button>div {
  display: inline-flex;
  width: 556px;
  height: 113px;
  border-radius: 2px;
  border: 1px solid #E9E9E9;
  margin: 0 40px 20px 0;
  padding: 0 58px;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}

.refund-main-type-button>div:nth-child(2n+2) {
  margin-right: 0;
}

.refund-main-type-button>div>p:first-child {
  color: #333;
  font-size: 20px;
  font-weight: 600;
}

.refund-main-type-button>div>p:nth-child(2) {
  color: #888;
  font-size: 16px;
}

.refund-main-order .order-cont-detail {
  width: 600px;
  padding: 30px 10px;
}

.refund-state {
  display: flex;
  height: 40px;
}

.refund-state>p {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eaeaea;
  font-size: 16px;
  color: #888;
  font-weight: 600;
  margin-right: 25px;
}

.refund-state>p.over {
  background: #3d2d72;
  color: #fff;
}

.refund-state>p.over>span {
  background-color: #fff;
  color: #3d2d72;
}

.refund-state>p:last-child {
  margin-right: 0;
}

.refund-state>p>span {
  width: 18px;
  height: 18px;
  background: #c3c3c3;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
  font-size: 16px;
  font-weight: 400;
  margin-right: 8px;
}

.refund-state>p.over>span {
  color: #3d2d72;
}

.refund-detail {
  border: 1px solid #DBDBDB;
  display: flex;
  margin-top: 10px;
}

.refund-detail-cont {
  flex: 1;
}

.refund-detail-order {
  width: 252px;
  padding: 0 16px;
  border-left: 1px solid #DBDBDB;
}

.refund-detail-order-info-head {
  display: flex;
  padding: 12px 0 4px;
}

.refund-detail-order-info-item {
  display: flex;
}

.refund-detail-order-title {
  font-size: 18px;
  font-weight: 600;
  color: #555;
  padding: 16px 0 10px;
  border-bottom: 1px solid #EFEFEF;
}

.refund-detail-order-info {
  font-size: 12px;
}

.refund-detail-order-img {
  width: 60px;
  height: 80px;
  border: 1px solid #D4D4D4;
  padding: 4px 3px;
  margin-right: 18px;
}

.refund-detail-order-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.refund-detail-order-text {
  flex: 1;
}

.refund-detail-order-text p:first-child {
  color: #555;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.refund-detail-order-text p:nth-child(2) {
  color: #666;
  margin-top: 8px;
}

.refund-detail-order-info-list {
  padding-bottom: 16px;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 10px;
}

.refund-detail-order-info-list:last-child {
  border: none;
  margin: 0;
}

.refund-detail-order-info-item {
  padding-top: 4px;
}

.refund-detail-order-info-item p:first-child {
  color: #666;
  min-width: 64px;
  text-align: left;
  /* margin-right: 10px; */
}

.refund-detail-order-info-item p:nth-child(2) {
  color: #333;
  flex: 1;
  word-break: break-all;
}

.refund-detail-order-info-item p:nth-child(2).mark {
  color: #FF9516;
}

.refund-detail-cont .order-cont-detail {
  padding: 0;
  width: 100%;
}

.refund-detail-cont .order-package-book-button {
  font-size: 14px;
  color: #8dc012;
  cursor: pointer;
  margin-top: 10px;
}

.refund-detail-cont .order-package-book-list {
  display: flex;
  flex-wrap: wrap;
}

.refund-detail-cont .order-package-book-items {
  position: relative;
  margin-right: 20px;
  margin-top: 20px;
}

.refund-detail-cont .order-package-book-items:first-child,
.refund-detail-cont .order-package-book-items:nth-child(2),
.refund-detail-cont .order-package-book-items:nth-child(3),
.refund-detail-cont .order-package-book-items:nth-child(4),
.refund-detail-cont .order-package-book-items:nth-child(5),
.refund-detail-cont .order-package-book-items:nth-child(6),
.refund-detail-cont .order-package-book-items:nth-child(7),
.refund-detail-cont .order-package-book-items:nth-child(8) {
  margin-top: 0;
}

.refund-detail-cont .order-package-book-list .order-package-book-img {
  margin-right: 0;
}

.refund-detail-cont .order-package-book-list .order-package-book-price {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 52px;
  height: 20px;
  background: rgba(17, 17, 17, 0.4);
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.refund-detail-cont .p-form__inner {
  padding: 24px 60px 0;
}

.refund-detail-cont .p-form-list__header {
  width: 10%;
  justify-content: flex-end;
  margin-right: 30px;
}

.refund-detail-cont .p-form-list__item {
  border: none;
  /* align-items: center; */
}

.refund-detail-cont .p-form-list__item.reason .c-select {
  width: 220px;
  height: 34px;
  border-radius: 2px;
  border: 1px solid #E6E6E6;
}

.refund-detail-cont .p-form-list__item.price .c-input {
  width: 220px;
  height: 34px;
  border-radius: 2px;
  border: 1px solid #E6E6E6;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}

.refund-detail-cont .p-form-list__item.explain .c-textarea {
  padding: 8px 12px;
  width: 400px;
  height: 130px;
  overflow-y: auto;
  border: none;
}

.refund-detail-cont .p-form-list__item .order-express-checkbox {
  height: 40px;
  display: flex;
  align-items: center;
}

.refund-detail-cont .p-form-list__item .order-express-checkbox p {
  display: flex;
  align-items: center;
  margin-right: 48px;
  cursor: pointer;
}

.refund-detail-cont .p-form-list__item .order-express-checkbox p span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
  margin-right: 10px;
  color: #fff;
  font-size: 24px;
}

.refund-detail-cont .p-form-list__item .order-express-checkbox p.check-after span {
  background: #50BD67;
  border-color: #50BD67;
}

.refund-detail-cont .p-form__footer {
  display: flex;
  justify-content: center;
  padding: 44px 0 38px;
  margin: 0;
}

.refund-detail-cont .p-form__footer .c-btn-submit {
  width: 160px;
  height: 32px;
  background: #3d2d72;
  border: 1px solid #3d2d72;
  border-radius: 2px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  margin-right: 50px;
}

.refund-detail-cont .p-form__footer .c-btn-cancel {
  width: 160px;
  height: 32px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #DDDDDD;
  color: #555;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
}

.refund-detail-cont .p-form-list__content {
  align-items: flex-start;
}

.refund-detail-cont .refund-upload {
  width: 90px;
  height: 90px;
  position: relative;
}

.refund-detail-cont .refund-upload .refund-upload-input {
  width: 90px;
  height: 90px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.refund-detail-cont .refund-upload-list {
  display: flex;
}

.refund-detail-cont .refund-upload-item {
  width: 90px;
  height: 90px;
  margin-right: 10px;
  position: relative;
}

.refund-detail-cont .refund-upload-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.refund-detail-cont .refund-upload-item .icon-history-close {
  position: absolute;
  top: -8px;
  right: -8px;
  font-size: 16px;
  cursor: pointer;
  z-index: 1;
  color: #828282;
}

.refund-detail-cont .c-address-detail {
  margin-top: 20px;
  width: 100%;
}

.refund-detail-cont .p-form-list__item.explain .p-form-list__content {
  position: relative;
  border: 1px solid #E4E4E4;
  width: 402px;
  height: 152px;
  flex: none;
}

.refund-detail-cont .p-form-list__item.explain .c-textarea-tips {
  position: absolute;
  bottom: 5px;
  left: 361px;
  color: #999;
  left: auto;
  right: 8px;
  bottom: 0;
}

/*28. 我的收藏 */
.dialog-view-collection-edit.dialog-view .view-body .view-title {
  line-height: 62px;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 36px;
}

.dialog-view-collection-edit.dialog-view .view-head {
  top: 26px;
  right: 40px;
  font-size: 0;
}

.dialog-view-collection-edit.dialog-view .view-body .view-title p {
  text-align: left;
  color: #333;
}

.dialog-view-collection-edit.dialog-view .view-body .view-content {
  padding: 20px 40px;
}

.dialog-view-collection-edit.dialog-view .collection-input {
  position: relative;
}

.dialog-view-collection-edit.dialog-view .view-body .view-content .collection-input input {
  background: #F5F5F5;
  border-radius: 6px;
  height: 48px;
  width: 100%;
  padding: 0 70px 0 22px;
  font-size: 16px;
  color: #999;
}

.dialog-view-collection-edit.dialog-view .view-button {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 40px;
}

.dialog-view-collection-edit.dialog-view .view-button>span:first-child {
  background: #eee;
  color: #aaa;
}

.dialog-view-collection-edit.dialog-view .view-button>span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  width: 56px;
  height: 28px;
  border-radius: 2px;
  font-size: 14px;
  margin-left: 24px;
}

.dialog-view-collection-edit.dialog-view .view-button>span:nth-child(2) {
  background: #C63D3D;
  color: #fff;
}


.dialog-view-collection-edit.dialog-view .collection-input>p {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 16px;
  color: #999;
}

.classify-book-list {
  display: none;
  position: absolute;
  top: 24px;
  left: -20px;
  width: 110px;
  height: 90px;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  padding: 10px 20px;
  color: #666;
  line-height: 2;
  z-index: 99;
}

.cx-sw-collection .collect_info_delete>div {
  position: absolute;
  top: 2px;
  left: -43px;
  display: none;
}

.cx-sw-collection-detail .cx-person-info {
  padding: 17px 26px;
}

.cx-sw-collection-detail .cx-info-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cx-sw-collection-detail .cx-person-collect-content {
  margin-top: 16px;
  background: #fff;
  padding: 0 26px;
}

.collect_info_color {
  background-color: #FFF;
  color: #831313;
}

.collect_info_edit_color {
  color: #831313;
  font-size: 12px;
}

.icon-wk-trash:before {
  color: #831313;
  margin-left: -2px;
  font-size: 15px;
}

.icon-add:before {
  font-size: 19px;
  color: #831313;
  margin-right: 8px;
}

.img_wdsc_svj {
  width: 104px;
  height: 104px;
  background: url(../img/collect/wdsc_pct_svj.png) no-repeat;
}

.cx-sw-collection .m-list-person-collect_info>div:nth-child(2) {
  cursor: pointer;
  position: relative;
}

.cx-sw-collection .m-list-person-collect_info>div:nth-child(2)>div {
  position: absolute;
  right: 0;
  bottom: 0;
}

.cx-sw-collection .m-list-person-collect_info>div:nth-child(2)>div div {
  margin-top: 5px;
}

.icon-checkbox-checked:before {
  font-size: 14px;
  color: #831313;
  margin-right: 17px;
}

.icon-checkbox-unchecked:before {
  font-size: 14px;
  color: #831313;
  margin-right: 17px;
}

.icon-folder:before {
  margin-right: 8px;
}
/*30. 我的笔记 */
.cx-person-note{
  background: #FFFFFF;
}
.cx-person-note .pagination>.active>a, 
.cx-person-note .pagination>.active>a:focus,
.cx-person-note .pagination>.active>a:hover, 
.cx-person-note .pagination>.active>span, 
.cx-person-note .pagination>.active>span:focus, 
.cx-person-note .pagination>.active>span:hover{
  color: #fff;
}
.m-person-noteItems{
  padding: 0 20px;
  background: #FFFFFF;
}
.person-note-item{
  display: inline-block;
  width: 460px;
  height: 258px;
  margin-bottom: 18px;
  margin-right: 18px;
  padding: 24px;
  background: #F8F9FB;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  cursor: pointer;
}
.person-note-item:nth-child(2n){
  margin-right: 0;
}
.person-note-img{
  float: left;
  width: 90px;
  height: 120px;
  margin-right: 10px;
  border: 1px solid rgba(0,0,0,0.08);
}
.person-note-content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.person-note-title{
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0,0,0,0.8);
  line-height: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space:nowrap;
}
.person-note-author{
  margin-top: 6px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0,0,0,0.5);
  line-height: 16px;
}
.person-note-time {
  margin-top: 10px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  line-height: 16px;
}
.person-note-text{
  padding: 10px;
  margin-top: 4px;
  height: 182px;
  overflow: hidden;
  cursor: pointer;
  color: rgba(0,0,0,0.5);
}
.person-note-text .icon-edit{
  color: #1177e4;
}
/* 笔记弹窗 */
.dialog-view.dialog-view-note{
  width: 580px;
  height: 476px;
  padding: 0;
}
.dialog-view.dialog-view-note .view-head{
  position: static;
  top: 0;
  left: 0;
  right: 0;
  cursor: inherit;
  border-bottom: 1px solid rgba(0,0,0,0.08);;
}
.dialog-view-note .view-head .view-title{
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0,0,0,0.8);
}
.dialog-view-note .view-head .note-head-colse{
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
    font-weight: 600;
  cursor: pointer;
}
.dialog-view-note .view-body{
  padding: 20px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.dialog-view-note .view-body textarea{
  width: 540px;
  height: 290px;
  padding: 6px 10px;
  overflow-y: auto;
  border-radius: 4px;
  opacity: 1;
  border: 1px solid #D9D9D9;
}
.dialog-view-note .view-body .textarea-limit{
  display: flex;
  align-items:center;
  justify-content: flex-end;
  color: rgba(0, 0, 0, 0.50);
}
.dialog-view-note .view-footer .qx{
  display: inline-block;
  width: 68px;
  height: 32px;
  line-height: 32px;
  color: #FFFFFF;
  text-align: center;
  background: rgba(0,0,0,0.2);
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  cursor: pointer;
}
.dialog-view-note .view-footer .qr{
  display: inline-block;
  width: 68px;
  height: 32px;
  margin-left: 20px;
  line-height: 32px;
  color: #FFFFFF;
  text-align: center;
  background: #1177E4;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  cursor: pointer;
}
.dialog-view-note .view-footer{
  padding: 16px 20px 0 20px;
}
.dialog-view.dialog-view-confirmpro{
  width: 440px;
  height: 178px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.12);
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
}
.dialog-view-confirmpro .view-confirm-colse{
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  font-weight: 600;
  cursor: pointer;
}
.dialog-view-confirmpro .dialog-confirm-title{
  margin-top: 30px;
  margin-left: 30px;
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0,0,0,0.8);
  line-height: 19px;
}
.dialog-view-confirmpro .dialog-confirm-des{
  margin-top: 10px;
  margin-left: 30px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0,0,0,0.8);
  line-height: 16px;
}
.dialog-view-confirmpro .view-footer{
  margin-top: 40px;
  margin-right: 20px;
}
.dialog-view-confirmpro .view-footer .btn-open{
  width: 110px;
  height: 36px;
  line-height: 36px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  background: #163A98;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  cursor: pointer;
}
.dialog-view-confirmpro .view-footer .btn-buy{
  margin-left: 20px;
  width: 110px;
  height: 36px;
  line-height: 36px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  background: #1177E4;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
}
.dialog-view.dialog-view-warning {
  width: 192px;
  height: 42px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
}
.dialog-view-warning-text{
  display: flex;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  align-items: center;
}
.dialog-view-warning-text .icon-wrong{
  color: #ff0000;
  font-size: 18px;
  margin-right: 6px;
}
/* vip购买弹窗 */
.dialog-view.dialog-view-vipbuy .swiper-slide{
  display:block;
  width:300px;/*设为固定值*/
  width:auto;/*根据内容调整宽度*/
}
.dialog-view.dialog-view-vipbuy{
  width: 640px;
  height: 680px;
  padding: 0;
}
.dialog-view.dialog-view-vipbuy .view-head{
  position: static;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.dialog-view-vipbuy .view-head .view-title{
  margin-top: 30px;
  margin-left: 30px;
  margin-bottom: 10px;
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0,0,0,0.8);
}
.dialog-view-vipbuy .view-head .vip-head-colse{
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  font-weight: 600;
}
.dialog-view-vipbuy .view-body{
  height: 552px;
  overflow-y: auto;
  overflow-x: hidden;
}
.dialog-view-vipbuy .view-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 62px;
  padding: 0 30px;
  border-top: 1px solid rgba(0,0,0,0.08);
}
.dialog-view-vipbuy .view-footer .vip-price{
  font-size: 20px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0,0,0,0.8);
  line-height: 23px;
}
.dialog-view-vipbuy .view-footer .vip-btn-buy{
  width: 164px;
  height: 42px;
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0,0,0,0.8);
  line-height: 42px;
  background: linear-gradient(to right, #F0D9A4 25%, #D4AE55 100%);
  border-radius: 48px 48px 48px 48px;
  opacity: 1;
  text-align: center;
  cursor: pointer;
}
.dialog-view-vipbuy .view-footer .vip-btn-bought{
  width: 164px;
  height: 42px;
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0,0,0,0.5);
  line-height: 42px;
  background: rgba(0,0,0,0.2);
  border-radius: 48px 48px 48px 48px;
  opacity: 1;
  text-align: center;
  cursor: pointer;
}
.view-vip-card-content{
  padding: 0 30px;
}
.view-vip-card{
  position: relative;
  width: 336px;
  height: 182px;
  margin: 30px auto 40px;
  border: 1px solid transparent;
}
.view-vip-card-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 335px;
  height: 188px;
  border-radius: 8px 8px 8px 8px;
  z-index: 0;
  overflow: hidden;
}
.view-vip-card-img img{
  max-width: 100%;
  max-height: 100%;
}
.view-vip-card-title{
  position: relative;
  width: 306px;
  max-height: 44px;
  margin: 33px 0 0 15px;
  font-size: 18px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 21px;
  z-index: 1;
  overflow: hidden;
}
.view-vip-card-des{
  position: relative;
  width: 306px;
  height: 60px;
  margin: 10px 0 0 15px;
  font-size: 13px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255,255,255,0.6);
  line-height: 15px;
  z-index: 1;
  overflow: hidden;
 
}
.view-vip-card-tag{
  position: absolute;
  top: 0px;
  right: -3px;
  z-index: 1;
  width: 76px;
  height: 32px;
  padding-left: 20px;
  line-height: 30px;
  background: url(../img/vip/Rectangle112.png);
  background-size: 100%;
}
.view-vip-card-buyitem{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 160px;
  height: 111px;
  padding: 16px 14px 14px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid rgba(0,0,0,0.08);
  cursor: pointer;
}
.view-vip-card-buyitem.checked{
  border: 1px solid rgba(211, 174, 83, 1);
  background: rgba(211, 174, 83, 0.10);
}
.view-vip-card-buyitem_title{
  height: 48px;
  font-size: 14px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0,0,0,0.8);
  line-height: 16px;
  overflow: hidden;
}
.view-vip-card-buyitem_price{
  font-size: 24px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #D3AE53;
  line-height: 28px;
    text-align: right;
}
.view-vip-card-text{
  margin-top: 20px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0,0,0,0.35);
  line-height: 16px;
}

/*29. 我的会员卡 */
/* vip-list */
.person-vip-btn{
  margin-bottom: 32px;
  font-size: 0;
}
.cx-person-vip .person-vip-btn-activation {
  background: #1177E4;
}
.person-vip-btn-activation {
  display: inline-block;
  cursor: pointer;
  width: 120px;
  height: 42px;
  background: #3671A7;
  text-align: center;
  line-height: 42px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px 4px 4px 4px;
}
.person-vip-btn-buy {
  display: inline-block;
  cursor: pointer;
  width: 120px;
  height: 42px;
  margin-left: 20px;
  background: #1177E4;
  text-align: center;
  line-height: 42px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px 4px 4px 4px;
}

.cx-person-vip {
  padding: 0px 20px 20px;
  background: #ffffff;
  min-height: 100vh;    
}

.person-vip-btn-select {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.person-vip-btn-select .active-item-vip {
  color: #1B62A3;
  font-weight: 600;
}

.vip-btn-item {
  cursor: pointer;
  width: 54px;
  /* height: 21px; */
  font-size: 18px;
  font-family: Roboto-SemiBold, Roboto;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  /* line-height: 21px; */
}

.vip-btn-itemaffer {
  margin: 0 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.65);
  height: 18px;
}

.person-vip-img {
  float: left;
  width: 140px;
  height: 80px;
  margin-right: 12px;
  border-radius: 8px;
  overflow: hidden;
}

.person-vip-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.person-vip-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 80px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  overflow: hidden;
}

.person-vip-record-button {
  align-items: center;
  justify-content: center;
  display: flex;
  width: 78px;
  height: 42px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid rgba(27, 98, 163, 1);
}

.person-vip-record-button>a>p {
  text-align: justify;
  color: rgba(27, 98, 163, 1);
  font-size: 16px;
}

.cx-ellipsis-1.person-vip-text-name {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
}

.cx-ellipsis-1.person-vip-text-row {
  max-width: 650px;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}

.person-vip-text-time {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}

.person-vip-item {
  padding: 16px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.cx-person-vip-relative {
  position: relative;
}

.cx-vip-message {
  text-align: center;
  display: none;
  width: 112px;
  height: 42px;
  top: 3px;
  position: absolute;
  left: 50%;
  margin-left: -56px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) ;
}
.cx-vip-message span{

  line-height: 42px;
}
.cx-vip-message-font{
  margin-left: 4px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0,0,0,0.85);
}
.view-vip-content {
  width: 400px;
  display: flex;
  height: 94px;
  align-items: center;
  justify-content: center;
}

.dialog-view-vip {
  padding: 0 !important;
}

.cx-fix-vip {
  height: 59px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D9D9D9;
  ;
}

.vip-input {
  width: 308px;
  height: 40px;
  padding: 8px 12px;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
}

.view-bottom-vip {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.btn-vip-of {
  cursor: pointer;
  text-align: center;
  line-height: 32px;
  width: 65px;
  height: 32px;
  background: #FFFFFF;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #D9D9D9;
  margin-right: 8px;
}

.btn-vip-on {
  cursor: pointer;
  text-align: center;
  line-height: 32px;
  color: #FFF;
  width: 65px;
  height: 32px;
  background: #1B62A3;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #1677FF;
  margin-right: 16px;
}

.dialog-vip-title {
  margin-left: 24px;
  font-size: 16px !important;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85) !important;
}

.vip-head-colse>img {
  height: 12px;
}

.vip-head-colse {
  position: absolute;
  right: 11px;
  top: 20px;
  cursor: pointer;
}



/* vip-details */
.cx-bgFFF {
  min-height: 100vh;
  background: #FFF;
}

.person-vip-details-img {
  float: left;
  width: 426px;
  height: 240px;
  margin-right: 24px;
  border-radius: 8px;
  overflow: hidden;
}

.person-vip-details-content {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 240px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  overflow: hidden;
}

.person-vip-details-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.person-vip-text-details-name {
  font-size: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 12px;
}

.person-vip-text-details-card,
.person-vip-text-details-row,
.person-vip-text-details-time {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 12px;
}

.cx-details-vip-price {
  padding-top: 2px;
  font-size: 20px;
  font-weight: 600;
}

.person-vip-details {
  padding-top: 30px;
}

.detail-tab-item-vip {
  font-weight: 600;
  display: inline-block;
  padding: 22px 0 18px;
  margin-right: 24px;
  width: 100px;
  line-height: 1;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  color: #000000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tab-check-vip{
  color: #000;
  border-bottom: 2px solid #000;
}
.detail-tab-dom-vip{
  padding: 20px 0;
}


/*暂无权限弹框*/
.detail-message-box{
  width: 440px;
  height: 178px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 20;
  padding: 30px 20px 20px 30px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.12);
  border-radius: 2px;
  z-index:102;
}

.detail-message-tit{
  font-size: 16px;
font-weight: 500;
color: rgba(0,0,0,0.8);
}
.detail-message-box p{
  font-size: 14px;
font-weight: 400;
color: rgba(0,0,0,0.8);
}
.detail-message-box .text{
  display:flex;
  align-items: center;
  margin-bottom: 10px;
}
.detail-message-box .icon-wrong{
  font-size: 20px;
  color: rgba(255, 169, 64, 1);
  margin-right: 7px;
}
.detail-message-box .btn{
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.detail-message-box .cancel{
  width: 106px;
height: 36px;
background: rgba(0,0,0,0.2);
border-radius: 4px 4px 4px 4px;
text-align: center;
line-height: 36px;
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
margin-right: 20px;
}
.detail-message-box .buy{
  width: 106px;
height: 36px;
background: #1177E4;
border-radius: 4px 4px 4px 4px;
text-align: center;
line-height: 36px;
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
}

.m-person-NoVipItems{
  font-size: 18px;
  color: #666666;
  line-height: 23px;
  text-align: center;
  padding: 40px ;
}

/*退款详情*/
.refund-handle {
  padding: 32px 34px;
}

.refund-handle-cont {
  padding-bottom: 20px;
  border-bottom: 1px solid #EFEFEF;
}

.refund-handle-cont-title {
  display: flex;
  align-items: flex-end;
}

.refund-handle-cont-title p:first-child {
  font-size: 24px;
  color: #333;
  font-weight: 600;
  margin-right: 20px;
}

.refund-handle-cont-title p:nth-child(2) {
  font-size: 16px;
  color: #2DA049;
  font-weight: 600;
}

.refund-handle-cont-title p:nth-child(2) i {
  margin-right: 7px;
  font-size: 14px;
}

.refund-handle-cont-sub {
  font-size: 14px;
  color: #666;
  margin-top: 12px;
}

.refund-handle-cont-sub p:nth-child(2) span {
  color: #E84017;
  cursor: pointer;
}

.refund-handle-cont-price {
  color: #555;
  font-size: 16px;
  border-top: 1px solid #EFEFEF;
  padding-top: 20px;
  margin-top: 20px;
}

.refund-handle-cont-price span {
  font-size: 18px;
  font-weight: 600;
  color: #e84017;
}

.refund-handle-cont-price p {
  display: flex;
  align-items: center;
}

.refund-handle-cont-price p:nth-child(2) {
  color: #999;
  font-size: 14px;
  margin-top: 7px;
}

.refund-handle-cont-price p:nth-child(2)::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #D8D8D8;
  border-radius: 100%;
  margin: 0 6px 0 12px;
}

.refund-handle-cont-good {

  border-top: 1px solid #EFEFEF;
  padding-top: 20px;
  margin-top: 20px;
}

.refund-handle-cont-good>p {
  font-weight: 600;
  color: #515151;
  font-size: 18px;
}

.refund-handle-cont-good .order-package-book-info {
  padding: 20px 0 0;
}

.refund-handle-cont-tips {
  color: #999;
  font-size: 14px;
  margin-top: 20px;
}

.refund-handle-cont-tips p {
  display: flex;
  align-items: center;
}

.refund-handle-cont-tips p::before {
  content: '';
  width: 4px;
  height: 4px;
  background: #D8D8D8;
  display: inline-block;
  border-radius: 100%;
  margin-right: 6px;
}

.refund-handle-cont-button {
  margin-top: 24px;
}

.refund-handle-cont-button p {
  width: 160px;
  height: 32px;
  background: #3D2D72;
  border-radius: 2px;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.refund-handle-cont-cancel {
  font-size: 14px;
  color: #666;
  margin-top: 24px;
}

.refund-handle-cont-cancel span {
  font-weight: 600;
  color: #F08200;
  cursor: pointer;
}

.refund-handle-history-title {
  font-size: 18px;
  font-weight: 600;
  color: #515151;
  padding: 20px 0 0;
}

.refund-handle-history-item {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #EFEFEF;
}

.refund-handle-history-item:last-child {
  border: none;
}

.refund-handle-history-cont-img {
  width: 50px;
  height: 50px;
  border-radius: 2px;
  overflow: hidden;
  font-size: 0;
  margin-right: 20px;
}

.refund-handle-history-cont-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.refund-handle-history-cont-info {
  flex: 1;
}

.refund-handle-history-cont-title {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-top: 2px;
}

.refund-handle-history-cont-title p:first-child {
  color: #555;
}

.refund-handle-history-cont-title p:nth-child(2) {
  color: #999;
}

.refund-handle-history-cont-reason {
  margin-top: 8px;
  color: #333;
  font-size: 14px;
}

.refund-handle-history-cont-reason p {
  margin-top: 4px;
}

.refund-handle-history-cont-reason p img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin-right: 10px;
}

.refund-handle-history-cont-reason p span {
  margin-left: 10px;
}

.refund-handle-cont-address {
  margin-top: 20px;
  padding: 20px 0;
  color: #333;
  font-size: 14px;
  border-bottom: 1px solid #EFEFEF;
  border-top: 1px solid #EFEFEF;
}

.refund-handle-cont-address p:first-child {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}

.refund-handle-cont-address p:nth-child(2) {
  margin-top: 14px;
}

.refund-handle-cont-address p:nth-child(2) span {
  margin-right: 10px;
}

.refund-handle-cont-address p:nth-child(3) {
  margin-top: 5px;
}

.refund-handle-cont-logistics {
  /* margin-top: 20px; */
  /* display: none; */
  padding: 20px 0 0;
  color: #333;
  font-size: 14px;
  /* border-bottom: 1px solid #EFEFEF; */
  /* border-top: 1px solid #EFEFEF; */
}

.refund-handle-cont-logistics p:first-child {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}

.refund-handle-cont-logistics p:nth-child(2) {
  margin-top: 14px;
}

.refund-handle-cont-logistics p:nth-child(3) {
  margin-top: 5px;
}












/*最后.更多*/
.container .cx-more {
  width: 100%;
}

.cx-more {
  width: 1200px;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  text-align: center;
  font-size: 14px;
  margin: 0 auto;
  border-top: 1px solid #f5f5f5;
}

.cx-more a {
  color: #9e9e9e;
}

.loading-box img {
  display: block;
  margin: 0 auto;
}

.no-more {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  color: #999999;
}

/* 资讯 日报 */
.cx-zx .swiper-container {
  overflow: inherit;
}

.cx-zx .cx-column-zx {
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.cx-zx .swiper-container-horizontal>.swiper-pagination-progress {
  position: fixed;
  bottom: 0;
  top: auto;
}

.cx-zx .swiper-pagination-progress .swiper-pagination-progressbar {
  height: 5px;
  background: #dadada;
}

.cx-zx .pagination {
  display: none;
}

.cx-zx .zx {
  overflow: hidden;
}

.cx-zx .container {
  position: relative;
  background: transparent;
}

.cx-zx .zx .swiper-pagination {
  background: #f5f5f5;
}

.cx-zx .zx .swiper-slide {
  -webkit-transition: transform 1.0s;
  -moz-transition: transform 1.0s;
  -ms-transition: transform 1.0s;
  -o-transition: transform 1.0s;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

.cx-zx .zx .swiper-slide-active,
.cx-zx .zx .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.cx-column-zx {
  /* width: 1000px; */
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
}

.cx-zx-content {
  text-align: left;
  background: #ffffff;
  padding: 13px 15px;
  overflow: hidden;
}

.cx_zx_img {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.cx-zx-prev {
  position: absolute;
  top: 0;
  right: 20px;
  width: 30px;
  height: 60px;
  background: url(../img/zx-prev.png) no-repeat;
  z-index: 100;
}

.cx-zx-next {
  position: absolute;
  top: 70px;
  right: 20px;
  width: 30px;
  height: 60px;
  background: url(../img/zx-next.png) no-repeat;
  z-index: 100;
}

.cx-zx-prev:hover,
.cx-zx-next:hover {
  opacity: 0.7;
  cursor: pointer;
}

.cx-zx-title {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f5f5f5;
}

.cx-zx-title>p {
  font-size: 16px;
}

.cx-zx-artic {
  padding-bottom: 12px;
  margin: 0;
}

.cx-zx-artic p {
  font-size: 14px;
}

.cx-zx-data {
  margin-bottom: 20px;
}

/* 详情 资讯 */
.cx-zx-details {
  padding-top: 45px;
}

.cx-zx-details-title p {
  font-size: 24px;
}

.cx-zx-details-time {
  padding: 16px 0 26px;
}

.cx-zx-details-time span {
  font-size: 12px;
  color: #b2b2b2;
}

.cx-zx-details-content {
  margin-bottom: 60px;
}

.cx-zx-details-content iframe {
  max-width: 100% !important;
}

.cx-zx-audiobox {
  padding: 40px 40px 0 30px;
  background: #ffffff;
}

/* 详情 报名(旧) */
.activity-cont-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*padding: 0 143px;*/
}

.activity-cont-row .activity-cont-left {
  float: left;
}

.activity-cont-row .activity-cont-left .activity-ad-img {
  display: block;
  width: 492px;
  height: 200px;
  margin-right: 36px;
}

.activity-cont-row .activity-cont-right .activity-cont-item {
  position: relative;
  height: 200px;
}

.activity-cont-item .activity-cont-title {
  margin-bottom: 8px;
  line-height: 1.3;
  font-size: 22px;
  color: #3e3a39;
}

.activity-cont-item .activity-cont-price {
  margin-bottom: 12px;
  font-size: 18px;
  color: #ff7352;
  line-height: 1;
}

.activity-cont-item .activity-cont-price small {
  font-size: 14px;
  color: #c9caca;
}

.btn-apply {
  display: inline-block;
  /*width: 120px;*/
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 300;
  border-radius: 3px;
}

.activity-cont-item .btn-apply {
  position: absolute;
  bottom: 0;
}

.activity-cont-info .btn-apply-yes,
.activity-cont-info .btn-apply-no,
.activity-cont-info .btn-apply {
  display: inline-block;
  margin: 20px 5px 0;
  width: 111px;
  border-radius: 3px;
}

.activity-cont-info {
  width: 100%;
  margin-top: 70px;
}

.activity-cont-info form {
  text-align: center;
}

.activity-cont-info .activity-cont-info-title {
  padding-left: 15px;
  margin-bottom: 25px;
  line-height: 1;
  font-size: 24px;
  border-left: 6px solid #f25a4f;
}

.activity-cont-info .activity-cont-info-title p {
  color: #f25a4f;
}

.activity-cont-item .activity-cont-infolist {
  overflow: hidden;
  margin-bottom: 1px;
}

.activity-cont-item .activity-cont-infolist .infolist-des {
  float: left;
  text-align: right;
}

.activity-cont-item .activity-cont-infolist .infolist-des p {
  font-size: 14px;
}

.activity-cont-item .activity-cont-infolist .infolist-p p {
  font-size: 14px;
}

.isapply {
  display: none;
}

.activity-cont-info .form-activity-apply {
  margin: 0 auto;
  border: 1px solid #f0f0f0;
}

.form-activity-title {
  margin-bottom: 15px;
}

.form-activity-title p {
  font-size: 16px;
  font-weight: 500;
}

.form-activity-apply .activity-cont-apply {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.activity-cont-apply+.activity-cont-apply {
  border-top: 1px solid #f0f0f0;
}

.form-activity-apply .activity-cont-apply .apply-des {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(81, 182, 255, 0.05);
  padding: 25px 20px 25px 30px;
  width: 26.75%;
}

.form-activity-apply .activity-cont-apply .apply-input {
  font-size: 16px;
  line-height: 1.375;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 48px 20px 40px;
}

.form-activity-apply .activity-cont-apply .apply-input input {
  height: 35px;
  padding: 2px 10px;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-transition: background-color 100ms, border-color 100ms;
  transition: background-color 100ms, border-color 100ms;
  width: 100%;
  font-size: 14px;
}

.form-activity-apply .activity-cont-apply .is-error .c-input {
  background: #f9e8e8;
  border-color: #c81919;
}

.is-error .c-input {
  background: #f9e8e8;
  border-color: #c81919;
}

.c-error {
  color: #ff3329;
}

.btn-empty-apply {
  display: block;
  margin: 20px auto 0;
}

/*-------列表页----------*/
.cx-class-content {
  width: 1200px;
  background: #ffffff;
  margin: 0 auto;
  padding: 20px 36px;
}

.cx-class-content .cx-model {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 0;
}

.cx-class-content .cx-model .layui-flow-more {
  margin: 15px auto 0;
}

.cx-class-classify {
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
  height: 60px;
  display: flex;
  align-items: center;
  color: #a7a7a7;
}

.cx-class-classify i {
  margin: 0 7px;
}

.cx-class-classify .icon-close {
  cursor: pointer;
}

.cx-class-classify-span {
  color: #50b7ff;
  padding: 2px 0px 2px 10px;
  border: 1px solid #b9b9b9;
  background: #dadada;
  display: flex;
  align-items: center;
}

.cx-class-selec {
  width: 1200px;
  margin: 0 auto 20px;
  padding: 10px 25px;
  background: #fff;
  color: #8a8a8a;
}

.cx-class-selec ul li {
  display: inline-block;
  margin: 5px 12px;
  font-size: 18px;
  /* font-weight: 300; */
  cursor: pointer;
  color: #777;
  padding: 6px 15px;
  font-weight: 500;
  position: relative;
}

.cx-class-selec.parent ul li {
  color: #000;
  padding: 11px 7px;
}

.cx-class-selec ul .sele {
  color: #fff;
  background: #50b7ff;
}

.cx-class-selec ul li:hover {
  color: #fff;
  background: #50b7ff;
}

.cx-class-selec.parent ul .sele {
  color: #50b7ff;
  background: none;
}

.cx-class-selec.parent ul .sele::after {
  content: '';
  width: 100%;
  height: 3px;
  background: #50b7ff;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cx-class-selec.parent ul li:hover {
  color: #50b7ff;
  background: none;
}

.cx-class-demo {
  display: inline-block;
  width: 33.333%;
}

.classNav {
  display: none;
}

.classNav {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  line-height: 45px;
}

.classNav .swiper-slide {
  font-size: 15px;
  width: auto;
  margin: 0 18px 0 0;
  text-align: center;
  color: #000;
}

.classNav.children .swiper-slide {
  font-size: 14px;
  color: #777;
  margin: 13px 0px;
}

.classNav.children .swiper-slide span {
  line-height: 1.5;
  padding: 2px 9px;
  border-radius: 60px;
}

.classNav .swiper-slide span {
  cursor: pointer;
}

.classNav .swiper-slide span.sele {
  color: #50b7ff;
  border-bottom: 2px solid #50b7ff;
}

.classNav.children .swiper-slide span.sele {
  border-bottom: none;
  background: #f2f2f2;
  color: #50b7ff;
}

/*-----手机搜索页-----*/
.cx-search-phone-top {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 10px;
  background: #fff;
}

/*.cx-search-phone-top i {
	position: absolute;
	left: 26px;
	top: 16px;
	z-index: 10;
	color: #8a8a8a;
	font-size: 18px;
}*/

.cx-search-phone-top .icon-left {

  order: 1;
  padding: 0 10px;
}

.cx-search-phone-top .icon-left::before {
  content: '取消';
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}

.cx-search-phone-top .search-phone-box {

  position: relative;
  overflow: hidden;
  flex: 1;
  order: 0;
}

.cx-search-phone-top .search-phone-box i {
  position: absolute;
  top: 7px;
  left: 9px;
  font-size: 22px;
  color: #8a8a8a;
}

.cx-search-phone-top .cx-searchp-input {
  width: 100%;
  height: 36px;
  padding: 0 10px 0 35px;
  font-size: 14px;
  border-radius: 17px;
  box-sizing: border-box;
  background: #eee;
}

.cx-searchp-button {
  float: left;
  padding: 5px;
  background: transparent;
  color: #ffffff;
  font-weight: 300;
}

.cx-hotsearch-phone {
  padding-bottom: 30px;
  border-bottom: 1px solid #f3f3ee;
}

.cx-hotsearch-phone p {
  font-size: 15px;
  padding: 20px 14px 10px;
  color: #000021;
}

.cx-hotsearch-phone ul {
  margin: 0 14px;
}

.cx-hotsearch-phone ul li {
  float: left;
  background: #f6f6f7;
  border-radius: 3px;
  margin: 3px;
  font-size: 13px;
  padding: 8px 16px;
  color: #6e6e6e;
}

.cx-recsearch-phone p {
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  margin: 20px 14px;
  color: #000021;
}

.cx-recsearch-phone span {
  float: right;
  font-size: 30px;
}

.cx-recsearch-phone ul li {
  padding: 0 15px;
  margin: 20px 0;
  font-size: 14px;
  color: #9e9e9e;
}

/*pc热门搜索*/
.cx-hotsearch {
  padding-bottom: 21px;
}

.cx-hotsearch p {
  font-size: 12px;
  margin: 36px 10px 6px;
}

.cx-hotsearch ul {
  margin: 0 10px;
}

.cx-hotsearch ul li {
  float: left;
  background: #f6f6f7;
  border-radius: 3px;
  margin: 3px;
  font-size: 12px;
  padding: 3px 12px;
  color: #6e6e6e;
  cursor: pointer;
}

.cx-hotsearch ul li:hover {
  background: #e6e6e6;
}

/*搜索历史*/
.cx-historysearch p {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  margin: 0 10px 6px;
}

.cx-historysearch span {
  float: right;
  font-size: 30px;
}

.cx-historysearch ul li {
  padding: 10px 15px;
  font-size: 12px;
  color: #9e9e9e;
  cursor: pointer;
}

.cx-historysearch ul li:hover {
  background: #f9f9fb;
  font-size: 12px;
}

.cx-historysearch ul li i {
  display: none;
  position: static;
  float: right;
  width: auto;
  font-size: 25px;
  transform: translateY(-3px);
  color: #c0c0c0;
}

.cx-historysearch ul li:hover i {
  display: block;
}

.cx-historysearch ul li i:hover {
  color: #000000;
}

/*搜索*/

.search i {
  z-index: 101;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 35px;
  font-size: 24px;
  color: #cccccc;
  cursor: pointer;
}

.search i:hover {
  opacity: 0.8;
}

.search i:active {
  opacity: 0.6;
}

.search-slidedown {
  display: none;
  position: absolute;
  top: 20px;
  z-index: 10;
  background: #ffffff;
  border: 1px solid #f3f3f3;
  width: 100%;
}

.cx-historysearch .historysearch_clear {
  font-size: 12px;
  cursor: pointer;
}

.cx-historysearch .historysearch_clear:hover {
  color: #666;
}

/*-----PC搜索页-----*/

.cx-search {
  width: 1200px;
  margin: 0 auto;
}

.cx-search-l {
  float: left;
  width: 70%;
  padding: 40px 50px;
}

.cx-search-r {
  float: right;
  width: 28%;
  margin-left: 2%;
  padding: 25px;
  background: #ffffff;
}

.cx-search-l {
  background: #ffffff;
}

.cx-search-l .cx-search-title {
  padding-bottom: 16px;
  margin-bottom: 0px;
  border-bottom: 1px solid #f3f3f3;
}

.cx-search-l .cx-search-title .cx-search-title-p {
  font-size: 18px;
}

.cx-search-l .cx-search-title .cx-search-title-des {
  font-size: 14px;
}

.cx-search-l .cx-search-title .cx-search-title-des .cx-color-blue {
  font-size: 18px;
}

.cx-search-l .cx-modelstw-t {
  font-weight: 600;
}

.cx-search-label {
  margin-top: 45px;
  margin-bottom: 34px;
}

.cx-search-label ul li {
  float: left;
  padding: 6px 22px;
  margin: 15px 12px 0 0;
  border: 1px solid #f3f3f3;
  font-size: 14px;
  background: #f6f6f7;
  color: #666;
  border-radius: 8px;
}

.cx-search-label ul li:hover {
  background: #e6e6e6;
}

.cx-search-tab {
  display: flex;
  padding-bottom: 26px;
  color: #333;
  font-size: 14px;
  border-bottom: 1px solid #e6e6e6;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.cx-search-tab>p {
  display: inline-block;
  padding: 0 38px 10px;
  cursor: pointer;
  white-space: nowrap;
}

.cx-search-tab>p.checked {
  color: #50a0ff;
}

.cx-model-zx {
  display: flex;
  padding: 30px 30px 30px 0;
  border-bottom: 1px solid #e6e7eb;
}

.cx-model-zx-img {
  width: 180px;
  height: 112px;
  margin-right: 12px;
}

.cx-model-zx-img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-model-zx-cont {
  flex: 1;
}

.cx-model-zx-title {
  color: #333;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.cx-model-zx-sub {
  color: #a2a2a2;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  margin-top: 4px;
}

.cx-model-zx-sub>p {
  color: #a2a2a2;
}

/*登录*/
.cx-login {
  position: relative;
  width: 805px;
  margin: 0 auto;
  background: #ffffff;
}

.cx-login-content {
  padding: 40px;
  background: #fff;
  text-align: center;
}

.cx-login-logo {
  margin: 35px auto;
}

.cx-login-logo img {
  display: block;
  width: 275px;
  height: 120px;
  margin: 0 auto;
}

.cx-login-input {
  margin: 0 auto;
  width: 480px;
}

.cx-login-input .cx-login-subheading {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.45;
}

.cx-login-input form {
  margin: 35px 0;
}

.cx-login-input input {
  width: 100%;
}

.login-input {
  border-bottom: 1px solid #e1e1e1;
}

.cx-login-sanfang img:hover {
  opacity: 0.7;
  transform: scale(1.1);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.input-wrong-text {
  display: none;
  color: #fe2617;
}

.login-btn,
.forgot-btn {
  border-radius: 25px;
  /*padding: 10px 0;*/
  margin: 30px auto;
}

.cx-login-sanfang {
  padding: 127px 0;
}

.cx-login-sanfang img {
  width: 44px;
  height: 44px;
  margin: 0 30px;
}

.cx-forgot-content {
  padding: 50px 60px;
}

.forgot-btn {
  display: block;
  width: 300px;
}

.password-type.show .password-hide {
  display: none;
}

.password-type.show .password-show {
  display: inline-block;
}

.password-hide {
  right: 0;
  cursor: pointer;
  display: inline-block;
}

.password-show {
  display: none;
  right: 0;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .forgot-btn {
    display: block;
    width: 100%;
  }

  .cx-login-sanfang img {
    width: 30px;
    height: 30px;
  }
}

/*注册*/
.cx-signup {
  width: 805px;
  margin: 0 auto;
  background: #ffffff;
}

.cx-signup-content {
  width: 480px;
  margin: 0 auto;
  padding: 50px 0;
}

.cx-signup-yzm {
  position: relative;
}

.cx-signup-yzm-btn {
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 160px;
  cursor: pointer;
}

.cx-signup-yzm-btn span img {
  float: left;
  width: 20px;
  margin-right: 20px;
}

.cx-signup-yzm-btn p {
  overflow: hidden;
  border-left: 1px solid #f2f2f2;
  padding-left: 22px;
  font-size: 15px;
}

.cx-signup-number,
.cx-signup-yzm,
.cx-signup-pwd {
  margin: 15px 0;
}

.cx-signup-number input,
.cx-signup-yzm input,
.cx-signup-pwd input {
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid #e1e1e1;
}

.signup-btn {
  width: 100%;
  padding: 5px;
  border-radius: 25px;
  color: #b2b2b2;
  background: #eeeeee;
  margin: 40px 0;
}

.cx-balance-sumit input {
  color: #ffffff;
  background: #50b7ff;
}

/*上传图片*/

.cx-info-uploadimg {
  float: left;
  text-align: center;
  color: #65c1f1;
}

.cx-info-uploadimg img {
  width: 100px;
}

.cx-info-uploadimg p {
  font-size: 12px;
  margin: 18px 0 20px;
  color: #b2b2b2;
}

.cx-info-uploadimg input {
  padding: 5px 29px;
}

.cx-info-sex input {
  margin: 2px 10px;
}

.cx-sliderbar {
  position: fixed;
  bottom: 124px;
  right: 19px;
  z-index: 2;
}

.cx-sliderbar-wx_ewm {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 102;
  text-align: center;
}

.cx-sliderbar-wx_ewm img {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto;
}

.cx-sliderbar-wx_ewm>p {
  color: #ffffff;
  margin-top: 20px;
}

.cx-sliderbar .sliderbar-wechat .c-ewm {
  display: none;
  position: absolute;
  width: 180px;
  height: 180px;
  text-align: center;
  z-index: 101;
}

.cx-sliderbar .sliderbar-wechat {
  display: none;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  cursor: pointer;
  background: #fff;
}

.cx-sliderbar .sliderbar-wechat i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #5ecd56;
  font-size: 18px;
}

.cx-sliderbar .sliderbar-wechat .c-ewm {
  bottom: -68px;
  right: 50px;
  background: url(../img/sliderbar/slider-bg.png) no-repeat;
  background-size: 180px 180px;
}

.cx-sliderbar .sliderbar-wechat .c-ewm p {
  margin: 10px 0;
  font-size: 12px;
  color: #50b7ff;
}

.cx-sliderbar .sliderbar-wechat .c-ewm img {
  padding: 2px;
  border: 1px solid #eeeeee;
}

/*.cx-sliderbar .sliderbar-wechat:hover .c-ewm {
	display: block;
}*/

.cx-sliderbar .sliderbar-backtop {
  display: none;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-top: 10px;
  cursor: pointer;
  background: #fff;
}

.cx-sliderbar .sliderbar-backtop i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  color: #9e9e9e;
}

#no_more_h5 {
  justify-content: center;
}

#no_moer {
  justify-content: center;
}

.cx-xq-content {
  width: 1200px;
  margin: 0 auto;
  padding: 10px 36px;
  background: #ffffff;
  overflow: hidden;
}

.cx-xq-content .cx-model {
  font-size: 0;
}

.cx-xq-img {
  width: 1200px;
  margin: 0 auto;
}

.cx-xq-img img {
  display: block;
  width: 100%;
}

/*.cx-xq-des {
	margin: 30px auto;
}*/

.cx-xq-describe {
  overflow: hidden;
  font-size: 14px;
  /*max-height: 80px;*/
  -webkit-transition: max-height 0.2s;
  -moz-transition: max-height 0.2s;
  -ms-transition: max-height 0.2s;
  -o-transition: max-height 0.2s;
  transition: max-height 0.2s;
}

.cx-column-xq {
  position: relative;
  overflow: hidden;
  min-height: 50px;
  font-family: "ECDodds";
}

@media only screen and (max-width: 1024px) {
  .cx-column-xq {
    min-height: auto;
  }
}

.cx-xq-price {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.cx-xq-price input {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  margin-left: 10px;
}

.cx-xq-describe {
  font-size: 14px;
}

.cx-xq-describe p {
  color: #666;
}

.cx-xq-des-p {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 24px;
}

.cx-xq-des-p2 {
  font-size: 12px;
  color: #b2b2b2;
  margin-top: -20px;
  margin-bottom: 24px;
}

.cx-xq-list-describe {
  width: 800px;
  /*max-height: 170px;*/
  overflow: hidden;
  transition: max-height 0.2s;
}

.cx-xq-list-describe p {
  color: #666;
}

@media only screen and (max-width: 1024px) {
  .cx-xq-share {
    display: none;
  }

  .cx-xq-list-describe {
    width: 100%;
    max-height: 60px;
  }
}

.cx-xq-price p {
  line-height: 40px;
  height: 40px;
  float: right;
  margin-right: 45px;
}

.cx-xq-price input:hover {
  opacity: 0.8;
  cursor: pointer;
}

.cx-xq-price .details-share .details-share-more {
  left: -100px;
}

.cx-button-normal {
  width: 120px;
  padding: 6px 12px;
  color: #ffffff;
  background: #50b7ff;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}

.cx-button-green {
  width: 120px;
  height: 40px;
  color: #ffffff;
  background: #35bd3c;
  border: 0;
  border-radius: 6px;
}

.list-more {
  display: none;
  float: left;
  margin-left: 50%;
  transform: translateX(-50%);
}

.cx-xq-des {
  position: relative;
}

.cx-xq-des a {
  color: #50b7ff;
  font-size: 20px;
}

.cx-xq-des,
.cx-xq-share {
  margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
  .cx-xq-share {
    margin-top: auto;
  }

  .cx-xq-des {
    margin-top: 0;
  }
}

/*弹出分享层*/
.cx-share {
  position: fixed;
  bottom: 0;
  left: 0;
  font-size: 14px;
  border-radius: 0;
  text-align: center;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms;
  width: 100%;
  z-index: 1110;
}

.am-modal-active {
  transform: translateY(0px);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.am-modal-out {
  z-index: 1109;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.cx-share-title {
  background-color: #ffffff;
  border-bottom: 1px solid #fff;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #555;
  font-weight: 400;
  margin: 0 10px;
  padding: 10px 0 0;
  text-align: center;
}

.cx-share-title::after {
  border-bottom: 1px solid #dfdfdf;
  content: "";
  display: block;
  height: 0;
  margin-top: 10px;
  width: 100%;
}

.cx-share-footer {
  margin: 0 10px 10px 10px;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}

.cx-share-footer .share_btn {
  display: block;
  list-style: none;
  color: #555;
  width: 100%;
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.625em 0;
  text-align: center;
  transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s;
  white-space: nowrap;
}

.cx-share-sns {
  display: flex;
  background-color: #ffffff;
  border-radius: 6px 6px 0 0;
  margin: 0 10px;
  padding-top: 15px;
  height: auto;
  zoom: 1;
  overflow: auto;
}

.cx-share-sns li {
  display: block;
  margin-bottom: 15px;
  float: left;
  height: auto;
  width: 20%;
  flex: 1;
}

.cx-share-sns li i {
  display: block;
  width: 44px;
  margin: 0 auto;
}

.cx-share-sns li i img {
  width: 100%;
}

.cx-share-sns a {
  display: block;
  color: #555;
  text-decoration: none;
}

.cx-share-sns span {
  display: block;
}

.cx-share-sns .share-icon-weibo {
  background-image: url();
}

.sharebg {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  z-index: 1100;
}

.sharebg-active {
  display: block;
  opacity: 1;
}

.form {
  margin: 35px 0;
}

.form-group {
  margin-bottom: 40px;
}

.form-group .form-item {
  position: relative;
}

.form-group .form-item img {
  position: absolute;
  top: 9px;
  width: 23px;
}

.form-group .form-item input {
  width: 100%;
  height: 41px;
  border-bottom: 1px solid #f3f3f3;
  padding: 10px 30px;
  font-size: 14px;
  line-height: 14px;
}

.form-group .form-item .form-control {
  padding: 10px 150px 10px 30px;
}

.form-yzm {
  position: absolute;
  right: 12px;
  top: 10px;
  padding: 0 0 0 22px;
  border-left: 2px solid #eeeeee;
}

.form-group .form-item .form-yzm .yzm {
  padding: 5px 5px;
  /*background: #FFFFFF;*/
  border: none;
  width: 100px;
  cursor: pointer;
}

.form-error {
  position: absolute;
  top: 45px;
  left: 0;
  font-size: 12px;
  color: #ff3333;
}

.form-error i {
  vertical-align: middle;
  margin-right: 6px;
  font-size: 13px;
}

.sanfang img {
  width: 24px;
  height: 24px;
  margin-left: 6px;
}

.sanfang img:hover {
  cursor: pointer;
  opacity: 0.7;
}

/*四六级弹窗*/

.dialog-view-tj {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 102;
}

.dialog-view-tj {
  background: #ffffff;
  border-radius: 8px;
  /*padding: 10px 10px 20px 10px;*/
  padding: 10px;
}

.view-title-tj {
  text-align: center;
}

.view-title-tj-p {
  font-size: 24px;
}

.view-title-tj-des {
  font-size: 12px;
  padding: 15px 0;
  color: #999;
}

.view-head-tj {
  position: absolute;
  right: 11px;
  top: 11px;
}

.view-content-tj {
  padding: 32px 150px;
}

.view-head-tj .close {
  width: 18px;
  cursor: pointer;
}

.view-content-btn {
  overflow: hidden;
}

.view-content-cont {
  padding: 0 12px 100px;
  font-size: 18px;
}

/*支付页面*/

.cx-title {
  padding: 40px 20px;
}

.cx-title {
  font-size: 18px;
}

.pay-book {
  padding: 0 0 80px 0;
}

.pay-book img {
  width: 120px;
}

.pay-bottom {
  text-align: center;
}

.img-btn {
  display: block;
  position: relative;
}

.img-btn img {
  position: absolute;
  left: 43%;
  top: 12px;
  width: 17px;
}

.pay-btn-w {
  width: 34%;
}

.cx-model,
.cx-model-payback {
  text-align: center;
}

.cx-model-payback img {
  width: 120px;
}

.cx-model .cx-model-t {
  width: 120px;
  margin: 0 auto;
}

.pay-bottom {
  padding: 0 0 60px;
}

.cx-bj-text {
  text-align: right;
}

/*----音视频播放----*/
/* 
	*
	*
	*
	*
	*
	*
	*/
.content-box {
  position: relative;
  width: 1200px;
  height: 652px;
  background: #fff;
  margin: 42px auto 20px;
  overflow: hidden;
}

.vaObject {
  position: relative;
  height: 72px;
  top: 580px;
}

/* @media (max-width: 1200px) {
  .vaObject {
    display: none;
  }
} */
.bg-img {
  position: absolute;
  height: auto;
  top: 0px;
  left: 0px;
  width: 1200px;
  -webkit-filter: blur(18px);
  -ms-filter: blur(18px);
  filter: blur(18px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=18, MakeShadow=false);
  max-width: 1200px;
}

.bg-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  /*box-shadow: inset 0 0 6px rgba(0, 0, 0, .06);*/
}

.music-img {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 200px;
  height: 200px;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 5px #e6e6e6;
  z-index: 2;
}

.music-cd {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 45%;
  left: 45%;
  transform: translateY(-50%);
}

.disk {
  background-image: url("../img/va/cd.png");
  width: 200px;
  height: 200px;
  position: absolute;
  top: 29%;
  left: 49%;
  transform: translate(-50% -50%);
  background-size: cover;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  border-radius: 50%;
}

@-webkit-keyframes rotating

/* Safari and Chrome */
  {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.mp-control {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 72px;
  border-top: 1px solid #e8e8e8;
  background: #ffffff;
}

.videoView {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  padding-bottom: 72px;
  box-sizing: inherit;
}

.cx-va-title {
  display: block;
  color: #b2b2b2;
}

.mp-control .panel-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 100%;
  z-index: 2;
}

.mp-control .panel-left .next,
.mp-control .panel-left .prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 39px;
  height: 39px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 50%;
  font-size: 22px;
  text-align: center;
  line-height: 39px;
  box-sizing: content-box;
  cursor: pointer;
  /*color: #666666;*/
}

.mp-control .panel-left .prev {
  left: 40px;
}

.mp-control .panel-left .next {
  left: 100px;
}

.mp-control .panel-left .next:hover:before {
  color: #262626;
}

.mp-control .panel-left .play-control {
  position: absolute;
  top: 50%;
  left: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 50%;
  font-size: 22px;
  text-align: center;
  box-sizing: content-box;
  transform: translateY(-50%);
}

.mp-control .panel-left .play-control:hover:before {
  color: #262626;
}

.mp-control .panel-left .play-control .control-text {
  display: inline-block;
  text-indent: -99em;
}

.mp-control .panel-left .playadvance,
.mp-control .panel-left .playback {
  display: none;
}

.mp-control .panel-center {
  position: absolute;
  top: 0;
  left: 192px;
  right: 221px;
  height: 100%;
}

.mp-control .panel-center .thumb {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 3px solid #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.mp-control .panel-center .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.mp-control .panel-center h1 {
  position: absolute;
  top: 15px;
  left: 61px;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}

.mp-control .panel-center .progress-control {
  position: absolute;
  top: 50px;
  left: 120px;
  right: 70px;
  height: 4px;
}

.progress-control span {
  display: inline-block;
  /*text-indent: -99em*/
}

.progress-control .progress-holder {
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  width: 100%;
  background: #e7e7e7;
  border-radius: 2.5px;
  z-index: 20;
  cursor: pointer;
}

.progress-control .progress-holder .mouse-display {
  content: "";
  position: absolute;
  top: -6px;
  left: -1%;
  width: 16px;
  height: 16px;
  background: #5ca7ff;
  border: 4px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 4px 0 rgba(165, 165, 165, 50);
  -webkit-box-shadow: 0 0 4px 0 rgba(165, 165, 165, 50);
}

.progress-control .progress-holder .load-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 4px;
  border-radius: 2.5px;
  background: #c4dffb;
}

.progress-control .progress-holder .play-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 4px;
  border-radius: 2.5px;
  background: #5ca7ff;
}

/*.mp-control .panel-center .progress-control .progress-holder .play-progress:before {
	content: '';
	position: absolute;
	top: -6px;
	right: -7px;
	width: 16px;
	height: 16px;
	background: #50B7FF;
	border: 4px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #d0d0d0
}*/

.progress-control .progress-holder .play-progress .control-text {
  height: 4px;
}

.mp-control .panel-center .current-time-display {
  position: absolute;
  left: 60px;
  top: 46px;
  font-size: 12px;
  line-height: 12px;
  color: #999;
  width: 50px;
  height: 12px;
  text-align: center;
}

.mp-control .panel-center .current-time-display span {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 12px;
  left: 0;
  top: 0;
  text-indent: -999em;
}

.mp-control .panel-center .duration-display {
  position: absolute;
  right: 10px;
  top: 46px;
  font-size: 12px;
  line-height: 12px;
  color: #999;
  width: 50px;
  height: 12px;
  text-align: center;
}

.mp-control .panel-center .duration-display span {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 12px;
  right: 0;
  top: 0;
  text-indent: -999em;
}

.mp-control .panel-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
}

.mp-control .panel-right .loop-f {
  position: relative;
  float: left;
  width: 22px;
  height: 20px;
  margin-top: 26px;
  cursor: pointer;
  vertical-align: middle;
}

.mp-control .panel-right .loop-f .loop {
  position: absolute;
  bottom: 27px;
  left: -6px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 10px 5px;
  z-index: 3;
}

.mp-control .panel-right .loop-f .loop a {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
}

.mp-control .panel-right .loop-f .loop1,
.mp-control .panel-right .loop-f.loop-f-1 {
  position: relative;
  font: 400 20px/1 taotao, "Microsoft Yahei";
}

.mp-control .panel-right .loop-f .loop1:before,
.mp-control .panel-right .loop-f.loop-f-1:before {
  content: "\E917";
  position: absolute;
  left: 3px;
  color: #666;
}

.mp-control .panel-right .loop-f .loop3,
.mp-control .panel-right .loop-f.loop-f-3 {
  position: relative;
  font: 400 20px/1 taotao, "Microsoft Yahei";
}

.mp-control .panel-right .loop-f .loop3:before,
.mp-control .panel-right .loop-f.loop-f-3:before {
  content: "\E909";
  position: absolute;
  left: 3px;
  color: #666;
}

.mp-control .panel-right .loop-f .loop3:after,
.mp-control .panel-right .loop-f.loop-f-3:after {
  content: "1";
  position: absolute;
  left: 3px;
  color: #666;
  font-size: 12px;
  font-family: sans-serif;
  width: 19px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

.mp-control .panel-right .like,
.mp-control .panel-right .loop-f .loop4,
.mp-control .panel-right .loop-f.loop-f-4,
.mp-control .panel-right .unlike {
  font: 400 20px/1 taotao, "Microsoft Yahei";
}

.mp-control .panel-right .loop-f .loop4,
.mp-control .panel-right .loop-f.loop-f-4 {
  position: relative;
}

.mp-control .panel-right .loop-f .loop4:before,
.mp-control .panel-right .loop-f.loop-f-4:before {
  content: "\E909";
  position: absolute;
  left: 3px;
  color: #666;
}

.mp-control .panel-right .like {
  float: left;
  width: 21px;
  height: 19px;
  margin: 26px 20px 0;
  cursor: pointer;
}

/* .mp-control .panel-right .like:before {
  content: "\E904";
  color: #666;
}

.mp-control .panel-right .like.on:before {
  content: "\E903";
  color: #f78181;
} */

.mp-control .panel-right .unlike {
  float: left;
  width: 21px;
  height: 20px;
  margin-top: 26px;
  cursor: pointer;
}

.mp-control .panel-right .unlike:before {
  content: "\E902";
  color: #666;
}

.mp-control .panel-right .toggle-xh {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 110px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 40px;
}

.mp-control .panel-right .toggle-ci {
  position: absolute;
  top: 50%;
  right: 60px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 40px;
}

.mp-control .panel-right .toggle-playlist {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 40px;
}

.mp-control .panel-right .toggle-like {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 160px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 32px;
}

.mp-control .panel-right .toggle-playlist,
.mp-control .panel-right .toggle-xh,
.mp-control .panel-right .toggle-ci,
.mp-control .panel-right .toggle-like {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #666;
}

/* .mp-control .panel-right .toggle-xh, */
.mp-control .panel-right .toggle-ci {
  color: #eeeeee;
}

.mp-control .panel-right .toggle-fullscreen {
  display: inline-block;
  position: absolute;
  top: -50px;
  right: 23px;
  cursor: pointer;
  font: 400 49px/1, "Microsoft Yahei";
}

.va-speed {
  display: none;
  position: absolute;
  top: 20px;
  right: 44px;
  z-index: 2;

}

.va-speed-number {
  display: none;
  position: absolute;
  width: 80px;
  padding: 8px 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.va-speed-number ul li {
  padding-left: 22px;
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}

.collect-item {
  position: relative;
}

.collect-item .va-speed {
  top: 10px;
}

/*.va-list {
	position: absolute;
	right: -1000px;
	bottom: 62px;
	width: 380px;
	max-height: 583px;
	background: #fff;
	overflow: auto;
	transition: right .3s ease-in-out;
	z-index: 2;
}*/
.v-collect {
  display: none;
  position: static;
  padding: 0 15px;
  background: #ffffff;
  z-index: 2;
}

.v-collect .collect-item>p {
  float: left;
  color: #7f7f7f;
  font-size: 12px;
}

.v-collect .collect-item>i {
  float: right;
  font-size: 22px;
}

.collect-item {
  overflow: hidden;
  padding: 10px 0;
}

.va-list {
  display: none;
  position: absolute;
  right: 0;
  bottom: 72px;
  width: 380px;
  height: 580px;
  max-height: 580px;
  overflow: auto;
  background: #fff;
  /*box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2);*/
  z-index: 2;
}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

.va-list::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: transparent;
}

/*定义滚动条的轨道，内阴影及圆角*/

.va-list::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  border-radius: 20px;
  background-color: transparent;
}

/*定义滑块，内阴影及圆角*/

.va-list::-webkit-scrollbar-thumb {
  /*width: 10px;*/
  height: 26px;
  border-radius: 30px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #c5c5c5;
}

.va-list .va-list-tab {
  padding-top: 20px;
  overflow-x: auto;
}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

.va-list .va-list-tab::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: transparent;
}

/*定义滚动条的轨道，内阴影及圆角*/

.va-list .va-list-tab::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  border-radius: 20px;
  background-color: transparent;
}

/*定义滑块，内阴影及圆角*/

.va-list .va-list-tab::-webkit-scrollbar-thumb {
  /*width: 10px;*/
  height: 26px;
  border-radius: 30px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #c5c5c5;
}

.va-list .va-list-tab>ul {
  white-space: nowrap;
  text-align: center;
}

.va-list .va-list-tab>ul>li {
  margin: 0 50px;
  cursor: pointer;
  font-size: 16px;
  color: #999;
  border-bottom: 3px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 80px;
  display: inline-block;
}

.va-list .va-list-tab>ul>li.check-after {
  color: #666;
  border-bottom: 3px solid #50b7ff;
}

.va-list .va-list-content-imagetext {
  padding: 12px 10px 12px 18px;
  color: #999;
  font-size: 14px;
}

.va-list .va-list-title {
  padding: 11px 0 11px 18px;
  /*margin: 10px 0 0 15px;*/
}

.va-list-mtitle {
  padding: 10px 20px 5px;
}

.va-list-mtitle-t {
  font-weight: 500;
}

.va-list-mtitle img {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
}

.va-list-mtitle {
  display: none;
}

/* va 广告层 */
.ad {
  position: absolute;
  width: 100%;
  height: 580px;
  z-index: 100001;
}

@media (max-width:1200px) {
  .ad {
    height: 210px
  }
}

.ad video {
  display: block;
  padding-bottom: 0px;
  position: fixed;
  width: 100%;
  height: 210px;
  top: 40px;
  z-index: 100001;
  background-color: #000000;
}

.jump {
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 5px 12px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 14px;
  z-index: 100002;
  cursor: pointer;
  font-size: 0;
}

.jump .jump-time {
  display: inline-block;
  font-size: 12px;
}

.jump .jump-text {
  display: inline-block;
  margin-left: 14px;
  font-size: 12px;
}

.full {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 28px;
  height: 28px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  z-index: 100002;
  cursor: pointer;
}

.full img {
  display: block;
  width: 100%;
  height: 100%;
}

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 16px;
  z-index: 100003;
}

.play {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 40px;
  z-index: 100003;
  color: #888;
  background-color: rgba(0, 0, 0, 0.6);
}

.play>i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45px;
  height: 45px;
  transform: translate(-50%, -50%);
  font-size: 40px;
  z-index: 100003;
  color: #fff;
}

.advideo::-webkit-media-controls {
  display: none !important;
}

/*移动设备下载*/
.app-bar {
  display: none;
}

/*提示*/

.alert {
  width: 1200px;
  margin: 0 auto 10px;
  padding: 10px 15px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
}

@media only screen and (max-width: 1024px) {
  .alert {
    width: 100%;
  }
}

.alert-warning {
  /*color: #ff9465;*/
  color: #ffc07d;
  background-color: #fff9ec;
}

.alert-warning a {
  /*color: #ff9465;*/
  color: #ffc07d;
}

.alert-warning a:hover,
.alert-success a:hover,
.alert-info a:hover,
.alert-danger a:hover {
  text-decoration: underline;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success a {
  color: #3c763d;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info a {
  color: #31708f;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger a {
  color: #a94442;
}

.alert .close {
  line-height: 24px;
  cursor: pointer;
}

.cx-detail.va.a .audio-content,
.cx-detail.va.a audio,
.cx-detail.va.v video {
  display: block;
}

.cx-detail.va.a video,
.cx-detail.va.v audio,
.cx-detail.va.v .audio-content {
  display: none;
}

.cx-detail.va.a .toggle-fullscreen {
  display: none;
}

.cx-detail.va.v .toggle-fullscreen {
  display: block;
}

.cx-detail.va.vamobile.a .content-box {
  position: fixed;
}

.cx-detail.va.vamobile.v .content-box {
  position: fixed;
  height: 210px;
}

.cx-detail.va.vamobile.v .audio-content,
.cx-detail.va.vamobile.v .vaObject {
  display: none;
}

.cx-detail.va.vamobile.v .v-collect {
  display: block;
  padding-top: 252px;
}

.mp-control .panel-center .progress-control {
  top: 51px;
  margin: 0 16px;
}

.progress-control .progress-holder .mouse-display {
  left: -8px;
}


/*------书架-------*/

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

.bookshelf-book::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: transparent;
}

/*定义滚动条的轨道，内阴影及圆角*/

.bookshelf-book::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  border-radius: 20px;
  background-color: transparent;
}

/*定义滑块，内阴影及圆角*/

.bookshelf-book::-webkit-scrollbar-thumb {
  /*width: 10px;*/
  height: 26px;
  border-radius: 30px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #c5c5c5;
}

.cx-sj-content {
  width: 1200px;
  margin: 0 auto;
}

.bookshelf {
  position: relative;
  height: 255px;
}

.bookshelf .book-null {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}

.bookshelf .book-null img {
  display: block;
  width: 78px;
  margin: 0 auto 24px;
}

.bookshelf .book-null p {
  font-size: 14px;
  color: #cccccc;
}

.bookshelf .book-have {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 174px;
  text-align: center;
}

.bookshelf .book-have .have-audio {
  display: inline-block;
  margin-left: -60px;
}

.bookshelf .book-have .have-book {
  display: inline-block;
  margin-left: -30px;
}

.bookshelf .book-have .have-class {
  display: inline-block;
  margin-left: -60px;
}

.bookshelf .book-have .have-sdatabase {
  display: inline-block;
  margin-left: -60px;
}

.bookshelf .book-have .have-audio,
.bookshelf .book-have .have-book,
.bookshelf .book-have .have-class,
.bookshelf .book-have .have-sdatabase,
.bookshelf .book-have .have-sdatabase-item,
.bookshelf .book-have .have-sdatabase-special {
  position: relative;
  vertical-align: bottom;
}

.have-sdatabase-item .bookshelf-bookn,
.have-sdatabase-special .bookshelf-bookn {
  position: absolute;
  top: 15px;
  padding: 0 7px;
  max-height: 48px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}

.bookshelf-bookn {
  position: absolute;
  font-size: 13px;
  top: 15px;
  padding: 0 7px;
  font-weight: 600;
}

.bookshelf .book-have .have-audio img,
.bookshelf .book-have .have-book img,
.bookshelf .book-have .have-sdatabase img,
.bookshelf .book-have .have-class img {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 3px 0px 8px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 3px 0px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 3px 0px 8px 0px rgba(0, 0, 0, 0.12);
}

.bookshelf-book {
  width: 100%;
  height: 775px;
  padding: 80px 59px 40px 110px;
  overflow-y: auto;
  background: #ffffff;
  border-radius: 11px;
}

.cx-model-bookshelf {
  float: left;
  width: 96px;
  margin-right: 51px;
  margin-bottom: 40px;
  overflow: hidden;
}

.cx-model-bookshelf .cx-bookshelf-img {
  position: relative;
  width: 96px;
  height: 130px;
  background: #ffffff;
}

.bs-video {
  /*书架音频*/
  margin-top: 34px;
}

.bs-video .cx-bookshelf-img {
  height: 96px;
}

.bs-sdatabase {
  /*书架微库*/
  margin-top: 34px;
}

.bs-sdatabase .cx-bookshelf-img {
  height: 96px;
}

.bs-class {
  /*书架课程*/
  margin-top: 70px;
}

.bs-class .cx-bookshelf-img {
  height: 60px;
}

.cx-model-bookshelf .cx-bookshelf-img .bookshelf-probation,
.cx-model-bookshelf .cx-bookshelf-img .bookshelf-free {
  position: absolute;
  width: 89px;
  height: 24px;
  top: 11px;
  left: -22px;
  color: #ffffff;
  text-align: center;
  transform: rotate(-45deg);
}

.cx-model-bookshelf .cx-bookshelf-img .bookshelf-probation {
  background: #ff7967;
}

.cx-model-bookshelf .cx-bookshelf-img .bookshelf-free {
  background: #54c25a;
}

.cx-model-bookshelf .cx-bookshelf-img .bookshelf-probation p,
.cx-model-bookshelf .cx-bookshelf-img .bookshelf-free p {
  line-height: 24px;
  color: #fff;
  font-size: 12px;
}

.cx-model-bookshelf .cx-bookshelf-img img {
  width: 100%;
  height: 100%;
}

.cx-model-bookshelf .cx-bookshelf-t {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cx-model-bookshelf .cx-modelblist-des {
  font-size: 12px;
  color: #8a8a8a;
}

.cx-model-bookshelf>.lesson-progress-span {
  font-size: 10px;
  color: #b8b8b8;
  margin-top: 6px;
}

/* 
*四六级
*
*
*
*
*
*
*
*
*/

.check-after {
  color: #50b7ff;
}

.check-after::after {
  height: 2px;
  color: #50b7ff !important;
  width: 100%;
}

@media only screen and (max-width: 1024px) {

  /* .check-after {
    color: #50b7ff;
    border-bottom: 2px solid #50b7ff;
  } */
  .check-after::after {
    height: 0;
  }
}

h1 {
  text-align: center;
}

.row {
  margin: 0 -36px;
}

.nav {
  padding-bottom: 30px;
  background: #ffffff;
  z-index: 2;
}

.cx_nav_new {
  text-align: center;
  background: #ffffff;
  box-shadow: 0 1px 0 #eee;
}

.cx_nav_new li {
  display: inline-block;
  margin: 0 15px;
  cursor: pointer;
}

/*四六级测试*/

.test {
  margin-top: 20px;
}

.test .test_left {
  width: 950px;
  margin-right: 5px;
}

.test .test_right {
  float: left;
  width: 245px;
}

/*.test_title {
	padding: 40px 0;
	margin-bottom: 20px;
	text-align: center;
	background: #FFFFFF;
}*/

/*标题*/

.test_title_name {
  padding: 18px 0;
  text-align: center;
  background: #ffffff;
}

.test_title_name p {
  font-size: 20px;
  font-weight: 600;
}

/*描述*/

.test_title_des {
  padding: 0 65px 20px;
  background: #ffffff;
  font-size: 14px;
}

.test_test_title {
  padding: 30px;
  text-align: center;
  font-size: 20px;
  border-bottom: 1px solid #eeeeee;
  background: #ffffff;
}

.test_question_title {
  margin: 0 -15px 10px;
  padding: 0 8px;
  border-left: 7px solid #50b7ff;
  line-height: 1;
  /*margin: 0 -65px 10px;*/
  /*padding: 0 60px 0 62px;*/
}

.test_analysis {
  display: block;
  padding: 15px 65px;
  border-bottom: 1px solid #e5e5e5;
  background: #ffffff;
  overflow: hidden;
  font-size: 16px;
}

.test_analysis .test_question_title {
  overflow: hidden;
}

.test_analysis .test_question_title strong {
  display: block;
  float: left;
  width: 25%;
}

.test_analysis .test_question_title2 strong {
  display: block;
  float: left;
  width: 25%;
  padding-left: 5px;
  font-weight: 400;
  color: #666666;
}

.test_writing .test_analysis strong,
.test_listening .test_analysis strong,
.test_xctk .test_analysis strong,
.test_reading .test_analysis,
.test_dlpp .test_analysis strong,
.test_translation .test_analysis strong {
  font-size: 16px;
}

.is-fixed {
  position: fixed;
  left: 1308px;
  top: 0;
}

.test_writing .test_writing_body {
  padding: 13px 65px 0;
  background: #ffffff;
}

.test_writing .test_writing_body p {
  font-size: 14px;
  color: #4d4d4d;
}

.test_writing .test_writing_content {
  padding: 15px 65px 20px;
  background: #ffffff;
}

.test_writing .test_writing_content textarea {
  width: 100%;
  height: 110px;
  padding: 5px 10px;
  overflow-y: scroll;
}

.test_listening .test_listening_body {
  padding: 10px 65px 10px;
  background: #ffffff;
}

.test_listening .test_listening_body p {
  font-size: 14px;
}

.test_listening .test_listening_body .audio {
  padding: 20px 0 40px;
  text-align: center;
}

.test_translation .test_translation_body {
  padding: 15px 65px 0;
  background: #ffffff;
}

.test_translation .test_translation_body p {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 500;
}

.test_translation .test_translation_content {
  padding: 15px 65px 20px;
  background: #ffffff;
}

.test_translation .test_translation_content textarea {
  width: 100%;
  height: 110px;
  padding: 5px 10px;
  overflow-y: scroll;
}

.test_translation .test_translation_content textarea:active,
.test_translation .test_translation_content textarea:focus {
  border-color: #000;
}

.test_question_des {
  padding: 10px 65px 10px;
  background: #ffffff;
  font-size: 14px;
  border-bottom: 1px solid #e5e5e5;
}

.test_question_des p {
  line-height: 1.5;
  color: #808080;
  font-size: 18px;
}

.test_question_des .test_analysis {
  padding: 5px 0;
  overflow: inherit;
  border-bottom: 0;
}

.test_question_des .test_analysis p {
  color: #333;
  font-size: 16px;
}

.test_question {
  padding: 12px 65px 0;
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;
  font-size: 16px;
}

.test_question .test_question_title {
  margin: 0 -15px 10px;
  padding: 0 8px 0;
  font-size: 18px;
  color: #000;
  border-left: 8px solid #50b7ff;
  line-height: 1;
  /*margin: 0 -65px 10px;*/
  /*padding: 0 60px 0 65px;*/
}

.test_question .test_question_select {
  padding: 12px 0 22px 24px;
}

.test_question .test_question_select ul li {
  width: -webkit-max-content;
  width: max-content;
  max-width: 100%;
  /*background: #edf8ff;*/
  padding: 5px 20px 5px 10px;
  margin: 0 0 10px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 16px;
  color: #333;
}

.test_checked .test_question_select_tit {
  color: #333;
}

.test_question_select_tit {
  float: left;
  margin-right: 5px;
  color: #b2b2b2;
}

.test_question_select_cont {
  overflow: hidden;
}

.test_question .test_question_select ul .test_checked {
  background: #d3edff;
  color: #333;
}

.test_question .test_question_select ul .test_checked div {
  color: #333;
}

.test_question .test_question_select ul .test_checked_right {
  background: #fae0cf;
  color: #000;
}

.test_question .test_question_select_y ul .test_checked {
  background: #d3edff;
  color: #000;
}

.test_question .test_question_select_y ul .test_checked_right {
  background: #fae0cf;
  color: #000;
}

.test_xctk .test_title_name {
  border-bottom: 1px solid #d9d9d9;
}

/*题目描述*/

.test_listening_des,
.test_xctk .test_xctk_des,
.test_reading .test_title_des,
.test_dlpp .test_title_des {
  line-height: 14px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #4d4d4d;
}

.test_xctk .test_xctk_des,
.test_reading .test_title_des,
.test_dlpp .test_title_des {
  padding: 20px 65px;
}

.test_xctk .test_xctk_body .test_question_title {
  margin: 0 -15px 10px;
  padding: 0 8px 0;
  font-size: 18px;
  color: #000;
  border-left: 8px solid #50b7ff;
  line-height: 1;
}

.test_xctk .test_xctk_body,
.test_xctk .test_dlpp_body {
  padding: 10px 65px 10px;
  background: #ffffff;
  font-size: 14px;
}

.test_xctk .test_dlpp_body p {
  margin-bottom: 20px;
}

.test_dlpp .test_dlpp_body {
  padding: 10px 65px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 400;
}

/*
.test_dlpp .test_dlpp_body p {
	margin-bottom: 20px;
}*/

.test_reading_body {
  padding: 10px 65px 30px;
  background: #ffffff;
}

/*测试页收藏*/

.test_collect,
.test_errolist {
  overflow: hidden;
  margin: 0 -41px;
  padding: 20px 5px 5px;
  /*padding: 5px;*/
}

.test_collect p,
.test_errolist p {
  cursor: pointer;
  font-size: 14px;
}

.test_xctk_body .test_collect p {
  line-height: 1.5;
}

/*测试页查看原文*/

.test_look {
  padding: 5px;
  margin: 0 -41px;
  overflow: hidden;
}

.test_look p {
  cursor: pointer;
  font-size: 14px;
}

.test_collect_p:hover i {
  background-position: 0 -17px;
  transition: all 0.3s;
}

.test_collect p:hover i {
  background-position: 0 -17px;
  transition: all 0.3s;
}

.test_look p i {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(../img/test/bg26.jpg) 0 no-repeat;
  background-size: 17px;
}

.test_look_p i {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(../img/test/bg26.jpg) 0 5px no-repeat;
  background-size: 17px;
}

.test_collect p i {
  display: block;
  float: left;
  width: 20px;
  height: 18px;
  background: url(../img/test/star.png) 0 1px no-repeat;
  background-size: 17px;
}

.test_collect_p i {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(../img/test/star.png) 0 1px no-repeat;
  background-size: 17px;
}

/*四六级头部*/

.header {
  height: 97px;
  background: #ffffff;
  margin-bottom: 8px;
}

.login_after .cet_nav li .test_message .test_message_i {
  display: block;
  position: absolute;
  padding: 0;
  top: 15px;
  right: 15px;
  width: 17px;
  height: 17px;
  color: #fff;
  background: #e98448;
  font-size: 12px;
  border-radius: 50%;
}

.cet_home {
  position: relative;
}

.cet_home .cet_home_ul {
  display: none;
  border-radius: 13px;
  z-index: 10;
  position: absolute;
  top: 87px;
  width: 120px;
  border: 1px solid #ebe9e6;
  text-align: center;
  background-color: #ffffff;
  margin-top: 10px;
}

.cet_home .cet_home_ul:after {
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 58px;
  content: "";
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.cet_home:hover .cet_home_ul {
  display: block;
}

.cet_home .cet_home_ul li {
  float: none;
  border-bottom: 1px solid #e6e6e6;
  border-left: 0;
  padding: 15px 25px;
  cursor: pointer;
}

.cet_home .cet_home_ul li:hover {
  color: #50b7ff;
}

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

.cet_exam_list {
  padding-bottom: 70px;
  margin-bottom: 50px;
}

.cet_exam_list .cet_exam_list_ul li {
  padding: 20px 50px 20px 60px;
  border-bottom: 1px solid #ececec;
}

.cet_exam_state {
  height: 100%;
}

.cet_exam_state {
  height: 40px;
  line-height: 40px;
  margin-right: 40px;
}

.cet_list .cet_exam_state p {
  font-size: 12px;
}

.cet_row {
  background: #ffffff;
}

.cet_model {
  text-align: center;
  padding: 5px 0 20px;
  background: #ffffff;
}

.cet_model_person {
  width: 100%;
}

.cet_model_person .cx-more {
  width: 100%;
}

.cet_person_ulcont {
  padding: 20px 50px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  /*text-align: center;*/
  overflow: hidden;
}

.cet_person_ulcont p {
  font-size: 16px;
}

.cet_person_ulcont i {
  display: block;
  cursor: pointer;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
}

.cet_person_ulcont .cet_person_ulcont_p {
  line-height: 13px;
}

.cet_person_ulcont .cet_person_ulcont_p i {
  float: right;
  margin: 0 15px 0 5px;
}

.cet_person_ulcont p span {
  font-size: 24px;
}

.cet_person_ulcont_child2 {
  display: block;
  padding: 10px 60px 10px 100px;
  cursor: pointer;
}

.cet_person_ulcont_child2:hover {
  background-color: #edf8ff;
}

.cet_person_ulcont_child .cet_list {
  padding: 20px 50px 20px 60px;
  border-bottom: 1px solid #ececec;
}

/*list购买*/

.cet_testlist {
  width: 1200px;
  margin: 0 auto;
}

.cet_testlist .cx-details-main {
  width: 68%;
  float: left;
}

.cet_testlist .cx-details-top {
  padding: 40px 300px 40px 300px;
  background: #ffffff;
  margin-bottom: 25px;
}

.cet_testlist .cx-details-img {
  position: relative;
  float: left;
  width: 216px;
  height: 216px;
  bottom: 0;
  left: 0;
  padding-left: 0;
}

.cet_testlist .cx-details-img img {
  width: 100%;
}

.cet_testlist .cx-details-title {
  position: relative;
  float: left;
  width: 292px;
  margin-left: 87px;
  padding-left: 0;
}

.cet_testlist .details-book {
  height: 216px;
}

.cet_testlist .details-audio {
  height: 160px;
}

.cet_testlist .details-title {
  font-size: 18px;
}

.cet_testlist .cx-details-title .cx-details-name {
  float: left;
  font-size: 14px;
  margin-top: 11px;
}

.cet_testlist .cx-details-title .cx-details-number {
  float: left;
  margin: 11px 0 0 15px;
}

.cet_testlist .cx-details-title .cx-details-audio-name {
  float: left;
  font-size: 14px;
  margin-top: 11px;
}

.cet_testlist .cx-details-title .cx-details-audio-number {
  float: left;
  margin: 13px 0 0 15px;
}

.cet_testlist .cx-details-top .cx-details-title .cx-details-main-price {
  position: absolute;
  bottom: 5px;
  font-size: 22px;
}

.cet_testlist .cx-details-top .cx-details-title .cx-details-main-price small {
  font-size: 15px;
}

.cet_testlist .cx-details-button {
  position: absolute;
  bottom: 0;
  right: -10px;
  width: auto;
}

.cet_testlist .cx-details-button input {
  float: left;
  margin-right: 10px;
  width: 120px;
  height: 40px;
  font-size: 16px;
  border-radius: 5px;
}

.cet_list_des {
  margin-top: 10px;
  overflow: hidden;
}

.cet_list_des p {
  font-size: 12px;
}

.cet_exam_state,
.cet_list_des {
  position: relative;
}

.cet_list_des .cet_list_math {
  position: absolute;
  left: 130px;
  width: 100px;
}

.cet_exam_state .cet_list_math {
  position: absolute;
  left: 150px;
  width: 100px;
}

.cet_list_child {
  margin-top: 15px;
}

.cet_list_child .cet-test-i {
  margin-top: 10px;
}

.cet_list_child2 {
  border-bottom: 1px solid #eeeeee;
  padding: 5px 0;
  overflow: hidden;
}

.cet_list_child2:first-child {
  border-top: 1px solid #eeeeee;
}

.cet_person_ulcont .btn {
  width: 100px;
  border-radius: 3px;
}

.cet_list_child .cet_list_child2 p {
  font-size: 12px;
}

.cet-test-i {
  float: left;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50px;
  margin-right: 10px;
  line-height: 20px;
  background: #eb8440;
  color: #fff;
}

.cet_iconbtn {
  position: relative;
  float: left;
  margin-left: 20px;
}

.cet_iconbtn i {
  position: absolute;
  top: 10px;
  left: 31px;
  font-weight: 600;
  font-size: 14px;
}

.cet_iconbtn .btn {
  width: 120px;
  height: 30px;
  line-height: 30px;
}

.cx-info-des .active a {
  color: #50b7ff;
}

.cx-info-title .cet_screening p {
  font-size: 14px;
}

.cx-info-title .cet_screening .cet-switch {
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-left: 30px;
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 20px !important;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-clip: content-box;
  -webkit-appearance: none;
  user-select: none;
  outline: none;
}

.cet-switch:before {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0px;
  left: 0;
  border-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.cet-switch:checked {
  border-color: #50b7ff;
  box-shadow: #50b7ff 0 0 0 16px inset;
  background-color: #50b7ff;
}

.cet-switch:checked:before {
  left: 21px;
}

.cet-switch.cet-switch-animbg {
  transition: background-color ease 0.4s;
}

.cet-switch.cet-switch-animbg:before {
  transition: left 0.3s;
}

.cet-switch.cet-switch-animbg:checked {
  box-shadow: #dfdfdf 0 0 0 0 inset;
  background-color: #50b7ff;
  transition: border-color 0.4s, background-color ease 0.4s;
}

.cet-switch.cet-switch-animbg:checked:before {
  transition: left 0.3s;
}

.cet-switch.cet-switch-anim {
  transition: border cubic-bezier(0, 0, 0, 1) 0.4s,
    box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
}

.cet-switch.cet-switch-anim:before {
  transition: left 0.3s;
}

.cet-switch.cet-switch-anim:checked {
  box-shadow: #50b7ff 0 0 0 16px inset;
  background-color: #50b7ff;
  transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;
}

.cet-switch.cet-switch-anim:checked:before {
  transition: left 0.3s;
}

.cet_select {
  padding: 7px 0 10px 50px;
}

.cet_select .cx-form-control {
  width: 240px;
}

.test_title {
  position: relative;
  z-index: 1;
}

.test_score {
  position: absolute;
  left: 100px;
  top: 50%;
  transform: translateY(-50%);
}

.test_title_t .test_score p {
  font-size: 47px;
  color: #e83c00;
}

.test_score p {
  font-weight: 600;
  font-size: 47px;
  line-height: 58px;
  color: #e83c00;
}

.test_score_down {
  width: 75px;
  height: 4px;
  background: #e83c00;
  transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  /* IE 9 */
  -moz-transform: rotate(-7deg);
  /* Firefox */
  -webkit-transform: rotate(-7deg);
  /* Safari and Chrome */
  -o-transform: rotate(-7deg);
  /* Opera */
}

.test_charts .test_charts_title {
  padding: 30px;
  text-align: center;
  font-size: 20px;
  border-bottom: 1px solid #eeeeee;
  background: #ffffff;
}

.test_charts_name {
  text-align: center;
  background: #ffffff;
  border-top: 1px solid #eeeeee;
}

.test_charts_name p {
  width: 80px;
  margin: 0 auto;
  padding: 20px 0 5px;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #ececec;
  background: #ffffff;
}

.test_charts {
  margin-bottom: 55px;
}

.test_charts_content {
  background: #ffffff;
}

.test_charts_chart {
  padding: 17px 0 50px;
  text-align: center;
}

.test_select {
  padding: 15px 0;
}

.test_select .cx-form-control {
  width: 160px;
}

#test_charts_left,
#test_charts_right {
  display: inline-block;
  width: 200px;
  height: 200px;
  margin: 0 15px;
}

#test_charts_mid {
  display: inline-block;
  width: 250px;
  height: 250px;
  margin: 0 15px;
}

#test_charts_quxian {
  width: 650px;
  height: 250px;
  margin: 0 auto;
}

#test_charts_center {
  width: 100%;
  height: 300px;
  margin: 0 auto;
}

.test_charts_des p {
  display: inline-block;
  width: 30%;
  padding: 5px 0 20px;
  font-size: 12px;
  color: #999;
}

.test_charts_des p span {
  color: #eb8440;
  font-size: 20px;
}

.test_xctk_body p {
  line-height: 24px;
}

.test_xctk_body a {
  text-indent: 0 !important;
}

.test_xctk_body a {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  font-size: 16px;
  font-weight: 800;
}

.test_xctk_body a i {
  width: 120px;
  display: inline-block;
  text-align: center;
  color: #4d4d4d;
  background: #cae9ff;
  border-bottom: 2px solid #50b7ff;
  border-radius: 6px;
  padding: 2px 10px;
  margin: 1px 5px;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
}

.test_xctk_body a .xctk_check {
  background: #f6fbff;
}

.xctk_wrong {
  background: #f9dac5 !important;
  border-bottom: 2px solid #eb8440 !important;
}

.model_abc {
  display: none;
  width: 260px;
  position: absolute;
  left: -84px;
  top: 28px;
  border: 1px solid #50b7ff;
  background: rgba(255, 255, 255, 0.9);
  z-index: 2;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.model_abc:after {
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 126px;
  content: "";
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-top: 1px solid #50b7ff;
  border-right: 1px solid #50b7ff;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.model_abc ul {
  overflow: hidden;
}

.model_abc span {
  width: 119px;
  float: left;
  background: #bbe2f9;
  border: 2px solid #8ed0fb;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 5px;
}

.model_abc span:hover {
  background: #8ed0fb;
  color: #ffffff;
}

.model_abc ul li {
  width: 119px;
  float: left;
  background: #bbe2f9;
  border: 2px solid #8ed0fb;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 5px;
}

.model_abc ul .abc_check {
  background: #ffffff;
}

.model_abc ul li:hover,
.model_abc ul li:checked {
  background: #ffffff;
}

.model_abc ul li:active {
  background: #e8e8e8;
}

.test_question_select_y ul {
  overflow: hidden;
  text-align: center;
  padding: 30px 0;
}

.test_question_select_y ul li {
  display: inline-block;
  background: #eeeeee;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  text-align: center;
  margin: 0 5px;
  font-size: 14px;
  cursor: pointer;
}

.test_datika_title {
  position: relative;
  padding: 20px 50px 20px 16px;
  line-height: 20px;
  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
}

.test_datika_title i {
  position: absolute;
  top: 14px;
  left: 15px;
  font-size: 32px;
}

.test_datika_title_p {
  display: inline-block;
  margin-left: 38px;
  font-size: 14px;
  font-weight: 400;
}

.test_datika_title_num {
  float: right;
  font-size: 12px;
  color: #50b7ff;
}

.test_dati_title p {
  font-size: 12px;
  border-left: 3px solid #50b7ff;
  padding: 0 14px;
  line-height: 1;
  font-weight: 800;
  cursor: pointer;
}

.test_time_p {
  color: #50b7ff;
  font-size: 32px;
  font-weight: 700;
}

.test_time {
  position: relative;
  padding: 6px 0;
  text-align: center;
  background: #ffffff;
  margin-bottom: 10px;
}

.test_time i {
  position: absolute;
  top: 14px;
  left: 15px;
  font-size: 32px;
}

.test_dati {
  background: #ffffff;
  padding-top: 20px;
}

.test_dati_ul {
  padding: 8px 14px 15px;
}

.test_dati_ul ul li {
  display: inline-block;
  background: #eeeeee;
  font-size: 10px;
  width: 17px;
  height: 17px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}

.test_dati_ul ul .test_checked {
  background: #50b7ff;
  color: #ffffff;
}

.test_dati_ul ul .test_checked_right {
  background: #eb8440;
  color: #ffffff;
}

.test_dati_des {
  padding: 40px 0 0;
}

.test_dati_des,
.test_dati_btn {
  text-align: center;
  background: #ffffff;
}

.test_dati_des p {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 7px;
}

.test_dati_des p i {
  float: right;
  width: 13px;
  height: 13px;
  margin-left: 7px;
}

.test_dati_btn {
  padding: 10px 20px;
}

.test_dati_btn input {
  width: 100%;
  margin-bottom: 15px;
}

/*四六级个人管理左侧目录边栏*/

.cx_column_level a:hover,
.cx_column_level a {
  color: #8a8a8a;
}

.cx_column_level .cx_column_level_1 {
  display: none;
  padding: 0;
}

.cx_column_level .cx_column_level_1 .person-check-1 a {
  color: #50b7ff;
}

.cx_column_level .cx_column_level_1 li {
  padding-left: 77px;
  border-top: 1px solid #f5f5f5;
  cursor: pointer;
}

.cx_column_level .cx_column_level_1 li:hover {
  background: #ffffff;
  color: #50b7ff;
}

.cx_column_level .cx_column_level_1 li:last-child {
  border-bottom: 1px solid #f5f5f5;
}

/*四六级页脚*/

.footer {
  width: 100%;
  background: #ffffff;
}

.footer footer {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 30px 0;
  color: #333;
  font-size: 12px;
  text-align: center;
}

.cx_yf_top {
  position: relative;
  overflow: hidden;
}

.cx_yf_top .bg-img {
  position: absolute;
  height: auto;
  top: auto;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  -webkit-filter: blur(18px);
  -ms-filter: blur(18px);
  filter: blur(18px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=18, MakeShadow=false);
  max-width: 100%;
}

.bg-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  /*box-shadow: inset 0 0 6px rgba(0, 0, 0, .06);*/
}

/*星星*/

#star {
  position: relative;
  margin: 10px auto;
}

#star ul,
#star span {
  float: left;
  height: 32px;
  line-height: 32px;
}

#star ul {
  margin: 0 10px;
}

#star li {
  float: left;
  width: 32px;
  cursor: pointer;
  text-indent: -9999px;
  background: url(../images/icons.png) no-repeat;
}

#star strong {
  color: #f60;
  padding-left: 10px;
}

#star li.on {
  background-position: 0 -30px;
}

#star1 {
  position: relative;
  margin: 0 auto;
}

#star1 ul,
#star1 span {
  float: left;
  height: 17px;
  line-height: 17px;
}

#star1 ul {
  margin: 0 10px;
}

#star1 li {
  float: left;
  width: 17px;
  cursor: pointer;
  text-indent: -9999px;
  background: url(../img/icons1.png) no-repeat;
  background-size: 17px;
}

#star1 strong {
  color: #f60;
  padding-left: 10px;
}

#star1 li.on {
  background-position: 0 -17px;
}

.test_title_t {
  position: relative;
  padding: 40px 0 24px;
  background: #ffffff;
  border-bottom: 1px dashed #e6e6e6;
}

.test_title_t h1 {
  font-size: 36px;
  font-weight: 400;
}

.test_title_t p {
  font-size: 18px;
  color: #999;
}

.test_writing,
.test_listening,
.test_xctk,
.test_dlpp,
.test_reading,
.test_translation {
  margin-bottom: 22px;
}

.test_h {
  width: 100%;
  height: 10px;
  background: #f7f7f7;
}

.empty_nav {
  display: none;
  height: 64px;
  width: 1200px;
  margin: 0 auto;
}

.isfixed {
  position: fixed;
  top: 0;
  width: 1200px;
  margin: 0 auto;
}

.test_title_des {
  border-bottom: 1px dashed #e5e5e5;
}

.test_title_name p img {
  position: relative;
  top: 6px;
  margin-right: 12px;
}

/*历史记录*/

.cet_list_title {
  min-width: 300px;
  max-width: 600px;
}

.cet_list_child2 {
  display: none;
}

/*箭头旋转*/

.up:before {
  display: inline-block;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
  transition: transform 0.2s;
}

.down:before {
  display: inline-block;
  transform-origin: center center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);

  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
  transition: transform 0.2s;
}



/* 服务(旧) */
.layout {
  margin: 0 auto;
  position: relative;
  text-align: left;
  font-size: 16px;
  background: #fff;
}

.header {
  height: 45px;
  line-height: 45px;
  background: #fff;
  position: relative;
  border-bottom: 1px solid #e4e5e5;
}

.header-test {
  height: 97px;
}

.header .return {
  display: block;
  height: 45px;
  line-height: 45px;
  width: 45px;
  background: url(../images/img1.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -9999em;
  background-size: 16px 25px;
}

.header .refresh {
  display: block;
  height: 45px;
  line-height: 45px;
  width: 45px;
  background: url(../img/service/img2.png) no-repeat center center;
  background-size: 18px 22px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999em;
}

.page .btn {
  display: block;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  border: none;
  cursor: pointer;
  background: #b7b7b7;
  width: 100%;
}

.page .btnRed {
  background: #ff7352;
}

.page .btnGreen {
  background: #55ce38;
}

.page1 .head img {
  display: block;
  width: 100%;
}

.page1 .body {
  padding: 0.3rem 0.25rem;
  color: #b5b5b6;
  font-size: 16px;
  text-align: center;
}

.page1 .body .hd {
  font-size: 28px;
  color: #222;
  line-height: 140%;
  text-align: center;
  padding-bottom: 0.4rem;
}

.page1 .foot {
  height: 45px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.page2 .head {
  background: #55ce38;
  color: #fff;
  padding: 10px 15px;
}

.page2 .head h5 {
  font-size: 18px;
  background: url(../img/service/img3.png) no-repeat left center;
  background-size: 18px 23px;
  padding-left: 30px;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}

.page2 .head p {
  text-align: center;
  font-size: 26px;
  height: 120px;
  line-height: 120px;
}

.page2 .body .img {
  padding-top: 80px;
  text-align: center;
}

.page2 .body {
  width: 90%;
  margin: 0 auto;
  padding-top: 20px;
}

.page2 .body ul li:after {
  display: block;
  clear: both;
  content: "";
}

.page2 .body ul li .cbar {
  width: 100%;
}

.page2 .body ul li p {
  font-size: 16px;
  color: #727171;
  line-height: 30px;
  padding-top: 8px;
}

.page2 .body ul li .bar {
  position: relative;
  width: 76%;
  height: 20px;
  float: left;
  margin-right: 1%;
  background: #efefef;
}

.page2 .body ul li .bar div {
  position: absolute;
  width: 76%;
  left: 0;
  top: 0;
  background: #ff7171;
  height: 20px;
}

.page2 .body ul li .cbar span {
  float: left;
  font-size: 16px;
  display: block;
  line-height: 20px;
  padding: 0 1% 0 1%;
  width: 12%;
  color: #898989;
}

.page2 .body ul li .cbar em {
  display: block;
  float: left;
  color: #c9caca;
  font-size: 16px;
  line-height: 20px;
  width: 8%;
  word-break: keep-all;
  white-space: nowrap;
}

.page2 .foot {
  height: 45px;
  width: 100%;
}

.page3 .head {
  background: #55ce38;
  color: #fff;
  padding: 15px 35px;
}

.page3 .head p {
  font-size: 16px;
  line-height: 140%;
  font-weight: normal;
}

.page3 .head h5 {
  font-size: 16px;
  font-size: 16px;
  line-height: 160%;
  font-weight: normal;
}

.page3 .head h5 img {
  float: left;
  margin-right: 6px;
  margin-top: 3px;
  width: 18px;
  height: 23px;
}

.page3 .head .num {
  text-align: center;
  font-size: 16px;
}

.page3 .head .num strong {
  font-size: 52px;
  line-height: 120%;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 5px;
}

.page3 .head .num b {
  font-weight: normal;
  font-size: 28px;
  padding-right: 10px;
}

.page3 .head .num span {
  font-size: 36px;
  padding-right: 10px;
}

.page3 .body {
  padding: 80px 30px;
}

.page3 .body h3 {
  font-size: 24px;
  color: #898989;
  padding-bottom: 30px;
}

.page3 .body ul li {
  float: left;
  width: 45px;
  height: 45px;
  text-align: center;
  color: #fff;
  line-height: 45px;
  font-size: 20px;
  background: #c9caca;
  border-radius: 100%;
  margin: 10px;
  cursor: pointer;
}

.page3 .body ul li.selected {}

.page3 .body ul li.cb_active {
  background: #ff6445;
}

.page3 .foot {
  height: 45px;
  width: 100%;
}

.page4 .head img {
  display: block;
  width: 100%;
}

.page4 .body .hd {
  background: #fafafa;
  padding: 20px 15px;
  padding-bottom: 10px;
}

.page4 .body .hd h3 {
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 15px;
}

.page4 .body .hd .price {
  font-size: 24px;
  color: #ff7352;
}

.page4 .body .hd .price span {
  font-size: 24px;
  padding-left: 15px;
  color: #d3d4d4;
}

.page4 .body .hd .info {
  padding: 15px 0 15px 0;
  color: #b5b5b6;
  line-height: 160%;
}

.page4 .body .bd {
  padding: 10px 15px;
  line-height: 180%;
}

.page4 .foot {
  height: 45px;
  width: 100%;
}

.page5 .head img {
  display: block;
  width: 100%;
}

.page5 .body .hd {
  padding: 50px 15px 20px 15px;
  text-align: center;
}

.page5 .body .hd h3 {
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 22px;
}

.page5 .body .hd .price {
  font-size: 30px;
  color: #ff7352;
}

.page5 .body .hd .price span {
  font-size: 28px;
  padding-left: 20px;
  color: #d3d4d4;
}

.page5 .body .hd .info {
  padding: 45px 0 30px 0;
  color: #b5b5b6;
  line-height: 160%;
}

.page5 .foot {
  height: 45px;
  width: 100%;
}

.page6 .head {
  padding: 15px;
}

.page6 .head h3 {
  font-size: 20px;
  color: #3e3a39;
  font-weight: normal;
  line-height: 150%;
}

.page6 .head h3 span {
  font-size: 18px;
  color: #999;
  padding-right: 20px;
}

.page6 .head h3 span b {
  font-size: 24px;
  color: #55ce38;
  font-weight: normal;
  padding-right: 10px;
}

.page6 .head .info {
  color: #b5b5b6;
  font-size: 16px;
  line-height: 140%;
  padding-top: 15px;
  padding-bottom: 20px;
}

.page6 .body {
  padding-top: 20px;
}

.page6 .body ul li {
  padding: 15px;
  position: relative;
  padding-left: 58px;
}

.page6 .body ul li strong {
  display: block;
  width: 28px;
  height: 28px;
  border: 2px solid #55ce38;
  background: #fff;
  color: #55ce38;
  border-radius: 100%;
  font-size: 20px;
  text-align: center;
  line-height: 28px;
  position: absolute;
  left: 15px;
  top: 15px;
}

.page6 .body ul li.cb_active {
  background: #f2f3f7;
}

.page6 .body ul li.cb_active strong {
  background: #55ce38;
  text-indent: 0;
  color: #fff;
}

.page6 .body ul li.cb_active strong.correct {
  background: #55ce38 url(../img/service/img9.png) no-repeat center center;
  text-indent: -999em;
  color: #fff;
  background-size: 24px 24px;
}

.page6 .body ul li.cb_active strong.errow {
  background: #ff6445 url(../img/service/img10.png) no-repeat center center;
  text-indent: -999em;
  color: #fff;
  border: 2px solid #ff6445;
  background-size: 20px 20px;
}

.page6 .body ul li:after {
  content: "";
  clear: both;
  display: block;
}

.page6 .body ul li h4 {
  font-weight: normal;
  line-height: 146%;
  font-size: 18px;
  padding-bottom: 15px;
}

.page6 .body .answer {
  padding: 15px;
  background: #f2f3f7;
  line-height: 150%;
}

.page6 .body .answer h4 {
  font-weight: normal;
  line-height: 146%;
  font-size: 20px;
  color: #55ce38;
  padding-bottom: 15px;
}

.page6 .foot {
  height: 45px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.page7 .form ul li {
  border-bottom: 1px solid #ddd;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 10px 0 20px;
}

.page7 .form ul li label {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  text-align: left;
  padding-left: 10px;
  position: absolute;
  left: 0;
  top: 0;
}

.page7 .form .input {
  height: auto;
  overflow: hidden;
  clear: both;
}

.page7 .form .text {
  height: 30px;
  background: #fff;
  line-height: 30px;
  width: 100%;
  padding: 10px 0;
  outline: none;
  border: none;
  font-size: 18px;
  text-align: right;
  color: #888;
}

.page7 .form .tips {
  height: 60px;
  padding: 0 35px;
  line-height: 60px;
  padding-top: 20px;
  text-align: center;
  color: #ff6445;
  font-size: 20px;
}

.page7 .form .disabled {
  background: #c8c9ca;
}

.page7 .foot {
  height: 45px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.page8 .head {
  padding: 20px;
}

.page8 .head h3 {
  font-size: 20px;
  color: #3e3a39;
  font-weight: normal;
  line-height: 150%;
}

.page8 .head h3 span {
  font-size: 18px;
  color: #999;
  padding-right: 15px;
}

.page8 .head h3 span b {
  font-size: 24px;
  color: #55ce38;
  font-weight: normal;
  padding-right: 10px;
}

.page8 .head .info {
  color: #b5b5b6;
  font-size: 16px;
  line-height: 140%;
  padding-top: 15px;
  padding-bottom: 20px;
}

.page8 .body {
  padding-top: 20px;
}

.page8 .body ul li {
  padding: 15px;
  position: relative;
  padding-left: 58px;
}

.page8 .body ul li strong {
  display: block;
  width: 28px;
  height: 28px;
  border: 2px solid #55ce38;
  background: #fff;
  color: #55ce38;
  border-radius: 100%;
  font-size: 20px;
  text-align: center;
  line-height: 28px;
  position: absolute;
  left: 15px;
  top: 15px;
}

.page8 .body ul li.rb_active {
  background: #f2f3f7;
}

.page8 .body ul li.rb_active strong.correct {
  background: #55ce38 url(../img/service/img9.png) no-repeat center center;
  text-indent: -999em;
  color: #fff;
  background-size: 24px 24px;
}

.page8 .body ul li.rb_active strong {
  background: #55ce38;
  text-indent: 0;
  color: #fff;
}

.page8 .body ul li.rb_active strong.errow {
  background: #ff6445 url(../img/service/img10.png) no-repeat center center;
  background-size: 20px 20px;
  text-indent: -999em;
  color: #fff;
  border: 2px solid #ff6445;
}

.page8 .body ul li:after {
  content: "";
  clear: both;
  display: block;
}

.page8 .body ul li h4 {
  font-weight: normal;
  line-height: 146%;
  font-size: 20px;
  padding-bottom: 15px;
}

.page8 .body .answer {
  padding: 35px;
  background: #f2f3f7;
  line-height: 150%;
}

.page8 .body .answer h4 {
  font-weight: normal;
  line-height: 146%;
  font-size: 32px;
  color: #55ce38;
  padding-bottom: 15px;
}

.page8 .foot {
  height: 45px;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .page2 .foot {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
  }

  .page3 .foot {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
  }

  .page4 .foot {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
  }

  .page5 .foot {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
  }

  .page6 .foot {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
  }

  .page7 .foot {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
  }

  .page8 .foot {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
  }
}

/*课程类模板*/

/*容器*/
.cx-detail {
  width: 1200px;
  margin: 0 auto;
}

/* 404 */
.cx-detail .null {
  width: 100%;
  background-color: #ffffff;
  padding-top: 20%;
  padding-bottom: 20%;
}

.cx-detail .null img {
  display: block;
  width: 120px;
  margin: 0 auto;
}

.cx-detail .null p {
  margin-top: 20px;
  font-size: 18px;
  color: #999999;
  text-align: center;
}

@media (max-width:1024px) {
  .cx-detail .null {
    padding-top: 40%;
    padding-bottom: 40%;
  }
}

/* 
* 课程
*
*
*
*
*
*
*
*
*
**/


/*-----------------------列表页-------------------------*/

/*课程列表容器*/

.cx-list {
  padding: 30px 0;
}

.cx-list .des {
  margin-bottom: 15px;
}

/*课程列表*/

.list-item {
  overflow: hidden;
  padding: 30px 30px 30px 0;
  border-bottom: 1px solid #e6e7eb;
}

.list-item-img {
  float: left;
  width: 178px;
  height: 112px;
  margin-right: 15px;
}

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

.list-item-cont {
  position: relative;
  height: 112px;
  overflow: hidden;
}

.list-item-info {
  line-height: 1;
}

.list-item-tit {
  display: block;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.list-item-des {
  margin-top: 10px;
  color: #9e9e9e;
  font-size: 14px;
  color: #9e9e9e;
}

.list-item-tool {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 1;
}

.list-item-tool .list-item-teacher {
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
}

.list-item-teacher {
  line-height: 1;
  font-size: 14px;
}

.list-item-view {
  margin-left: 5px;
  color: #b2b2b2;
}

.list-item-price {
  /* flex: 1; */
  text-align: right;
  color: #ff8300;
}

.list-item-price .cx-color-price-yh {
  font-size: 14px;
}

.list-item-price .cx-color-price-yj {
  font-size: 12px;
  margin-left: 5px;
}

/*---------------------详情页---------------------------*/

/*课程评论*/

.reply-null {
  padding-top: 110px;
  text-align: center;
}

.reply-null>p {
  margin-top: 20px;
  color: #d1d6db;
  font-size: 18px;
}

.reply-null .reply-btn {
  float: inherit;
  margin-top: 23px;
}

.reply-head {
  padding: 30px 0;
  overflow: hidden;
  border-bottom: 1px solid #f3f3f3;
}

.reply-label {
  float: left;
  width: 30px;
  line-height: 1;
  padding: 3px 0;
  margin-right: 12px;
  margin-left: 20px;
}

.reply-num {
  float: left;
  margin-right: 12px;
  font-size: 34px;
  line-height: 1;
  color: #50b7ff;
}

.reply-btn {
  float: right;
}

.reply-btn>a {
  display: inline-block;
  width: 104px;
  height: 32px;
  line-height: 32px;
  background-color: #50b7ff;
  border-color: #50b7ff;
  border-style: solid;
  border-width: 1px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.reply-star {
  float: left;
  width: 160px;
}

.reply-star>p {
  line-height: 1;
}

.star {
  line-height: 1;
}

.reply-item {
  padding: 17px 0;
  overflow: hidden;
  border-bottom: 1px solid #f3f3f3;
}

.reply-ico {
  float: left;
  width: 50px;
  height: 50px;
  background: #bebfc2;
  border-radius: 50%;
  margin-right: 17px;
}

.reply-detail {
  overflow: hidden;
}

.reply-detail-userinfo>a {
  color: #646566;
}

.reply-detail-userinfo {
  margin-bottom: 13px;
  overflow: hidden;
}

.reply-detail-cont>span {
  color: #252525;
  font-weight: 500;
  word-break: break-all;
}

.reply-detail-tool {
  overflow: hidden;
}

.reply-detail-tool-time {
  float: left;
}

.reply-detail-tool-action {
  float: right;
  margin-right: 15px;
}

.reply-detail-tool-time>span,
.reply-detail-tool-action>span {
  font-size: 12px;
  color: #bababa;
}

.reply-detail-tool-action>span {
  cursor: pointer;
}

.reply-detail-tool-action>span:hover {
  color: #50b7ff;
}

.reply-detail-comment {
  margin-top: 19px;
  padding: 22px 16px 13px;
  background: #f8fafc;
}

.reply-detail-comment-item {
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #dddddd;
}

.reply-detail-comment-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.reply-detail-comment-name {
  color: #646566;
}

.reply-detail-comment-teachername {
  background: #50b7ff;
  color: #fff;
  border-radius: 3px;
}

.reply-detail-comment-detail {
  line-height: 1.2;
  font-size: 0;
  overflow: hidden;
}

.reply-detail-comment-detail>span {
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: -moz-pre-wrap;
}

.reply-detail-comment-detail>span>a {
  float: left;
  color: #50b7ff;
  margin-right: 5px;
}

.reply-detail-comment-name {
  float: left;
}

.reply-detail-comment-tool {
  overflow: hidden;
}

.reply-detail-comment-tool-time {
  float: left;
}

.reply-detail-comment-tool-action {
  float: right;
  margin-left: 15px;
}

.reply-detail-comment-tool-time>span,
.reply-detail-comment-tool-action>span {
  font-size: 12px;
  color: #bababa;
}

.reply-detail-comment-tool-action>span {
  cursor: pointer;
}

.reply-detail-comment-tool-action>span:hover {
  color: #50b7ff;
}

.reply-detail-comment-more>p {
  color: #50b7ff;
  line-height: 1;
  margin-top: 11px;
  cursor: pointer;
}

.dialog-view-reply {
  width: 455px;
  min-height: 420px;
}

.dialog-view-otherreply {
  width: 455px;
  min-height: 360px;
}

.view-reply {
  padding: 0 26px;
}

.reply-title {
  padding-top: 30px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ededed;
  font-size: 17px;
  font-weight: 500;
}

.reply-othertitle {
  padding-top: 30px;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.reply-cont {
  padding: 14px 0;
}

.view-reply-subtitle {
  font-size: 13px;
  margin-bottom: 10px;
}

.view-reply-textarea>textarea {
  width: 100%;
  height: 170px;
  padding: 13px 10px;
  font-size: 13px;
  color: #252525;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  overflow-y: auto;
}

/*定义滚动条的轨道，内阴影及圆角*/

.view-reply-textarea>textarea::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  border-radius: 20px;
  background-color: transparent;
}

/*定义滑块，内阴影及圆角*/

.view-reply-textarea>textarea::-webkit-scrollbar-thumb {
  /*width: 10px;*/
  height: 26px;
  border-radius: 30px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #c5c5c5;
}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

.view-reply-textarea>textarea::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: transparent;
}

.view-reply-textarea {
  position: relative;
}

.view-reply-textarea>p {
  position: absolute;
  bottom: 10px;
  right: 14px;
  font-size: 13px;
  color: #d6d6d6;
}

.dialog-view-reply-hint {
  width: 456px;
  min-height: 159px;
}

.dialog-view-reply-del {
  width: 456px;
  min-height: 159px;
}

.view-hint {
  display: table;
  padding-top: 30px;
  padding-bottom: 37px;
}

.hint-img,
.hint-msg {
  display: table-cell;
  vertical-align: middle;
}

.hint-msg>p {
  color: #404040;
  font-size: 14px;
  line-height: 2;
}

.hint-img {
  padding-left: 69px;
  padding-right: 27px;
}

.hint-img img {
  width: 79px;
  height: 79px;
}

.btn-retry {
  line-height: 1;
  padding: 6px 19px;
  font-size: 13px;
  color: #50b7ff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(188, 188, 188, 0.41);
  -moz-box-shadow: 0px 0px 5px 0px rgba(188, 188, 188, 0.41);
  box-shadow: 0px 0px 5px 0px rgba(188, 188, 188, 0.41);
}

.hint-btn {
  position: absolute;
  right: 79px;
  bottom: 31px;
}

.btn-qx {
  display: inline-block;
  padding: 7px 15px;
  color: #a5a5a5;
  border-color: #c4c4c4;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  font-size: 12.6px;
}

.btn-qx:hover {
  background: #c4c4c4;
  color: #fff;
}

.btn-qx:active {
  border-color: #939393;
  background: #939393;
}

.btn-qd {
  display: inline-block;
  padding: 7px 15px;
  color: #fff;
  background: #50b7ff;
  border: 1px solid #50b7ff;
  border-radius: 3px;
  font-size: 12.6px;
}

.btn-qd:hover {
  background: #84ccff;
  border-color: #84ccff;
  color: #ffffff;
}

.btn-qd:active {
  background: #50b7ff;
  border: 1px solid #50b7ff;
}

.hint-msg-btn {
  text-align: right;
}

/*热门词汇*/

.model-hotcourse {
  padding: 10px 13px;
  border-bottom: 1px solid #f3f3f3;
  background: #fff;
}

.model-hotcourse-img {
  width: 236px;
  height: 146px;
}

.model-hotcourse-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.model-hotcourse-inner {
  background: #f3f3f3;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.model-hotcourse-cont {
  padding: 8px 13px;
}

.model-hotcourse-cont p {
  height: 21px;
}

.model-hotcourse-cont .model-hotcourse-teacher,
.model-hotcourse-cont .model-hotcourse-view {
  display: inline-block;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.model-hotcourse-cont .model-hotcourse-teacher {
  max-width: 140px;
}

.model-hotcourse-cont .model-hotcourse-view i {
  float: left;
  margin-right: 5px;
  line-height: 22px;
}

.model-hotcourse-cont .model-hotcourse-view font {
  float: left;
}

.model-hotcourse-view {
  float: right;
}

/*model-classinfo 课程内容介绍小model*/

.model-classinfo-img {
  width: 200px;
  height: 124px;
}

.model-classinfo-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.model-classinfo-inner {
  background: #fff;
  padding: 12px 14px;
}

.model-classinfo-title {
  margin-bottom: 9px;
  font-size: 16px;
  line-height: 1;
}

.model-classinfo-cont {
  line-height: 1;
}

.model-classinfo-teacher {
  font-size: 12px;
  color: #898989;
  line-height: 1;
}

/*slide 导航样式*/

.slide-nav {
  background: #fff;
}

.slide-nav {
  list-style: none;
}

.slide-share {
  padding: 8px 0 8px 44px;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  background-color: #fff;
}

.slide-share p {
  display: inline-block;
}

.slide-share-icon {
  float: right;
  margin-left: 15px;
}

.slide-share-icon i {
  display: inline-block;
  margin-right: 7px;
  width: 20px;
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.1s;
}

.slide-share-icon i:hover {
  transform: scale(1.1);
}

.slide-nav li {
  position: relative;
  padding: 8px 0 8px 44px;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  cursor: pointer;
}

.slide-nav li a {
  display: block;
  width: 100%;
}

.slide-nav .slide-nav-check {
  padding-left: 40px;
}

.slide-nav-check {
  background-color: rgba(80, 183, 255, 0.1);
  border-left: 4px solid #50b7ff;
}

.slide-nav li:hover {
  background-color: rgba(80, 183, 255, 0.1);
}

.class-container {
  padding: 0 30px;
}

.cont-header-title {
  padding: 25px 0 21px;
  font-size: 20px;
  font-weight: 800;
}

.cont-body {
  min-height: 560px;
}

.learn-record .cont-body {
  padding-top: 40px;
}

/*课件列表*/


.model-courseware-item {
  overflow: hidden;
}

.model-courseware-item-ico i {
  display: block;
  margin-right: 10px;
  margin-left: -1px;
  height: 36px;
  color: #50b7ff;
  font-size: 12px;
  line-height: 36px;
  text-align: center;
}

.model-courseware-item-tool i {
  display: inline-block;
  height: 24px;
  margin-right: 14px;
  line-height: 24px;
  font-size: 16px;
  cursor: pointer;
  color: #969799;
  vertical-align: middle;
}

.model-courseware-item-text p {
  display: flex;
  float: left;
  display: inline-block;
  color: #676767;
  font-weight: 400;
  max-width: 500px;
  justify-content: space-between;
}

.model-courseware-item-text>p {
  display: flex;
}

.model-courseware-item-text>p>span {
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.courseware .model-courseware-item-ico {
  display: none;
}

.model-courseware-leve1.item-key,
.model-courseware-leve2.item-key,
.model-courseware-leve3.item-key {
  /* pointer-events: none; */
}

.model-courseware-leve1.item-key .model-courseware-item-text>p,
.model-courseware-leve2.item-key .model-courseware-item-text>p,
.model-courseware-leve3.item-key .model-courseware-item-text>p {
  color: #dcdcdc;
}

.model-courseware-leve2.item-key .model-courseware-item-text .btn-jointest,
.model-courseware-leve3.item-key .model-courseware-item-text .btn-jointest {
  color: #dcdcdc;
  border: 1px solid #dcdcdc;
}

.model-courseware-leve1.item-key .model-courseware-item-ico i,
.model-courseware-leve2.item-key .model-courseware-item-ico i,
.model-courseware-leve3.item-key .model-courseware-item-ico i {
  color: #dcdcdc;
}

.model-courseware-leve1.item-key.model-courseware-item[data-lessonfile]:hover,
.model-courseware-leve2.item-key.model-courseware-item[data-lessonfile]:hover,
.model-courseware-leve3.item-key.model-courseware-item[data-lessonfile]:hover {
  background: #F8FAFC
}

.model-courseware-leve1.item-key.model-courseware-item[data-lessonfile]:hover .model-courseware-item-text>p,
.model-courseware-leve2.item-key.model-courseware-item[data-lessonfile]:hover .model-courseware-item-text>p,
.model-courseware-leve3.item-key.model-courseware-item[data-lessonfile]:hover .model-courseware-item-text>p {
  color: #dcdcdc;
  cursor: default;
}

.model-courseware-leve1 {
  position: relative;
  height: auto;
  line-height: 1.5;
  padding: 18px 0;
}

.model-courseware-leve1 {
  border-bottom: 1px solid #f3f3f3;
}

/* [data-lessonfile] */

.model-courseware-leve1[data-lessonfolder]::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 0;
  width: 2px;
  height: 12px;
  background: #50b7ff;
}

.model-courseware-leve1[data-lessonfolder] {
  padding-left: 20px;
}

.model-courseware-leve1[data-lessonfolder] .model-courseware-item-ico {
  display: none;
}

.model-courseware-leve1[data-lessonfile] .model-courseware-item-text p {
  font-weight: 400;
}

.courseware .model-courseware-leve1[data-lessonfile] {
  padding-left: 20px;
}

.courseware .model-courseware-leve2[data-lessonfolder] .model-courseware-item-text {
  padding-left: 10px;
}

.courseware .model-courseware-leve2[data-lessonfile] .model-courseware-item-text {
  padding-left: 10px;
}

/* .model-courseware-leve1::before{
  content: "";
  position:absolute;
  top: 24px;
  height: 12px;
  width: 2px;
  background: #50b7ff;
} */
.model-courseware-leve1 .model-courseware-item-text p {
  /* color: #4A4A4A; */
  font-weight: 500;
  cursor: pointer;
}

.model-courseware-leve1 .model-courseware-item-ico i {
  height: 60px;
  line-height: 60px;
}

.model-courseware-leve2.model-courseware-item {
  padding: 0 15px;
  line-height: 50px;
  background: #F8FAFC;
}

.model-courseware-leve2.model-courseware-item>div {
  border-bottom: 1px dashed #DDDDDD;
}

.model-courseware-leve2 .model-courseware-item-ico i {
  height: 49px;
  line-height: 49px;
}

.model-courseware-leve2 .model-courseware-item-text {
  font-size: 14px;
  line-height: 1.5;
  padding-top: 18px;
  padding-bottom: 18px;
}

.model-courseware-leve2[data-lessonfolder] {}

.model-courseware-leve2[data-lessonfolder] .model-courseware-item-ico {
  display: none;
}

.model-courseware-leve3.model-courseware-item {
  padding: 0 15px;
  background: #F8FAFC;
  height: auto;
  line-height: 1.5;
}

.model-courseware-leve3.model-courseware-item>div {
  border-bottom: 1px dashed #DDDDDD;
  padding-left: 25px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.model-courseware-leve3 .model-courseware-item-ico i {
  height: 49px;
  line-height: 49px;
  background: #F8FAFC;
}

.model-courseware-leve3 .model-courseware-item-text {
  line-height: 1.5;
  font-size: 14px;
}

.model-courseware-leve3[data-lessonfolder] .model-courseware-item-ico {
  display: none;
}

.btn-jointest {
  display: none;
  height: 20px;
  padding: 0 10px;
  line-height: 16px;
  border: 1px solid #1d85fe;
  border-radius: 33px;
  font-size: 12px;
  color: #1d85fe;
  vertical-align: middle;
}


.model-courseware {
  /*padding-bottom: 10px;*/
}

.model-courseware-title {
  overflow: hidden;
  /*padding-bottom: 15px;*/
  padding: 5px 10px;
}

.courseware-down {
  background: #e6f5ff;
}

.model-courseware-title .icon-b-menu,
.model-courseware-title .icon-arrow-down {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}

.model-courseware-title .icon-b-menu {
  font-size: 20px;
  color: #969799;
}

.model-courseware-title .icon-arrow-down {
  font-size: 16px;
  color: #969799;
  cursor: pointer;
  transition: transform 0.2s;
}

.model-courseware-title .courseware-arrow-up {
  transform: rotate(-180deg);
}

.model-courseware-title p {
  float: left;
  margin-left: 5px;
  font-size: 16px;
  color: #636363;
  font-weight: 500;
  max-width: 500px;
}

.model-courseware-learn {
  /*padding: 10px 0 30px;*/
  padding: 10px 0 10px;
}

.model-courseware-leve2 .model-courseware-learn {
  padding: 0;
}

.model-courseware-item {
  color: #676767;
}

.model-courseware-item[data-lessonfile]:hover {
  background: #EDF7FF;
}

.model-courseware-item[data-lessonfile]:hover .model-courseware-item-text>p {
  color: #50b7ff;
  cursor: pointer;
}

.model-courseware-item-ico {
  float: left;
}

.model-courseware-title .icon-b-learning,
.model-courseware-title .icon-b-learnt,
.model-courseware-title .icon-b-learn {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #50b7ff;
  text-align: center;
}

.model-courseware-file p {
  font-weight: 400;
}


.model-courseware-item-text {
  display: flex;
  font-size: 16px;
  overflow: hidden;
  justify-content: space-between;
}

.model-courseware-item-tool {
  float: right;
  font-size: 0;
  margin-left: auto;
  max-width: 20%;
}

.courseware-progress-span {
  display: none;
}



.item-key,
.item-key a,
.item-key .model-courseware-item-tool i {
  /*pointer-events: none;*/
}

.item-key .model-courseware-item-tool i:hover {
  color: #d6d6d6;
}

.item-key>.model-courseware-item-tool i,
.item-key>.model-courseware-item-text p {
  color: #d6d6d6;
}

.item-key .model-courseware-item-tool i {
  color: #d6d6d6;
}

.item-key .model-courseware-item-tool span {
  color: #d6d6d6;
}

.item-key .model-courseware-title p,
.item-key .model-courseware-title i {
  color: #d6d6d6;
}

.model-courseware-item-tool i:last-child {
  margin-right: 0;
}

.model-courseware-item-tool i:hover {
  color: #50b7ff;
}

.model-courseware-item-tool .icon-b-word:hover {
  color: #2954a0;
}

.model-courseware-item-tool .icon-b-pdf:hover {
  color: #fa4447;
}

.model-courseware-item-tool .icon-b-ppt:hover {
  color: #d34624;
}

.model-courseware-item-tool .icon-b-excel:hover {
  color: #1e7246;
}

.model-courseware-item-tool a {
  margin-right: 14px;
}

.model-courseware-item-tool a:last-child {
  margin-right: 0;
}

.model-courseware-item-tool .icon-b-down {
  color: #bcbcbc;
}

/*.model-courseware-item-tool .icon-b-down:hover {
	color: #ff9250;
}

.model-courseware-item-tool .down-active {
	color: #ff9250;
}*/


.model-courseware-leve2 .model-courseware-item {
  padding-left: 24px;
}

.model-courseware-leve2 .model-courseware-title {
  padding-left: 0;
}

.model-courseware-leve2 .model-courseware-title p {
  margin: 0;
}

/*测验*/

.model-courseware-test {
  padding: 5px 0;
}

.model-courseware-test-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin: 10px 0;
  background: #f6fbff;
  /*justify-content: center;*/
  align-items: center;
}

.model-courseware-test-tit {
  flex: 4;
  display: inline-block;
  padding: 0 30px 0 15px;
  font-size: 15px;
  color: #676767;
}

.model-courseware-test-des {
  flex: 5;
  display: inline-block;
  color: #ababab;
}

.model-courseware-test-des {
  font-size: 0;
}

.model-courseware-test-des font {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
}

.model-courseware-test-btn {
  flex: 1;
  display: inline-block;
  float: right;
  margin-right: 30px;
}

.model-courseware-test-btn input {
  border-radius: 7px;
  width: auto;
  height: 30px;
  padding: 0 18px;
  line-height: 30px;
}

.model-courseware-test .model-courseware-test-tit {
  padding-left: 40px;
}

.model-courseware-test .model-courseware-test-item {
  width: 100%;
  height: auto;
}

.model-courseware-test .model-courseware-test-item .model-courseware {
  width: 100%;
  background: #fff;
}

.model-courseware-test .model-courseware-test-item .model-courseware-title {
  width: 100%;
  background: #f6fbff;
  padding-left: 35px;
}

.model-courseware-test .model-courseware-test-item .model-courseware-test .model-courseware-test-item p {
  padding-left: 60px;
}




/*.model-courseware-test-level2 .model-courseware-title {
	height: 40px;
	line-height: 25px;
	margin-bottom: 15px;
	background: #f6fbff;
}

.model-courseware-test-level2 .model-courseware-title p {
	margin-left: 30px;
}

.model-courseware-test-level2 .model-courseware-test-tit {
	padding-left: 60px;
}*/

/*课程课件弹出框*/

.dialog-view-download {
  width: 480px;
  min-height: 200px;
}

.view-content-download {
  min-height: 160px;
  padding-top: 20px;
}

.row-download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.row-download .download-name {
  flex: 7;
  text-align: left;
}

.row-download .download-link {
  flex: 3;
  text-align: right;
}

.download-link {
  color: #50b7ff;
  cursor: pointer;
}

.download-link:hover {
  text-decoration: underline;
}

/*课程学习模块*/

.model-breadcrumb {
  padding: 20px 0;
}

.model-breadcrumb-cont .layui-form {
  display: inline-block;
  width: 188px;
}

.model-breadcrumb-cont a {
  font-size: 16px;
}

.model-breadcrumb-cont .icon-arrow-right {
  color: #a7a8aa;
}

.model-breadcrumb .layui-form-select dl dd.layui-this {
  background: #1D85FE;
}

.m-courseware {
  position: relative;
  padding-left: 10px;
  padding-right: 30px;
  height: 38px;
  line-height: 1.3;
  line-height: 38px\9;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  background-color: #1D85FE;
  border-radius: 2px;
  border-color: transparent;
  cursor: pointer;

}

.courseware-text {
  width: 149px;
  line-height: 32px;
  white-space: nowrap;
}

.courseware-text>i {
  display: inline-block;
  vertical-align: middle;
}

.courseware-text>p {
  display: inline-block;
  width: 100%;
  padding-right: 30px;
  margin-left: 5px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.courseware-text::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: dashed;
  border-color: transparent;
  border-top-color: #fff;
  overflow: hidden;
  margin-top: -3px;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.m-courseware-slidedown .courseware-dropdown {
  display: block;
}

.m-courseware-slidedown .courseware-text::after {
  margin-top: -9px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -3px\9;
}

.courseware-dropdown {
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  padding: 5px 0;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
  background-color: #fff;
  z-index: 101;
}

.courseware-dropdown>ul>li {
  display: flex;
  padding: 0 10px;
  line-height: 32px;
  color: #000;
  align-items: center;
}

.courseware-dropdown>ul>li:hover {
  background: #f2f2f2;
}

.courseware-dropdown>ul>li.check-this {
  background-color: #1d85fe;
  color: #fff;
}

.courseware-dropdown>ul>li>i {
  display: inline-block;
  vertical-align: middle;
}

.courseware-dropdown>ul>li>p {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.learn-row {
  width: 100%;
  font-size: 0;
}

.learn-down {
  display: inline-block;
  background: #dcdde0;
  background-image: url(../img/class/icon-class-down.png);
  background-size: 60px;
  background-position: center;
  width: 10%;
  height: 34px;
  border: 1px solid #dcdde0;
  cursor: pointer;
}

.down-active {
  color: #ff9250;
}

.learn-down.down-active {
  background-color: #ff9250;
}

.learn-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 1px solid #dcdde0;
}

.learn-tab li {
  flex: 1;
  border-right: 1px solid #dcdde0;
  align-items: center;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  font-size: 16px;
}

.learn-tab li:last-child {
  border-right: 0;
}

.learn-tab-check {
  color: #50b7ff;
}

.learn-tab .learn-tab-check {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 5;
}

.learn-tab .learn-tab-down {
  flex: auto;
  width: 30px;
}

.learn-tab-check-p {
  display: none;
}

.learn-tab .learn-tab-check .learn-tab-check-p {
  display: inline-block;
  margin-left: 5px;
  width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #50b7ff;
}

.learn-tab-dom .content-box {
  width: 100%;
  margin: 0;
  z-index: 2;
}

.learn-tab-cont {
  position: relative;
}

.learn-tab-cont .pdffullScreenBtn {
  position: absolute;
  bottom: 30px;
  right: 0;
  cursor: pointer;
}

.learn-tab-cont .pdfunfullScreenBtn {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10000000;
  cursor: pointer;
}

.learn-tab-cont .mp-control .panel-left .play-control {
  left: 20px;
}

.learn-tab-cont .mp-control .panel-left {
  width: 100px;
}

.learn-tab-cont .mp-control .panel-left .prev,
.learn-tab-cont .mp-control .panel-left .next {
  display: none;
}

.learn-tab-cont .panel-center {
  left: 100px;
  right: 80px;
}

.learn-tab-cont .panel-right .toggle-xh,
.learn-tab-cont .panel-right .toggle-ci,
.learn-tab-cont .panel-right .toggle-playlist {
  display: none;
}

.learn-tab-cont .panel-right .toggle-fullscreen {
  top: 20px;
}


.class-test {
  margin: 0 -30px;
}


.color-theme {
  /*主题色*/
  color: #50b7ff;
}

/*个人中心，购买课程*/

.model-buylist-class {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 50px;
  background: #f9f9fb;
  padding: 14px 0;
  border-bottom: 1px solid #f4f4f4;
  position: relative;
}

.model-buylist-class .model-buylist-class-img {
  margin-right: 10px;
  width: 145px;
  height: 90px;
}
.model-buylist-class.class-textbook .model-buylist-class-img{
  width: 96px;
  height: auto;
}

.model-buylist-class .model-buylist-class-img img {
  width: 100%;
  height: 100%;
}

.model-buylist-class .model-buylist-class-inner {
  padding: 9px 0 13px;
  width: 62%;
  flex: 1;
}

.model-buylist-class-inner {
  position: relative;
}

.model-buylist-class-header .model-buylist-class-title {
  font-size: 16px;
  font-family: "ECDodds";
  line-height: 1.5;
  margin-bottom: 3px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 1 !important;
  -moz-box-orient: vertical;
  color: #333;
}

.model-buylist-class-cont .model-buylist-class-des {
  margin-top: 7px;
  position: absolute;
  bottom: 13px;
  line-height: 1;
}

.model-buylist-class-cont .model-buylist-class-des a {
  margin-left: 5px;
}

.model-buylist-class-cont p {
  color: #676767;
}

.model-buylist-class-btn {
  padding: 13px 0;
  padding: 0;
	display: flex;
  align-items: flex-end;
	position: absolute;
	bottom: 14px;
	right: 0;
}

.btn-freeread {
  padding: 0 3px;
  margin-left: 10px;
  line-height: 15px;
  border: 1px solid #22ac38;
  color: #22ac38;
  font-size: 12px;
  border-radius: 3px;
  cursor: pointer;
}

/* 微库样式 
*
*
*
*
*
*
*
*
*
*
*
*
*
*
**/
/*微库loading*/

.search-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  background: rgba(255, 255, 255, 0.4);
}

.search-loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 160px;
  transform: translate(-50%, -50%);
}

/*微库头部(已经更新最新头部)*/
.headerSLibrary .nav-one .nav-group .nav-l .cx-nav {
  right: 0;
}

/*微库首页搜索*/
.cx-banner-search {
  height: 400px;
  background-size: cover;
  background-position: center;
}

.cx-banner-search .cx-banner-search-cont {
  width: 720px;
  margin: 0 auto;
  padding-top: 246px;
}

.banner-search-group {
  position: relative;
  display: table;
  width: 100%;
  /*padding: 262px 0 8px;*/
  -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.08);
}

.banner-search-group .search-input {
  display: table-cell;
  position: relative;
  z-index: 2;
  float: left;
  margin-bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 12px 0 50px;
  font-size: 18px;
  font-weight: 200;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #fff;
}

.banner-search-group .search-input-btn {
  display: table-cell;
  /*width: 9%;*/
  width: 70px;
  font-size: 36px;
  line-height: 1;
  color: #fff;
  background: #b1000a;
  text-align: center;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}

.banner-search-group .search-input-btn a {
  display: block;
  width: 100%;
  color: #fff;
}

/*微库搜索*/

.search-warp {
  position: relative;
  padding: 20px 84px;
}

.search-warp .slide {
  float: left;
  margin-right: 40px;
}

.search-warp .main {
  overflow: hidden;
}

.search-warp.classifyii,
.search-warp.classify {
  padding: 20px 24px;
}

.search-warp.classifyii .search-cont {
  flex-direction: column;
}

.search-header {
  padding: 40px 0 30px;
}

.search-cont {
  min-height: 680px;
}

.search-cont .line-1 {
  display: block;
  height: 1px;
  background-color: #ebebeb;
}

.search-group {
  position: relative;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.search-group .search-input {
  display: table-cell;
  width: 100%;
  padding-left: 20px;
  padding-right: 50px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #97040c;
}

.search-group .search-input-btn {
  display: table-cell;
  width: 12%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #97040c;
  cursor: pointer;
  vertical-align: middle;
}

.search-group .search-input-btn:active {
  opacity: 0.8;
}

.search-group .search-adv {
  position: absolute;
  top: 8px;
  right: -68px;
  color: #97040c;
  font-size: 14px;
  cursor: pointer;
}

.search-header .search-group .search-clear {
  display: none;
  position: absolute;
  right: 129px;
  top: 7px;
  cursor: pointer;
  font-size: 26px;
}

.search-group .search-intellisense {
  display: none;
  position: absolute;
  left: 0;
  top: 39px;
  border: 1px solid #bababa;
  /* padding: 19px 12px 19px 50px; */
  width: 88%;
  background: #ffffff;
  z-index: 10;
  -webkit-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.1);
}

.search-group .search-intellisense ul {
  list-style: none;
}

.search-group .search-intellisense ul li {
  height: 40px;
  padding: 0 36px;
  line-height: 40px;
  transition: background-color 0.2s;
}

.search-group .search-intellisense ul li {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
}

.search-check {
  background-color: #e7e7e7;
}

.search-group .search-intellisense ul li:hover {
  background-color: #e7e7e7;
}

.search-tool-secSearch {
  position: relative;
}

.search-tool-secSearch .search-clear {
  display: none;
  position: absolute;
  right: 50px;
  top: 50%;
  font-size: 20px;
  cursor: pointer;
  transform: translateY(-50%);
}

.search-hot {
  margin-top: 10px;
}

.search-hot .hot-word-des {
  position: relative;
  display: inline-block;
  height: 20px;
  padding: 0 10px;
  margin-right: 10px;
  background: #999;
  color: #fff;
  line-height: 20px;
  font-weight: 300;
}

.search-hot .hot-word-des:after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent transparent transparent #999;
  border-style: solid;
  border-width: 10px 0 10px 8px;
  left: 100%;
  top: 0;
}

.search-hot .hot-word {
  display: inline-block;
  margin-right: 5px;
}

.search-note {
  font-size: 14px;
  color: #969696;
}

.search-tool {
  width: 100%;
  height: 50px;
  padding: 10px;
  background: #f9f9f9;
}

.collect .search-tool {
  height: auto;
  background: transparent;
  margin-bottom: 26px;
  border-bottom: 1px solid #f7f8f9;
  padding-bottom: 0;
}

.collect .search-tool-secSearch .search-input {
  border: 1px solid #e1e1e1;
}

.collect .search-tool .search-input-btn {
  background: #e1e1e1;
  color: #ffffff;
  border: 1px solid #e1e1e1;
}

.search-tool-note {
  float: left;
  width: calc(100% - 314px);
}

.search-tool-note .search-note {
  line-height: 30px;
}

.search-tool-sort {
  float: left;
  font-size: 0;
}

.search-tool-sort .sort-num,
.search-tool-sort .sort-year {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  color: #aeaeae;
  border-right: 1px solid #ebebeb
}

.search-tool-sort div:last-child {
  border-right: 0;
}

.search-tool-sort .sort-num,
.search-tool-sort .sort-year {
  padding-left: 9px;
  padding-right: 25px;
  background: url(../img/arrowDown.png) no-repeat;
  background-position: center right 10px;
}

.search-tool-sort .sort-down,
.search-tool-sort .sort-down {
  color: #97040c;
  background: url(../img/arrowDown2.png) no-repeat;
  background-position: center right 10px;
  background-color: #fbfbfa;
}

.search-tool-sort .sort-up,
.search-tool-sort .sort-up {
  color: #97040c;
  background: url(../img/arrowUp.png) no-repeat;
  background-position: center right 10px;
  background-color: #fbfbfa;
}

.search-tool-secSearch {
  float: right;
  display: table;
  width: 210px;
}

.search-tool-secSearch .search-input {
  display: table-cell;
  width: 100%;
  height: 30px;
  padding-left: 14px;
  padding-right: 30px;
  border: 1px solid #aeaeae;
  background: #ffffff;
  color: #000000;
  border: 1px solid #ebebeb;
  border-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* Internet Explorer 10-11 */
/*ie上input的color会覆盖placeholder的式样*/
.search-tool-secSearch .search-input:-ms-input-placeholder {
  color: #b2b2b2;
}

.search-tool-secSearch .search-input-btn {
  display: table-cell;
  width: 20%;
  line-height: 28px;
  text-align: center;
  font-size: 22px;
  background: #fff;
  color: #aeaeae;
  border: 1px solid #ebebeb;
  border-left: 0;
  vertical-align: middle;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.search-tool-charts {
  float: right;
}

#vue-search-container .search-tool-charts {
  position: absolute;
  right: 0;
  top: -30px;
}

.search-tool-charts .btn-searchChart {
  display: block;
  padding: 7px 8px;
  font-size: 14px;
  line-height: 1;
  border: 1px solid #ebebeb;
  color: #9f9f9f;
  border-radius: 3px;
}

.search-tool-charts .chartActive {
  background: #97040c;
  border: 1px solid #97040c;
  color: #fff;
}

.detail-tab-cont .charts-list {
  top: 285px;
  left: -250px;
}

.charts-list {
  display: none;
  position: absolute;
  top: 165px;
  left: -170px;
  width: 200px;
  background: #fff;
  border: 1px solid #8e8e8e;
  z-index: 2;
}

#vue-search-container .charts-list {
  position: fixed;
  top: 270px;
  left: 10px;
}

@media only screen and (max-width: 1490px) {
  .charts-list {
    position: fixed;
    top: 270px;
    left: 10px;
  }

  .detail-tab-cont .charts-list {
    top: 420px;
    left: 10px;
  }
}

.charts-list .chart-item {
  border-bottom: 1px solid #8e8e8e;
}

.charts-list .chart-item:last-child {
  border-bottom: 0;
}

.charts-list .chart-item .chart-item-tit {
  position: relative;
}

.charts-list .chart-item .chart-item-tit p {
  display: inline-block;
  width: 100%;
  line-height: 24px;
  padding: 3px 3px 3px 24px;
  color: #1b1e23;
  font-weight: 600;
}

.charts-list .chart-item .chart-item-tit a {
  position: absolute;
  top: 3px;
  right: 3px;
  padding: 5px 7px;
  background: #97040c;
  line-height: 1;
  color: #fff;
}

.charts-list .chart-item .chart-item-child {
  display: none;
  max-height: 160px;
  border-top: 1px solid #8e8e8e;
  overflow-y: auto !important;
}

.charts-list .chart-item .chart-item-child p {
  padding-left: 24px;
  color: #727272;
}

/*.charts-list .chart-item .chart-item-child p:hover {
	background: #e7e7e7;
}*/

.chart-item-row {
  padding-left: 6px;
  overflow: hidden;
}

.chart-item-row:hover {
  background: #e7e7e7;
}

.chart-item-row>p {
  overflow: hidden;
}

.charts-list .chart-item .chart-item-child .chart-item-row>p {
  padding-left: 0;
  cursor: pointer;
}

.charts-list .chart-item .chart-item-child .chart-item-row>p.chartCheck {
  color: #97040c;
}

.chart-item-row .cbk {
  float: left;
  width: 10px;
  height: 20px;
  line-height: 1.5;
  padding-left: 15px;
  margin-right: 5px;
  background-size: 14px;
  background-position: left 3px;
}

.chartMask {
  /*charts弹窗*/
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #ffffff;
  z-index: 101;
}

.chart {
  width: 100%;
  height: 100%;
}

.chart-tab {
  position: absolute;
  padding-left: 20px;
  padding-top: 20px;
  z-index: 102;
}

.chart-tab ul li {
  width: 68px;
  padding: 6px 12px;
  margin-bottom: 10px;
  line-height: 1;
  color: #8e8e8e;
  border: 1px solid #8e8e8e;
  border-radius: 3px;
}

.chart-tab ul li.chartActive {
  background: #97040c;
  border: 1px solid #97040c;
  color: #fff;
}

.chart-back i {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding-left: 3px;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 800;
  background: #919191;
  border-radius: 3px;
  color: #fff;
}

.chart-back {
  width: 68px;
  margin-bottom: 10px;
  line-height: 16px;
}

.chart-back span {
  font-size: 16px;
}

.document-item {
  /*文献dom*/
  padding: 15px 0;
  /* margin-right: 33px; */
  border-bottom: 1px dashed #bcbcbc;
}

.document {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.document-des {
  margin-top: 9px;
}

.document-des p {
  word-break: break-all;
}

.document-tit {
  flex: 7;
  font-size: 16px;
  font-weight: 600;
}

.document-btn {
  flex: 3;
  text-align: right;
  line-height: 24px;
  font-size: 0;
}

.document-btn>a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 0;
}

.document-btn a {
  color: #97040c;
}

.document-btn .icon-download {
  display: inline-block;
  font-size: 15px;
  color: #97040c;
  cursor: pointer;
  vertical-align: middle;
}

.more {
  font-size: 12px;
}

.more>span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}

.more>span>.icon-slidedown {
  display: block;
  margin-left: 5px;
  font-size: 15px;
}

.more-slidedown .icon-slidedown:before {
  content: "\e973";
}

.document-des {
  color: #727272;
  font-size: 14px;
  line-height: 22px;
  padding-left: 20px;
}

.document-more {
  display: none;
}

.document-more-itemlist {
  display: flex;
  width: 100%;
  max-height: 164px;
  margin-top: 9px;
  padding: 0 20px;
  overflow-y: auto;
  justify-content: space-between;
  flex-wrap: wrap;
}

.document-more-item {
  display: inline-block;
  width: 50%;
  padding: 0 0 11px;
  vertical-align: top;
}

.item-property {
  padding-left: 7px;
  border-left: 2px solid #97040c;
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
}

.item-value {
  margin-top: 5px;
  line-height: 22px;
  font-size: 14px;
  color: #727272;
}

.document-btn .btn-empty {
  display: inline-block;
  width: auto;
  height: 18px;
  padding: 0 5px;
  line-height: 16px;
  border: 1px solid #97040c;
  color: #97040c;
  font-size: 12px;
}

.docLibrary {
  margin-top: 40px;
}

.docLibrary .docLibrary-l {
  float: left;
}

.docLibrary .docLibrary-l .docLibrary-checkall {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  padding-right: 32px;
  color: #97040c;
  cursor: pointer;
}

.docLibrary-r {
  overflow: hidden;
}

.docLibrary-r .cbk {
  margin-right: 40px;
}

.search-group-adv-tit {
  text-align: center;
  font-size: 0;
}

.search-group-adv-tit p {
  display: inline-block;
  margin: 0 10px;
  font-size: 14px;
  color: #97040c;
}

.search-group-adv-tit .advSearch {
  font-size: 26px;
  color: #3a3a3a;
}

.btn-searchDoc {
  display: inline-block;
  padding: 10px 30px;
  margin: 0 15px;
  color: #fff;
  background: #97040c;
  border-radius: 3px;
}

.btn-searchClear {
  display: inline-block;
  padding: 10px 30px;
  margin: 0 15px;
  border: 1px solid transparent;
}

.condition {
  margin-top: 27px;
}

.condition-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.condition-info .info1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 106px;
  padding-right: 24px;
}

.condition-info .info1 p {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 34px;
  text-align: center;
  font-size: 20px;
  border: 1px solid #bcb7aa;
  border-radius: 3px;
  cursor: pointer;
}

.condition-info .info1 select {
  height: 38px;
  line-height: 38px;
  width: 100%;
}

.condition-info .info2 {
  flex: 2;
  padding-right: 24px;
}

.condition-info .info2 select {
  height: 38px;
  line-height: 38px;
  width: 100%;
}

.condition-info .info2 .layui-input {
  border: 1px solid #bcb7aa;
}

.condition-info .info3 {
  flex: 6;
}

.condition-info .info3 input {
  padding-left: 20px;
  width: 100%;
  height: 38px;
  line-height: 38px;
  border: 1px solid #bcb7aa;
  border-radius: 3px;
}

.condition-info .info3 select {
  height: 38px;
  line-height: 38px;
  width: 49%;
}

.condition-info .layui-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.condition-info .info-time-data {
  width: 49%;
}

.condition-info .info-time-data .icon-datika {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
}

.cbk {
  float: left;
  padding-left: 26px;
  background: url(../img/cb.png) no-repeat left 9px;
  font-size: 14px;
  cursor: pointer;
  line-height: 32px;
  margin-right: 12px;
}

.cbk.cb_active {
  background-image: url(../img/cb_a.png);
}

.cb_disable {
  float: left;
  padding-left: 26px;
  background: url(../img/cb.png) no-repeat left 9px;
  font-size: 14px;
  cursor: pointer;
  line-height: 32px;
  margin-right: 12px;
  color: #dddddd;
}

.strong {
  font-weight: 500;
}

.color-red {
  color: #97040c;
}

.color-keyword {
  color: #97040c;
}

.pagediv {
  /*分页*/
  margin-top: 40px;
}

.search-warp.collect {
  padding: 20px 24px;
}

.collect .search-header {
  padding: 0;
}

.collect .search-note {
  float: left;
  font-size: 16px;
  line-height: 38px;
}

.collect .search-tool-secSearch .search-input {
  /* border-color: #d1d1d1; */
}

.collect-list {
  /* padding-top: 26px;
  margin-top: 14px; */
  min-height: 505px;
  /* border-top: 2px solid #f6f7f9;
   */
}

.collect-list table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}

.collect-list table thead {
  background: #f7f8f9;
}

.collect-list table thead th {
  height: 56px;
  line-height: 56px;
  /* padding: 16px 0 16px 5px; */
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #e8ecf1;
  margin: 0;
  padding: 0;
  padding-left: 20px;
}

.collect-list table thead th .p-clear {
  color: #9d9d9d;
  cursor: pointer;
}

.collect-list table tbody td {
  line-height: 50px;
  font-size: 14px;
  border-bottom: 1px solid #e8ecf1;
}

.collect-list table tbody td p {
  line-height: 1.5;
}

.collect-list table tbody td p.p-article {
  color: #898989;
}

.collect-list table tbody tr td .p-topic {
  color: #3f3f3f;
  text-decoration: underline;
}

.collect-list table tbody td {
  padding-left: 20px;
}

.collect-list table tbody tr:hover {
  background: #f7f8f9;
  transition: all 0.3s;
}

.collect-list table tbody tr td>span {
  font-size: 0;
}

.collect-list table tbody tr td>span>img {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

.collect-list table tbody tr td>span>p {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.collect-list table tbody tr td .del {
  display: none;
  opacity: 0;
  transition: all 0.2s;
  cursor: pointer;
}

.collect-list table tbody tr:hover .del {
  display: block;
  opacity: 1;
}

.collect-list .dropdown {
  position: relative;
  text-align: center;
  cursor: pointer;
}

.collect-list .dropdown>p>i {
  position: absolute;
  top: 21px;
}

.collect-list .dropdown>ul {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  background: #ffffff;
  border-left: 1px solid #e8ecf1;
  border-right: 1px solid #e8ecf1;
  border-bottom: 1px solid #e8ecf1;
  box-sizing: content-box;
}

.collect-list .dropdown>ul>li {
  height: 36px;
  line-height: 36px;

  font-weight: 400;
  cursor: pointer;
}

.collect-list .dropdown>ul>li:hover {
  background: #f7f8f9;
}

.collect-list .dropdown:hover>ul {
  display: block;
}

.collect-tab .collect-tab-item {
  float: left;
  margin-right: 50px;
  padding-bottom: 11px;
  font-size: 16px;
  line-height: 38px;
  cursor: pointer;
}

.collect-list-topic {
  width: 1104px;
}

.collect-list-topic>ul>li {
  float: left;
  width: 174px;
  margin-right: 44px;
}

.collect-list-topic .collect-topic-item {
  position: relative;
  margin-top: 36px;
  cursor: pointer;
  border: 1px solid transparent;
}

.collect-topic-item .collect-topic-img {
  position: relative;
  height: 65px;
  background: #d8d8d8;
}

.collect-topic-item .collect-topic-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.collect-topic-title {
  height: 35px;
  padding: 0 5px;
  margin-top: 12px;
  font-size: 14px;
  line-height: 18px;
  color: #3f3f3f;
  overflow: hidden;
}

.collect-topic-time {
  margin-top: 9px;
  padding: 0 5px;
}

.collect-topic-time span {
  font-size: 14px;
  color: #bcbcbc;
}

.collect-topic-del {
  display: none;
  position: absolute;
  right: 5px;
  bottom: -4px;
  font-size: 20px;
}

.collect-topic-del:hover i {
  font-weight: 500;
}

.collect-topic-item:hover {
  border: 1px solid #e0e0e0;
}

.collect-topic-item:hover .collect-topic-del {
  display: block;
}

.search-warp.collect .pagediv {
  margin-top: 0px;
}

/*提示弹窗*/

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

.dialog-view-msg {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background: rgba(0, 0, 0, 0.55);
  z-index: 10001;
  border-radius: 6px;
}

.dialog-view-msg p {
  padding: 10px 16px;
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
  font-weight: 300;
}

/*相关文献弹窗*/
/*长宽必须为偶数，否则会出现字体模糊*/
.dialog-view-moreDoc {
  width: 826px;
  height: 552px;
}

.dialog-view-moreDoc .view-body .view-title .title-center {
  color: #3a3a3a;
  font-size: 20px;
  margin: 10px auto;
}

.dialog-view-moreDoc .view-body .view-content {
  padding: 15px 25px 30px 35px !important;
}

.doc-tab {
  position: relative;
  padding-top: 10px;
}

.doc-tab::before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background: #ebebeb;
}

.doc-tab li {
  display: inline-block;
  padding: 10px;
  color: #aeaeae;
  border: 1px solid #aeaeae;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.doc-tab li.docActive {
  background: #97040c;
  border: 1px solid #97040c;
  color: #fff;
}

.doc-tab-cont {
  padding-right: 10px;
}

.doc-tab-cont-des {
  padding: 20px 0 5px;
  font-size: 15px;
  color: #97040c;
}

.doc-tab-dom {
  overflow-y: auto;
  max-height: 390px;
}

.doc-tab-cont .document-item {
  border-bottom-style: solid;
}

.search-null {
  /*课程搜索为空时*/
  min-height: 540px;
  width: 100%;
  /* flex: 1; */
}

.search-null-msg1,
.search-null-msg2,
.search-null-msg3 {
  text-align: center;
  color: #919191;
}

.search-null-msg1 {
  margin-top: 20px;
  padding: 87px 0 34px;
  border-top: 1px solid #ebebeb;
  font-size: 18px;
}

.search-null-msg2 {
  font-size: 14px;
  padding-bottom: 18px;
}

.search-null-msg3 {
  font-size: 14px;
}

.collect .search-null-msg1 {
  border-top: 0;
}

/*搜索分类*/

.search-warp .main>.search-null {
  min-height: 700px;
}

.search-warp .main>.search-null>img {
  margin: 0 auto;
  padding-top: 210px;
  display: block;
  margin-bottom: 40px;
}

.search-warp .main>.search-null>.search-null-msg2 {}

.category-menu-list {
  position: relative;
  width: 213px;
  font-size: 16px;
  background: #f6f6f6;
}

.category-menu-list .first {
  height: 56px;
  padding-left: 53px;
  color: #fff;
  font-size: 20px;
  line-height: 56px;
  background: url(../img/icon_menu1.png) left 28px top 21px no-repeat;
  background-color: #950814;
}

.category-menu-list .first-text {
  display: inline-block;
  width: 158px;
}

.category-menu-list .on>a {
  position: absolute;
  color: #950814;
  border: 1px solid #950814;
  background: #ffffff;
  border-right: 1px solid #fff;
  z-index: 100;
}

.category-menu-list>li {
  position: relative;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
}

.category-menu-list>li>a {
  display: inline-block;
  padding: 0px 14px 0px 27px;
  width: 170px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #fff;
  border-right: none;
  font-size: 16px;
  text-decoration: none;
  background: #f6f6f6;
  box-sizing: content-box;
}

.category-menu-list .on .second_list {
  display: block;
}

.second_list {
  display: none;
  position: absolute;
  top: 0;
  left: 211px;
  padding: 10px 30px;
  width: 670px;
  max-height: 600px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #950814;
  z-index: 10;
}

/*定义滚动条的轨道，内阴影及圆角*/

.second_list::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  border-radius: 20px;
  background-color: transparent;
}

/*定义滑块，内阴影及圆角*/

.second_list::-webkit-scrollbar-thumb {
  /*width: 10px;*/
  height: 26px;
  border-radius: 30px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #c5c5c5;
}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

.second_list::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: transparent;
}

.second_list li {
  margin-right: 7px;
  line-height: 1.5;
  display: inline-block;
}

.second_list>li>a {
  font-size: 14px;
  color: #950814;
  font-weight: bold;
}

.third_list>a {
  position: relative;
  margin-left: -1px;
  padding-right: 5px;
  font-size: 14px;
  color: #7d7d7d;
  border-right: 1px solid #7d7d7d;
}

/* .third_list > a::before{
  content: "";
  position: absolute;
  width: 1px;
  height: 12px;
  background: #D8D8D8;
  top: 8px;
  left: 0;
} */

.search-label {
  color: #7d7d7d;
}

.search-option>p {
  float: left;
  ;
  background: url(../img/slibrary/choose.png) 6px center no-repeat;
  padding-left: 24px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #97040c;
}

.search-option .cbk {
  height: 20px;
  line-height: 20px;
  background-position: center;
}

.search-condition {
  margin-bottom: 20px;
}

.search-label label {
  float: left;
  padding: 7px 5px;
  margin-bottom: 10px;
  line-height: 1;
  font-size: 16px;
}

.search-label-category {
  overflow: hidden;
  font-size: 0;
}

.search-label-item {
  overflow: hidden;
}

.search-label-item__category {
  position: relative;
  display: inline-block;
  padding: 7px 20px 7px 10px;
  margin-right: 15px;
  margin-bottom: 10px;
  border: 1px solid #a7a7a7;
  font-size: 14px;
  line-height: 1;
}

.search-label-item__category>p {
  display: inline-block;
  line-height: 1;
  color: #7d7d7d;
  font-size: 14px;
}

.search-label-item__category>i {
  position: absolute;
  right: 5px;
  top: 50%;
  color: #a7a7a7;
  cursor: pointer;
  font-size: 14px;
  transform: translateY(-50%);
}

/* 搜索样式二 */
.icon-collapsed::after {
  content: "+"
}

.icon-expanded::after {
  content: "-"
}

.m-slide-menu {
  width: 213px;
}

.m-slide-menu>ul {
  /* max-height: 420px; */
}

.menu-level1>p {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 40px 0 30px;
  background: #950814;
  cursor: pointer;
}

.menu-level1>ul {
  max-height: 420px;
  overflow-y: auto !important;
}

.menu-level1>p>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}

.menu-level1>p>i {
  position: absolute;
  top: 50%;
  right: 24px;
  color: #ffffff;
  font-size: 12px;
  cursor: pointer;
  transform: translateY(-50%);
}

.menu-level2 {
  position: relative;
}

.menu-level2 .icon {
  position: absolute;
  top: 5px;
  left: 3px;
  width: 28px;
  height: 28px;
  font-size: 20px;
  text-align: center;
  z-index: 2;
}

.menu-level2>p {
  display: flex;
  position: relative;
  height: 35px;
  line-height: 35px;
  padding-left: 32px;
  padding-right: 15px;
  font-size: 16px;
  background: #f9f9f9;
  cursor: default;
}

.menu-level2>p>span:first-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.menu-level2>p:hover {
  background: #e8e8e8;
}

.menu-level2>ul {
  display: none;
}

.menu-level3>p {
  height: 35px;
  line-height: 35px;
  padding-left: 32px;
  padding-right: 15px;
  cursor: default;
  overflow: hidden;
}

.menu-level3>p:hover {
  background: #e8e8e8;
}

.menu-level1 .menu-more {
  position: relative;
  height: 35px;
  line-height: 35px;
  font-size: 12px;

  background: #f9f9f9;
  text-align: center;
  cursor: pointer;
}

.menu-level1 .menu-more>span {
  font-size: 13px;
  color: #8c8c8c;
}

.menu-level1 .menu-more>i {
  display: inline-block;
  position: absolute;
  top: 13px;
  right: 80px;
  color: #373737;
  font-size: 12px;
  transform: scale(0.7);
}

.search-label-item>p {
  display: inline-block;
  font-size: 16px;
}

.search-label-item>p>span {
  margin: 0 5px;
}

.search-cont {
  display: flex;
  vertical-align: top;
  align-items: flex-start;
  /* margin: 0 90px 0 90px; */
}

.search-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 948px;
  margin: 0 auto;
}

.search-slide {
  width: 178px;
  margin-right: 20px;
  border: 1px solid #EDEDED;
}

.search-category {
  width: 178px;
}

.search-category .m-slide-menu {
  width: 178px;

}

.search-category .m-slide-menu ul {
  overflow-y: auto;
}

.search-category .m-slide-menu ul::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: transparent;
}

/*定义滚动条的轨道，内阴影及圆角*/

.search-category .m-slide-menu ul::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  border-radius: 20px;
  background-color: transparent;
}

/*定义滑块，内阴影及圆角*/

.search-category .m-slide-menu ul::-webkit-scrollbar-thumb {
  /*width: 10px;*/
  height: 26px;
  border-radius: 30px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #c5c5c5;
}

.search-category .menu-level1>p {
  display: flex;
  height: 30px;
  padding: 0 30px 0 15px;
  line-height: 30px;
  background: transparent;
  overflow: hidden;
}

.search-category .menu-level1>p:hover>span {
  color: #97040c;
}

.search-category .menu-level1>p>span {
  font-weight: 400;
  font-size: 14px;
  color: #171717;
}

.search-category .menu-level1>p>i {
  display: flex;
  width: 20px;
  height: 20px;
  right: 7px;
  color: #171717;
  align-items: center;
  justify-content: center;
}

.search-category .menu-level1>ul {
  overflow: hidden !important;
}

.search-category .menu-level2>p {
  position: relative;
  padding-left: 25px;
  padding-right: 30px;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
}


.search-category .menu-level2>p:hover {
  color: #97040c;
}

.search-category .menu-level2>p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #4f4f4f;
  transform: translateY(-50%);
}

.search-category .menu-level2 .icon {
  display: flex;
  top: 17px;
  left: auto;
  right: 7px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  transform: translateY(-50%);
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.search-category .menu-level2 .icon.icon-collapsed::after {
  content: "\e905";
}

.search-category .menu-level2 .icon.icon-expanded::after {
  content: "\e909";
}

.search-category .menu-level3>p {
  position: relative;
  padding-left: 35px;
  font-size: 13px;
  color: #818181;
  cursor: pointer;
}

.search-category .menu-level3>p:hover {
  background: transparent;
  color: #97040c;
}

.search-category .menu-level3>p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 26px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #818181;
  transform: translateY(-50%);
}

.search-label .menu-more,
.search-category .menu-more {
  line-height: 30px;
  color: #9E9E9E;
  text-align: center;
}

.search-label .menu-more>i,
.search-category .menu-more>i {
  margin-left: 5px;
  font-size: 12px;
}

.search-history .tit,
.search-visit .tit,
.search-label .tit,
.search-category .tit {
  height: 41px;
  padding-left: 11px;
  line-height: 41px;
  font-size: 16px;
  font-weight: 500;
  color: #2d2d2d;
  background: #f6f6f6;
}

.search-history .cont,
.search-visit .cont,
.search-label .cont,
.search-category .cont {
  padding-bottom: 10px;
  overflow: hidden;

}

.search-label .cont>ul>li>p,
.search-history .cont>ul>li>p,
.search-visit .cont>ul>li>p {
  display: flex;
  overflow: hidden;
  font-size: 14px;
  padding: 5px 15px 5px 20px;
  color: #171717;
  cursor: pointer;
}

.search-label .cont>ul>li>p:hover,
.search-history .cont>ul>li>p:hover,
.search-visit .cont>ul>li>p:hover {
  color: #97040c;
}

.search-history .empty,
.search-visit .empty {
  float: right;
  margin-right: 10px;
  line-height: 1;
  font-size: 12px;
  color: #9E9E9E;
  cursor: pointer;
}

.search-result {
  flex: 1;
}

.search-result .search-tool {
  width: auto;
  border-top: 1px solid #97040C;
}

.search-result .search-note {
  display: flex;
  /* align-items: center; */
  overflow: hidden;
  height: 26px;
  line-height: 26px;
  margin-bottom: 6px;
}

.search-result .search-note .search_hinge_key {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 130px;
  font-size: 16px;
  font-weight: 600;
  color: #C63D3C;
  margin: 0 8px;
}

.search-result .search-note .search_hinge_key_img {
  /* display: none; */
  font-size: 14px;
  color: #C63D3C;
  margin: 0 8px;
}

.search-result .search-note .search_hinge_key_back {
  /* display: none; */
  margin-right: 12px;
  cursor: pointer;
  vertical-align: middle;
}

.search-result .search-note .search_hinge_key_back img {
  vertical-align: middle;
}

.search-result .search-note .again_search_hinge_key {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 130px;
}

.search-result .search-note #resultCnt {
  max-width: 57px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 600;
  color: #B11B1B;
  margin: 0 8px;
}

.search-result .search-note .search-label {
  display: flex;
  align-items: center;
}

.search-result .search-note .search-label label,
.search-result .search-note .search-label .search-label-item__category {
  display: block;
  margin-bottom: 0;
}

.search-result .search-note .search-label .search-label-item__category {
  padding-top: 5px;
  padding-bottom: 5px;
}

.search-result .search-note .search-label label {
  font-size: 14px;
  padding: 0;
}

.search-result .pagination>li>a,
.search-result .pagination>li>span {
  padding: 6px 10px;
  margin: 0 2px;
}

/* 图片 */
.search-result.falls {
  margin-right: -33px;
}

.search-result.falls .search-tool {
  margin-right: 33px;
}

.falls-list {
  margin: 20px auto 0;
}

.falls-sizer {
  width: 25%;
}

.falls-list .falls-item {
  width: 165px;
  margin-bottom: 20px;
  border-radius: 3px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.07);
  -webkit-transition: all 300ms;
  transition: all 300ms;
  margin-right: 25px;
}

.falls-list .falls-item:hover {
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}

.falls-img {
  position: relative;
}

.falls-img img {
  display: block;
}

.falls-tool {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 50px;
  padding: 20px 8px 8px;
  align-items: center;
  justify-content: space-between;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(12%, transparent), to(rgba(0, 0, 0, .3)));
  background-image: -webkit-linear-gradient(top, transparent 12%, rgba(0, 0, 0, .3));
  background-image: linear-gradient(-180deg, transparent 12%, rgba(0, 0, 0, .3));
}

.falls-tool p {
  color: #ffffff;
  text-shadow: rgba(0, 0, 0, 0.3) 1px 1px;
}

.falls-tool i {
  color: #fff;
  cursor: pointer;
}

.falls-title,
.falls-des {
  padding: 5px 8px;
  color: #474747;
}

.falls-des {
  color: #858585;
  border-top: 1px solid #e7e7e7;
  font-size: 12px;
}

.falls-loading {
  display: none;
  width: 150px;
  height: 30px;
  margin: 10px auto 30px;
  line-height: 30px;
  color: #000;
  font-size: 16px;
  text-align: center;
  border-radius: 3px;
  opacity: 0.7;
}
/* 音视频 */
.audiovideo-list{
  display: flex;
  flex-wrap: wrap;
}
.audiovideo-item{
  width: 33.3%;
}
.audiovideo-item>a{
  display: flex;
}

/* 视频 */
.slVideo-list {
  margin-top: 20px;
  margin-right: -33px;
  font-size: 0;
}

.slVideo-item {
  display: inline-block;
  width: 165px;
  margin-bottom: 20px;
  margin-right: 33px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  overflow: hidden;
  transition: all .3s;
  cursor: pointer;
}

.slVideo-item:nth-child(6n+6) {
  margin-right: 0;
}

.slVideo-item.s-slVideo-none .slVideo-img .slVideo-tool p {
  display: none;
}

.slVideo-item:hover {
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}

.slVideo-img {
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
  overflow: hidden;
}

.slVideo-img img {
  height: 100%;
  width: auto;
  max-width: initial;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slVideo-img .slVideo-tool {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 6px 4px;
  color: #ffffff;
  text-align: right;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(12%, transparent), to(rgba(0, 0, 0, .3)));
  background-image: -webkit-linear-gradient(top, transparent 12%, rgba(0, 0, 0, .3));
  background-image: linear-gradient(-180deg, transparent 12%, rgba(0, 0, 0, .3));
}

.slVideo-img .slVideo-tool i {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}

.slVideo-img .slVideo-tool p {
  display: inline-block;
  font-size: 14px;
  padding: 0 6px;
  margin-left: 12px;
  vertical-align: middle;
  background: #000000;
}

.slVideo-title,
.slVideo-des {
  height: 51px;
  padding: 5px 8px;
  color: #474747;
}

.slVideo-title {
  font-size: 14px;
}

.slVideo-des {
  color: #858585;
  border-top: 1px solid #e7e7e7;
  font-size: 12px;
}

/* 音频 */
.slAudio-item {
  cursor: pointer;
}

.slAudio-item:nth-child(2n) {
  background: #F8F8F8;
}

.slAudio-item:hover {
  background: #F0F0F1;
  transition: background 200ms;
}

.slAudio-body {
  display: flex;
  align-items: flex-start;
}

.slAudio-num {
  position: relative;
  width: 48px;
  padding: 14px 0;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
}

.slAudio-title {
  padding: 14px 0 14px 10px;
  flex: 1;
  overflow: hidden;
}

.slAudio-title .des {
  margin-top: 6px;
  color: #858585;
}

.slAudio-time {
  width: 80px;
  padding: 14px 10px 14px 0;
  text-align: right;
}

.slAudio-item:hover .slAudio-num i {
  display: block;
  color: #858585;
}

.slAudio-item:hover .slAudio-num p {
  display: none;
}

.slAudio-item.s-slAudio-none .slAudio-time {
  display: none;
}

.slAudio-item.s-slAudio-none:hover .slAudio-num i {
  display: none;
}

.slAudio-item.s-slAudio-none:hover .slAudio-num p {
  display: block;
}

.slAudio-num i {
  display: none;
  position: absolute;
  right: -5px;
  font-size: 24px;
  /* transition: opacity 100ms; */
}

/*详情页主结构*/

.cx-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cx-main {
  position: relative;
  flex: 7;
  padding: 30px 0;
}

.cx-main-head {
  overflow: hidden;
  /*display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;*/
}

.cx-main-head .cx-main-img {
  float: left;
  width: 580px;
  margin-right: 20px;
}

.cx-main-head .cx-main-img img {
  display: block;
}

.cx-main-head .cx-main-head-cont {
  overflow: hidden;
  position: relative;
  /*width: 521px;*/
}

.cx-main-head .cx-main-head-cont-t {
  margin-bottom: 10px;
  font-size: 24px;
}

.cx-main-head .cx-main-head-cont-des {
  height: 42px;
  line-height: 42px;
  background: #f5f5f5;
  padding-left: 15px;
}

.cx-main-head .cx-main-head-cont-msg {
  color: #8a8a8a;
  margin: 14px 0 66px;
  min-height: 58px;
  height: 60px;
  line-height: 1.5;
  overflow: hidden;
}

.cx-main-body .detail-tab li {
  display: inline-block;
  font-size: 16px;
  padding: 16px 15px;
  margin-right: 15px;
  cursor: pointer;
}

.cx-main-body .detail-tab-cont {
  min-height: 400px;
}

/*
 *头部模块
 *0.header-mobile 移动端头部
 *1.header-style-1  
 *2.header-style-2 
 *3.style-test 46级头部样式 
 *4.header-style-3
 *5.header-style-4
 *6.header-style-5
 *7.header-style-6
 *8.header-style-7
 *
 *
 */

.header-mobile {
  display: none;
}

.header-mobile {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 6px 10px;
  z-index: 4;
}

.header-mobile .header-mobile-back {
  float: left;
  font-size: 30px;
  line-height: 30px;
  /*font-weight: 600;*/
  color: #2a2a2a;
}

.header-mobile .header-mobile-center p {
  position: absolute;
  left: 50%;
  width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transfrom: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transfrom: translateX(-50%);
  transform: translateX(-50%);
  font-size: 16px;
  height: 31px;
  line-height: 31px;
  text-align: center;
}

.header-mobile .header-mobile-right {
  float: right;
}

.header-mobile .header-mobile-right p a {
  color: #65c1f1;
}

.header-mobile .header-mobile-right .header-mobile-right-img i {
  display: block;
  font-size: 30px;
  line-height: 30px;
  cursor: pointer;
  color: #2a2a2a;
  /*font-weight: 600;*/
}

.header-mobile .header-mobile-right .header-mobile-right-img i.icon-share2 {
  font-size: 18px;
}

/*第一版的头部移动端样式，如果更新会删吧*/
.header-phone-head {
  position: relative;
  display: none;
  height: 49px;
  line-height: 49px;
  /*	border-bottom: 1px solid #f3f3f3;*/
  background: #ffffff;
}

.header-phone-search {
  display: none;
  width: 3%;
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
  background: #fff;
}

.header-phone-search .icon-header-search {
  position: absolute;
  left: 24px;
  line-height: 36px;
  font-size: 24px;
  color: #333;
}

.header-phone-search .header-phone-search-input {
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding-left: 40px;
  font-size: 14px;
  /* font-weight: 300; */
  /*border: 1px solid #e5e5e5;*/
  border-radius: 17px;
  background: #eee;
}

.header-phone-logo {
  float: left;
  height: 28px;
  margin-top: 10.5px;
}

.header-phone-logo.mobile-logo{
  height: 41px;
  margin-top: 4px;
}

.header-phone-logo-word {
  height: 30px;
  margin-top: 5px;
}

.header-phone-name {
  overflow: hidden;
  position: absolute;
  left: 50%;
  font-size: 19px;
  font-family: simsun;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
  line-height: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.header-phone-name p {
  display: inline-block;
  max-width: 350px;
  margin-left: 8px;
  height: 49px;
  line-height: 49px;
  overflow: hidden;
}

@media only screen and (max-width: 480px) {
  .header-phone-name p {
    max-width: 140px;
  }
}

.header-phone-ability {
  position: absolute;
  top: 9px;
  right: 10px;
  height: 32px;
  font-size: 0;
}

.header-phone-ability i {
  cursor: pointer;
  font-size: 32px;
}

.header-phone-ability i:active {
  opacity: 0.7;
}



.header.header-style-1 .nav>ul>.more>div {
  padding: 0 25px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;

}

.header.header-style-1 .nav>ul>.more {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

.header.header-style-1 .nav>ul>.more ul {
  display: none;
  position: absolute;
  top: 68px;
  border-radius: 4px 4px 4px 4px;
  overflow: hidden;
}

.header.header-style-1 .nav>ul>.more ul::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  transform: translateX(-8px);
  border: 8px solid #fff;
  border-top-color: transparent;
  border-bottom-color: #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: -6px;
}

.header.header-style-1 .nav>ul>.more:hover ul{
  display: block;

}
.header.header-style-1 .nav>ul>.more li {
  height: 40px;
}
.header.header-style-1 .nav>ul>.more li:nth-child(1) {
  margin-top: 10px;
  border-radius: 4px 4px 0 0;
}
.header.header-style-1 .nav>ul>.more li:last-child{
  border-radius: 0 0 4px 4px;
}

.header.header-style-1 .nav>ul>.more li {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  line-height: 16px;
  padding: 10px 20px;
  background: #FFF;
  white-space: nowrap;
}
.header.header-style-1 .nav>ul>.more>.home{
  color: #FFF;
  transform: translateY(-6px);
  font-size: 32px;
width: 50px;
}
.header {
  position: relative;
  height: auto;
  line-height: none;
  margin-bottom: 0;
  border-bottom: 0;
  z-index: 10;
}

.header-inner {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
}

.header-content {
  position: relative;
  height: 100%;
}

.header.header-style-1 .header-top-bar {
  border-bottom: 1px solid #f3f3f3;
  /* height: 28px; */
  line-height: 27px;
  box-sizing: content-box;
}

.header.header-style-1 .header-top-bar p {
  display: inline-block;
  color: #7d7d7d;
  font-size: 14px;
  line-height: 28px;
}

.header.header-style-1 .header-top-bar-right {
  text-align: right;
  height: 28px;
}

.header.header-style-1 .header-top-bar-right>p {
  font-size: 14px;
  color: #999;
}

.header.header-style-1 .header-content {
  height: 68px;
  line-height: 68px;
}

.header.header-style-1 .logo {
  float: left;

  /* position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); */
}

.header.header-style-1 .logo .logo-img>a {
  display: block;
}

.header.header-style-1 .logo .logo-img p {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  line-height: 1.5;
}

.header.header-style-1 .logo .logo-img img {
  display: inline-block;
  height: 34px;
  vertical-align: middle;
}

.header.header-style-1 .logo-icon {
  display: none;
}

.header.header-style-1 .nav {
  float: left;
  /* position: absolute;
  left: 280px; */
  margin-left: 30px;
  padding-bottom: 0;
  background: transparent;
  z-index: 3;
}

.header.header-style-1 .nav>ul>li {
  position: relative;
  float: left;
  font-size: 16px;
  text-align: center;
}
.header.header-style-1 .nav>ul>li>.header-nav-more{
  position: absolute;
  top: 68px;
  left: 0;
  height: 0;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 0 12px #0000001f;
  z-index: 22;
  background: #fff;
  font-size: 14px;
  line-height: 1.5;
  
}
.header.header-style-1 .nav>ul>li>.header-nav-more>p{
  padding: 10px 20px;
  cursor: pointer;
  word-break: keep-all;
}
.header.header-style-1 .nav>ul>li>.header-nav-more>p:hover{
  color: #50b7ff;
}
.header.header-style-1 .nav>ul>li:hover>.header-nav-more{
  height: auto;
}
.header.header-style-1 .nav>ul>li>a {
  position: relative;
  padding: 0 25px;
  display: block;
  color: #8a8a8a;
}

.header.header-style-1 .nav>ul>li>a>i {
  position: absolute;
  right: 10px;
  top: 26px;
}

.header.header-style-1 .nav>ul>li>a.check-after {
  color: #50b7ff;
  font-weight: 500;
}

.header.header-style-1 .nav>ul>li:hover .nav-dropdown {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.header.header-style-1 .nav .nav-dropdown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 62px;
  left: -18px;
  width: 120px;
  padding-top: 10px;
  -webkit-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  -ms-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}

.header.header-style-1 .nav .nav-dropdown>ul {
  border-radius: 4px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.header.header-style-1 .nav .nav-dropdown>ul>li {
  height: 40px;
  padding: 0 13px;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
  overflow: hidden;
}

.header.header-style-1 .nav .nav-dropdown>ul>li:hover {
  background: #f5f5f5;
}

.header.header-style-1 .nav .nav-dropdown>ul>li>a {
  color: #666;
}

.header.header-style-1 .search {
  position: absolute;
  top: 50%;
  right: 100px;
  -webkit-transition: translateY(-50%);
  -moz-transition: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: right 0.2s ease;
  -moz-transition: right 0.2s ease;
  transition: right 0.2s ease;
  z-index: 11;
}

.header.header-style-1 .search.search-fouseInput .icon-search {
  /* right: 0; */
  /* color: #97040c; */
}

.header.header-style-1 .search.search-fouseInput>input {
  /* width: 380px; */
  background: #ffffff;
}

.header.header-style-1 .search .search-input {
  display: block;
  width: 280px;
  height: 36px;
  line-height: 36px;
  padding-left: 16px;
  padding-right: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  font-size: 14px;
  -webkit-transition: right 0.2s ease;
  -moz-transition: right 0.2s ease;
  transition: width 0.2s ease;
  background: #fafafa;
  /*color: #B2B2B2;*/
}

.header.header-style-1 .search .search-btn {
  position: absolute;
  right: 0;
  width: 50px;
  height: 36px;
  line-height: 36px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: transparent;
  color: #9e9e9e;
  font-size: 22px;
  text-align: center;
}

.header.header-style-1 .search .search-btn:hover {
  color: #50b7ff;
}

.header.header-style-1 .search-slidedown {
  position: absolute;
  top: 45px;
  line-height: 1.5;
  border-radius: 4px;
  padding: 12px 0 6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
}

.header.header-style-1 .cx-hotsearch ul li {
  padding: 4px 10px;
  background: #f5f5f5;
  border-radius: 4px;
  color: #666;
}

.header.header-style-1 .cx-hotsearch ul a:hover li {
  color: #2a75ed;
}

.header.header-style-1 .cx-hotsearch>p {
  margin: 0 24px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-1 .cx-hotsearch>ul {
  margin: 9px 21px 0;
}

.header.header-style-1 .cx-historysearch>p {
  height: auto;
  margin: 0 24px;
  padding-bottom: 8px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-1 .cx-historysearch>ul {
  margin: 0 10px;
}

.header.header-style-1 .cx-historysearch>ul>li {
  padding: 6px 14px;
  color: #333333;
  border-radius: 4px;
  font-size: 14px;
}

.header.header-style-1 .cx-historysearch>ul>li:hover {
  background: #f5f5f5;
  font-size: 14px;
}

.header.header-style-1 .cx-historysearch ul li i {
  font-size: 18px;
  font-weight: 600;
  transform: translateY(1px);
}

.header.header-style-1 .login {
  position: absolute;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease,
    -webkit-transform 0.3s ease;
  z-index: 11;
}

.header.header-style-1 .login.login-fouseInput {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.header.header-style-1 .loginItem>span {
  color: #9e9e9e;
}

.header.header-style-1 .loginItem>a {
  color: #9e9e9e;
}

.header.header-style-1 .loginItem>a:hover {
  color: #50b7ff;
}

.header.header-style-1 .loginItem-user {
  cursor: pointer;
}

.loginItem-user-info {
  display: none;
}

.header.header-style-1 .loginItem-user>img {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-top: -5px;
  border-radius: 50%;
  vertical-align: middle;
}

.header.header-style-1 .loginItem-user>i {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #9e9e9e;
  vertical-align: middle;
  transform: scale(0.8);
}

.header.header-style-1 .loginItem:hover .loginItem-user>.icon-arrow-down {
  transform: rotate(-180deg) scale(0.8);
  transition: all 0.3s;
}

.header.header-style-1 .loginItem:hover .loginItem-dropdown {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.header.header-style-1 .loginItem-dropdown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 62px;
  left: -50px;
  width: 160px;
  padding-top: 10px;
  line-height: 1.5;
  z-index: 10;
}

.header.header-style-1 .loginItem-dropdown>ul {
  border-radius: 4px;
  background: #ffffff;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.header.header-style-1 .loginItem-dropdown>ul>li {
  height: 40px;
  padding: 0 13px;
  line-height: 40px;
  cursor: pointer;
}

.header.header-style-1 .loginItem-dropdown>ul>li>a {
  display: block;
  color: #666;
}

.header.header-style-1 .loginItem-dropdown>ul>li:hover {
  background: #f5f5f5;
}

.header.header-style-1 .header-bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  top: 28px;
  height: 68px;
  overflow: hidden;
}

.header.header-style-1 .header-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/**/




.header.header-style-2 .header-content {
  position: relative;
  height: 120px;
}

.header.header-style-2 .header-content .logo {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1;
}

.header.header-style-2 .logo .logo-img img {
  display: inline-block;
  height: 34px;
  vertical-align: middle;
}

.header.header-style-2 .logo .logo-img p {
  display: inline-block;
  font-size: 22px;
  vertical-align: middle;
}

.header.header-style-2 .logo-icon {
  display: none;
}

.header.header-style-2 .search {
  display: table;
  position: absolute;
  top: 40px;
  left: 276px;
  width: 620px;
  height: 40px;
  border: 1px solid #2a75ed;
  border-radius: 4px;
}

.header.header-style-2 .search .search-classify {
  display: table-cell;
  position: absolute;
  left: 0;
  text-align: center;
  z-index: 2;
}

.header.header-style-2 .search .search-classify>div {
  position: relative;
  border-right: 1px solid #2a75ed;
  width: 116px;
  line-height: 38px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
}

.header.header-style-2 .search .search-classify>div .icon-arrow-down {
  position: absolute;
  top: 38%;
  right: 8px;
  font-size: 12px;
  transform: scale(0.8);
}

.header.header-style-2 .search-slidedown {
  position: absolute;
  top: 45px;
  line-height: 1.5;
  border-radius: 4px;
  padding: 12px 0 6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
}

.header.header-style-2 .cx-hotsearch ul li {
  padding: 4px 10px;
  background: #f5f5f5;
  border-radius: 4px;
  color: #666;
}

.header.header-style-2 .cx-hotsearch ul a:hover li {
  color: #2a75ed;
}

.header.header-style-2 .cx-hotsearch>p {
  margin: 0 24px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-2 .cx-hotsearch>ul {
  margin: 9px 21px 0;
}

.header.header-style-2 .cx-historysearch>p {
  height: auto;
  margin: 0 24px;
  padding-bottom: 8px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-2 .cx-historysearch>ul {
  margin: 0 10px;
}

.header.header-style-2 .cx-historysearch>ul>li {
  padding: 6px 14px;
  color: #333333;
  border-radius: 4px;
  font-size: 14px;
}

.header.header-style-2 .cx-historysearch>ul>li:hover {
  background: #f5f5f5;
  font-size: 14px;
}

.header.header-style-2 .cx-historysearch ul li i {
  font-size: 18px;
  font-weight: 600;
  transform: translateY(1px);
}

.header.header-style-2 .search .search-classify .dropdown-menu {
  display: none;
  padding-top: 7px;
  border-right: 0;
}

.header.header-style-2 .search .search-classify .dropdown-menu>ul {
  overflow: hidden;
  border-radius: 4px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.header.header-style-2 .search .search-classify .dropdown-menu li {
  background: #ffffff;
}

.header.header-style-2 .search .search-input {
  display: block;
  width: 620px;
  height: 38px;
  line-height: 38px;
  padding-left: 30px;
  padding-right: 80px;
  font-size: 14px;
  border-radius: 4px;
}

.header.header-style-2 .search .search-btn {
  display: table-cell;
  right: -1px;
  width: 60px;
  height: 40px;
  line-height: 40px;
  background: #2a75ed;
  color: #ffffff;
  text-align: center;
  /*border-radius: 4px;*/
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.header.header-style-2 .search-des {
  position: absolute;
  top: 88px;
  left: 276px;
  width: 620px;
  overflow: hidden;
  font-size: 12px;
  color: #9e9e9e;
}

.header.header-style-2 .search-des>p {
  line-height: 1;
}

.header.header-style-2 .search-des>p>span {
  margin-right: 20px;
}

.header.header-style-2 .search-des>p>span>a {
  color: #9e9e9e;
}

.header.header-style-2 .search-des>p>span>a:hover {
  color: #2a75ed;
}

.header.header-style-2 .login {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.header.header-style-2 .loginItem-user>img {
  width: 36px;
  height: 36px;
  margin-top: -5px;
  border-radius: 50%;
  vertical-align: middle;
}

.header.header-style-2 .loginItem-user>i {
  display: inline-block;
  font-size: 12px;
  color: #9e9e9e;
  vertical-align: middle;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header.header-style-2 .loginItem:hover .loginItem-user>.icon-arrow-down {
  -webkit-transform: rotate(-180deg) scale(0.8);
  transform: rotate(-180deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header.header-style-2 .loginItem-dropdown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translate(0);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 30px;
  left: -50px;
  width: 160px;
  padding-top: 30px;
  line-height: 1.5;
  z-index: 10;
}

.header.header-style-2 .loginItem:hover .loginItem-dropdown {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.header.header-style-2 .loginItem-dropdown>ul {
  border-radius: 4px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.header.header-style-2 .loginItem-dropdown>ul>li {
  height: 40px;
  padding: 0 13px;
  line-height: 40px;
  cursor: pointer;
}

.header.header-style-2 .loginItem-dropdown>ul>li:hover {
  background: #f5f5f5;
}

.header.header-style-2 .loginItem-dropdown>ul>li:active {
  background: #f1f1f1;
}

.header-style-2 nav {
  background: #2a75ed;
}

.header-style-2 nav .container {
  background: transparent;
}

.header-style-2 nav .container .row {
  height: 40px;
}

.header-style-2 nav .container .nav {
  display: inline-block;
  padding: 0;
  margin-left: 276px;
  background: transparent;
}

.header-style-2 nav .container .nav>ul>li {
  float: left;
  height: 40px;
  line-height: 40px;
}

.header-style-2 nav .container .nav>ul>li>a {
  display: block;
  padding: 0 46px;
  color: #ffffff;
  font-size: 16px;
}

.header-style-2 nav .container .nav>ul>li>a.check-after {
  background: #215ebe;
}

.header.header-style-3 .header-content {
  position: relative;
  height: 120px;
}

.header.header-style-3 .header-content .logo {
  position: absolute;
  z-index: 2;
  left: 50%;
  margin-left: -600px;
  top: 31px;
  background-color: transparent;
}

.header.header-style-3 .logo .logo-img img {
  display: inline-block;
  height: 56px;
  vertical-align: middle;
}

.header.header-style-3 .logo .logo-img p {
  display: inline-block;
  font-size: 22px;
  vertical-align: middle;
}

.header.header-style-3 .logo-icon {
  display: none;
}

.header.header-style-3 .search {
  position: relative;
  display: flex;
  height: 120px;
  align-items: center;
}

.header.header-style-3 .search .search-input::placeholder {
  color: #263a56;
}

.header.header-style-3 .search i {
  color: #263a56;
}

.header.header-style-3 .search .search-classify {
  display: table-cell;
  position: absolute;
  left: 0;
  text-align: center;
  z-index: 2;
}

.header.header-style-3 .search .search-classify>div {
  position: relative;
  border-right: 1px solid #2a75ed;
  width: 116px;
  line-height: 38px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
}

.header.header-style-3 .search .search-classify>div .icon-arrow-down {
  position: absolute;
  top: 38%;
  right: 8px;
  font-size: 12px;
  transform: scale(0.8);
}

.header.header-style-3 .search-slidedown {
  position: absolute;
  top: 45px;
  line-height: 1.5;
  border-radius: 4px;
  padding: 12px 0 6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
}

.header.header-style-3 .cx-hotsearch ul li {
  padding: 4px 10px;
  background: #f5f5f5;
  border-radius: 4px;
  color: #666;
}

.header.header-style-3 .cx-hotsearch ul a:hover li {
  color: #2a75ed;
}

.header.header-style-3 .cx-hotsearch>p {
  margin: 0 24px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-3 .cx-hotsearch>ul {
  margin: 9px 21px 0;
}

.header.header-style-3 .cx-historysearch>p {
  height: auto;
  margin: 0 24px;
  padding-bottom: 8px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-3 .cx-historysearch>ul {
  margin: 0 10px;
}

.header.header-style-3 .cx-historysearch>ul>li {
  padding: 6px 14px;
  color: #333333;
  border-radius: 4px;
  font-size: 14px;
}

.header.header-style-3 .cx-historysearch>ul>li:hover {
  background: #f5f5f5;
  font-size: 14px;
}

.header.header-style-3 .cx-historysearch ul li i {
  font-size: 18px;
  font-weight: 600;
  transform: translateY(1px);
}

.header.header-style-3 .search .search-classify .dropdown-menu {
  display: none;
  padding-top: 7px;
  border-right: 0;
}

.header.header-style-3 .search .search-classify .dropdown-menu>ul {
  overflow: hidden;
  border-radius: 4px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.header.header-style-3 .search .search-classify .dropdown-menu li {
  background: #ffffff;
}

.header.header-style-3 .search .search-input {
  width: 174px;
  height: 27px;
  line-height: 27px;
  border: 1px solid #263a56;
  padding-left: 26px;
  border-radius: 16px;
}

.header.header-style-3 .search-des {
  position: absolute;
  top: 88px;
  left: 276px;
  width: 620px;
  overflow: hidden;
  font-size: 12px;
  color: #9e9e9e;
}

.header.header-style-3 .search-des>p {
  line-height: 1;
}

.header.header-style-3 .search-des>p>span {
  margin-right: 20px;
}

.header.header-style-3 .search-des>p>span>a {
  color: #9e9e9e;
}

.header.header-style-3 .search-des>p>span>a:hover {
  color: #2a75ed;
}

.header.header-style-3 .login {
  display: flex;
  height: 120px;
  align-items: center;
  margin-left: 24px;
}

.header.header-style-3 .loginItem {
  position: relative;
}

.header.header-style-3 .loginItem-user>img {
  width: 36px;
  height: 36px;
  margin-top: -5px;
  border-radius: 50%;
  vertical-align: middle;
}

.header.header-style-3 .loginItem-user>i {
  display: inline-block;
  font-size: 12px;
  color: #9e9e9e;
  vertical-align: middle;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header.header-style-3 .loginItem:hover .loginItem-user>.icon-arrow-down {
  -webkit-transform: rotate(-180deg) scale(0.8);
  transform: rotate(-180deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header.header-style-3 .loginItem-dropdown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translate(0);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 30px;
  left: -50px;
  width: 160px;
  padding-top: 30px;
  line-height: 1.5;
  z-index: 10;
}

.header.header-style-3 .loginItem:hover .loginItem-dropdown {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.header.header-style-3 .loginItem-dropdown>ul {
  border-radius: 4px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.header.header-style-3 .loginItem-dropdown>ul>li {
  height: 40px;
  padding: 0 13px;
  line-height: 40px;
  cursor: pointer;
}

.header.header-style-3 .loginItem-dropdown>ul>li:hover {
  background: #f5f5f5;
}

.header.header-style-3 .loginItem-dropdown>ul>li:active {
  background: #f1f1f1;
}

.header-style-3 nav {
  background: #3c54b7;
}

.header-style-3 nav ul li {
  width: auto;
}

.header-style-3 nav .container {
  background: transparent;
  overflow: hidden;
}

.header-style-3 nav .container .row {
  height: 40px;
}

.header-style-3 nav .container .nav {
  display: inline-block;
  padding: 0;
  background: transparent;
}

.header-style-3 nav .container .nav>ul>li {
  float: left;
  height: 40px;
  line-height: 40px;
  font-weight: 500;
}

.header-style-3 nav .container .nav>ul>li>a {
  display: block;
  padding: 0 46px;
  color: #ffffff;
  font-size: 16px;
}

.header-style-3 nav .container .nav>ul>li>a.check-after {
  background: #2d4299;
}

.header-style-4 .header-content {
  height: 108px;
}

.header-style-4 .logo {
  float: left;
  padding-top: 14px;
}

.header-style-4 .logo-icon {
  display: none;
}

.header-style-4 .search {
  border: 2px solid #e20a17;
  height: 38px;
  margin: 35px 25px auto auto;
  width: 396px;
}

.header-style-4 .search .search-input {
  float: left;
  width: 322px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
}

.header-style-4 .search .search-button {
  background: #e20a17;
  color: #FFF;
  font-size: 15px;
  width: 70px;
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  float: right;
}

.header-style-4 .login {
  display: flex;
  align-items: center;
  height: 108px;
}

.header-style-4 .loginItem {
  position: relative;
  max-height: 50px;
}

.header-style-4 .loginItem-user>img {
  width: 28px;
  height: 28px;
  margin-top: -5px;
  border-radius: 50%;
  vertical-align: middle;
}

.header-style-4 .loginItem-user>svg {
  width: 30px;
}

.header-style-4 .loginItem-user>i {
  display: inline-block;
  font-size: 12px;
  color: #9e9e9e;
  vertical-align: middle;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-style-4 .loginItem:hover .loginItem-user>.icon-arrow-down {
  -webkit-transform: rotate(-180deg) scale(0.8);
  transform: rotate(-180deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-style-4 .loginItem-dropdown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translate(0);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 30px;
  left: -50px;
  width: 160px;
  padding-top: 30px;
  line-height: 1.5;
  z-index: 10;
}

.header-style-4 .loginItem:hover .loginItem-dropdown {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.header-style-4 .loginItem-dropdown>ul {
  border-radius: 4px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.header-style-4 .loginItem-dropdown>ul>li {
  height: 40px;
  padding: 0 13px;
  line-height: 40px;
  cursor: pointer;
}

.header-style-4 .loginItem-dropdown>ul>li:hover {
  background: #f5f5f5;
}

.header-style-4 .loginItem-dropdown>ul>li:active {
  background: #f1f1f1;
}

.header-style-4 nav {
  height: 48px;
  background: #e20a17;
}

.header-style-4 nav .container {
  background: #e20a17;
}

.header-style-4 nav .container .nav {
  background: #e20a17;
  padding: 0;
}

.header-style-4 nav .container .nav ul {
  display: flex;
  justify-content: space-between;
}

.header-style-4 nav .container .nav ul li {
  width: 200px;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  margin: 0 10px
}

.header-style-4 nav .container .nav ul li a {
  color: #fff;
  display: block;
}

.header-style-4 nav .container .nav ul li a:hover {
  background: #ae0d17;
}

.header-style-4 nav .container .nav ul li a.check-after {
  background: #ae0d17;
}

.header.header-style-5 .header-top-bar {
  border-bottom: 1px solid #f3f3f3;
  height: 28px;
  line-height: 28px;
  box-sizing: content-box;
}

.header.header-style-5 .header-top-bar p {
  display: inline-block;
  color: #7d7d7d;
  font-size: 12px;
  line-height: 28px;
}

.header.header-style-5 .header-content {
  height: 200px;
  line-height: 64px;
}

.header.header-style-5 .logo {
  float: left;
}

.header.header-style-5 .logo .logo-img>a {
  display: block;
  font-size: 0;
}

.header.header-style-5 .logo .logo-img p {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  line-height: 1.5;
}

.header.header-style-5 .logo .logo-img img {
  display: inline-block;
  height: 64px;
  vertical-align: middle;
}

.header.header-style-5 .logo-icon {
  display: none;
}

.header.header-style-5 .nav {
  float: left;
  margin-left: 30px;
  padding-bottom: 0;
  background: transparent;
  z-index: 3;
}

.header.header-style-5 .nav>ul>li {
  position: relative;
  float: left;
  font-size: 16px;
  text-align: center;
}

.header.header-style-5 .nav>ul>li>a {
  position: relative;
  padding: 0 25px;
  display: block;
  color: #8a8a8a;
}

.header.header-style-5 .nav>ul>li>a>i {
  position: absolute;
  right: 10px;
  top: 26px;
}

.header.header-style-5 .nav>ul>li>a.check-after {
  color: #FE8B3A;
  font-weight: 500;
}

.header.header-style-5 .nav>ul>li:hover .nav-dropdown {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.header.header-style-5 .nav .nav-dropdown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 62px;
  left: -18px;
  width: 120px;
  padding-top: 10px;
  -webkit-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  -ms-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}

.header.header-style-5 .nav .nav-dropdown>ul {
  border-radius: 4px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.header.header-style-5 .nav .nav-dropdown>ul>li {
  height: 40px;
  padding: 0 13px;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
  overflow: hidden;
}

.header.header-style-5 .nav .nav-dropdown>ul>li:hover {
  background: #f5f5f5;
}

.header.header-style-5 .nav .nav-dropdown>ul>li>a {
  color: #666;
}

.header.header-style-5 .search {
  position: absolute;
  z-index: 11;
  top: 64px;
  width: 100%;
  height: 136px;
  right: auto;
}

.header.header-style-5 .search.search-fouseInput>input {
  background: #ffffff;
}

.header.header-style-5 .search .search-input {
  display: block;
  padding-left: 16px;
  padding-right: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  font-size: 14px;
  -webkit-transition: right 0.2s ease;
  -moz-transition: right 0.2s ease;
  transition: width 0.2s ease;
  background: #fafafa;
  width: 932px;
  margin-top: 40px;
  height: 56px;
  line-height: 56px;
  margin-left: 134px;
}

.header.header-style-5 .search .search-btn {
  position: absolute;
  height: 36px;
  line-height: 36px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: transparent;
  text-align: center;
  right: 150px;
  font-size: 32px;
  color: #000;
  width: auto;
}

.header.header-style-5 .search .search-btn:hover {
  color: #FE8B3A;
}

.header.header-style-5 .search-slidedown {
  position: absolute;
  line-height: 1.5;
  border-radius: 4px;
  padding: 12px 0 6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  top: 96px;
  margin-left: 134px;
  width: 932px;
}

.header.header-style-5 .cx-hotsearch ul li {
  padding: 4px 10px;
  background: #f5f5f5;
  border-radius: 4px;
  color: #666;
}

.header.header-style-5 .cx-hotsearch ul a:hover li {
  color: #FE8B3A;
}

.header.header-style-5 .cx-hotsearch>p {
  margin: 0 24px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-5 .cx-hotsearch>ul {
  margin: 9px 21px 0;
}

.header.header-style-5 .cx-historysearch>p {
  height: auto;
  margin: 0 24px;
  padding-bottom: 8px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-5 .cx-historysearch>ul {
  margin: 0 10px;
}

.header.header-style-5 .cx-historysearch>ul>li {
  padding: 6px 14px;
  color: #333333;
  border-radius: 4px;
  font-size: 14px;
}

.header.header-style-5 .cx-historysearch>ul>li:hover {
  background: #f5f5f5;
  font-size: 14px;
}

.header.header-style-5 .cx-historysearch ul li i {
  font-size: 18px;
  font-weight: 600;
  transform: translateY(1px);
}

.header.header-style-5 .login {
  position: absolute;
  right: 0px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease,
    -webkit-transform 0.3s ease;
  z-index: 11;
}

.header.header-style-5 .login.login-fouseInput {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.header.header-style-5 .loginItem>span {
  color: #9e9e9e;
}

.header.header-style-5 .loginItem>a {
  color: #9e9e9e;
}

.header.header-style-5 .loginItem>a:hover {
  color: #FE8B3A;
}

.header.header-style-5 .loginItem-user {
  cursor: pointer;
}

.header.header-style-5 .loginItem-user>img {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-top: -5px;
  border-radius: 50%;
  vertical-align: middle;
}

.header.header-style-5 .loginItem-user>i {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #9e9e9e;
  vertical-align: middle;
  transform: scale(0.8);
}

.header.header-style-5 .loginItem:hover .loginItem-user>.icon-arrow-down {
  transform: rotate(-180deg) scale(0.8);
  transition: all 0.3s;
}

.header.header-style-5 .loginItem:hover .loginItem-dropdown {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.header.header-style-5 .loginItem-dropdown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  line-height: 1.5;
  z-index: 10;
  padding-top: 0;
  width: 96px;
  left: -20px;
  top: 64px;
}

.header.header-style-5 .loginItem-dropdown>ul {
  border-radius: 0;
  background: #ffffff;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.header.header-style-5 .loginItem-dropdown>ul>li {
  height: 40px;
  padding: 0 13px;
  line-height: 40px;
  cursor: pointer;
}

.header.header-style-5 .loginItem-dropdown>ul>li>a {
  display: block;
  color: #FE8B3A;
  font-size: 14px;
  text-align: center;
}

.header.header-style-5 .loginItem-dropdown>ul>li:hover {
  background: #FE8B3A;
}

.header.header-style-5 .loginItem>a:hover {
  color: #FE8B3A;
}

.header.header-style-5 .nav>ul>li>a.check-after {
  color: #FE8B3A;
}

.header.header-style-5 .header-bg {
  position: absolute;
  top: 64px;
  left: 0;
  width: 1920px;
  height: 136px;
}

.header.header-style-5>.container {
  background: transparent;
}

.header.header-style-5 .loginItem-dropdown>ul>li:hover a {
  color: #fff;
}

.header.header-style-5 .serve {
  position: absolute;
  right: 200px;
  width: 96px;
  font-size: 16px;
  color: #8a8a8a;
  text-align: center;
}

.header.header-style-5 .serve.check-after {
  color: #FE8B3A;
}

.header.header-style-5 .serve.check-after>p {
  position: relative;
  display: inline-block;
}

.header.header-style-5 .serve.check-after>p::before {
  content: '';
  width: 100%;
  height: 3px;
  background: #FF8536;
  position: absolute;
  bottom: 10px;
  left: 0;
}

.header.header-style-5 .serve:hover>ul {
  display: block;
}

.header.header-style-5 .serve>ul {
  display: none;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(102, 102, 102, 0.2);
  position: relative;
  z-index: 12;
}

.header.header-style-5 .serve>ul>li {
  height: 32px;
  line-height: 32px;
}

.header.header-style-5 .serve>ul>li>a {
  color: #FE8B3A;
  height: 32px;
  line-height: 32px;
  width: 100%;
  height: 100%;
  display: inline-block;
  font-size: 14px;
}

.header.header-style-5 .serve>ul>li>a:hover {
  background: #FE8B3A;
  color: #fff;
}

.header.header-style-6 .header-top-bar {
  border-bottom: 1px solid #f3f3f3;
  height: 28px;
  line-height: 27px;
  box-sizing: content-box;
}

.header.header-style-6 .header-top-bar p {
  display: inline-block;
  color: #7d7d7d;
  font-size: 12px;
  line-height: 28px;
}

.header.header-style-6 .header-top-bar-right {
  text-align: right;
}

.header.header-style-6 .header-top-bar-right>p {
  font-size: 14px;
  color: #999;
}

.header.header-style-6 .header-content {
  height: 102px;
  /* line-height: 68px; */
}

.header.header-style-6 .logo {
  float: left;

  /* position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); */
}

.header.header-style-6 .logo .logo-img>a {
  display: block;
}

.header.header-style-6 .logo .logo-img p {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  line-height: 1.5;
}

.header.header-style-6 .logo .logo-img img {
  display: inline-block;
  height: 66px;
  vertical-align: middle;
  margin-top: 22px;
}

.header.header-style-6 .logo-icon {
  display: none;
}

.header.header-style-6 .nav {
  float: left;
  /* position: absolute;
  left: 280px; */
  margin-left: 30px;
  padding-bottom: 0;
  background: transparent;
  z-index: 3;
}

.header.header-style-6 .nav>ul>li {
  position: relative;
  float: left;
  font-size: 16px;
  text-align: center;
}

.header.header-style-6 .nav>ul>li>a {
  position: relative;
  padding: 0 25px;
  display: block;
  color: #8a8a8a;
}

.header.header-style-6 .nav>ul>li>a>i {
  position: absolute;
  right: 10px;
  top: 26px;
}

.header.header-style-6 .nav>ul>li>a.check-after {
  color: #50b7ff;
  font-weight: 500;
}

.header.header-style-6 .nav>ul>li:hover .nav-dropdown {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.header.header-style-6 .nav .nav-dropdown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 62px;
  left: -18px;
  width: 120px;
  padding-top: 10px;
  -webkit-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  -ms-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}

.header.header-style-6 .nav .nav-dropdown>ul {
  border-radius: 4px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.header.header-style-6 .nav .nav-dropdown>ul>li {
  height: 40px;
  padding: 0 13px;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
  overflow: hidden;
}

.header.header-style-6 .nav .nav-dropdown>ul>li:hover {
  background: #f5f5f5;
}

.header.header-style-6 .nav .nav-dropdown>ul>li>a {
  color: #666;
}

.header.header-style-6 .search {
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transition: translateY(-50%);
  -moz-transition: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: right 0.2s ease;
  -moz-transition: right 0.2s ease;
  transition: right 0.2s ease;
  z-index: 11;
}

.header.header-style-6 .search.search-fouseInput .icon-search {
  /* right: 0; */
  /* color: #97040c; */
}

.header.header-style-6 .search.search-fouseInput>input {
  /* width: 380px; */
  background: #ffffff;
}

.header.header-style-6 .search .search-input {
  display: block;
  width: 510px;
  height: 42px;
  line-height: 42px;
  /* padding-left: 16px; */
  /* padding-right: 50px; */
  padding: 0 20px;
  border: 2px solid #E1251B;
  /* border-radius: 4px; */
  font-size: 14px;
  -webkit-transition: right 0.2s ease;
  -moz-transition: right 0.2s ease;
  transition: width 0.2s ease;
  background: #fafafa;
  /*color: #B2B2B2;*/
  color: #666;
  background-color: #fff;
}

.header.header-style-6 .search .search-btn {
  position: absolute;
  right: 0;
  width: 64px;
  height: 42px;
  line-height: 42px;
  /* border-top-right-radius: 4px; */
  /* border-bottom-right-radius: 4px; */
  background: transparent;
  color: #fff;
  font-size: 24px;
  text-align: center;
  background: #E1251B;
}

.header.header-style-6 .search .search-btn:hover {
  /* color: #50b7ff; */
}

.header.header-style-6 .search-slidedown {
  position: absolute;
  top: 45px;
  line-height: 1.5;
  border-radius: 4px;
  padding: 12px 0 6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
}

.header.header-style-6 .cx-hotsearch ul li {
  padding: 4px 10px;
  background: #f5f5f5;
  border-radius: 4px;
  color: #666;
}

.header.header-style-6 .cx-hotsearch ul a:hover li {
  color: #2a75ed;
}

.header.header-style-6 .cx-hotsearch>p {
  margin: 0 24px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-6 .cx-hotsearch>ul {
  margin: 9px 21px 0;
}

.header.header-style-6 .cx-historysearch>p {
  height: auto;
  margin: 0 24px;
  padding-bottom: 8px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-6 .cx-historysearch>ul {
  margin: 0 10px;
}

.header.header-style-6 .cx-historysearch>ul>li {
  padding: 6px 14px;
  color: #333333;
  border-radius: 4px;
  font-size: 14px;
}

.header.header-style-6 .cx-historysearch>ul>li:hover {
  background: #f5f5f5;
  font-size: 14px;
}

.header.header-style-6 .cx-historysearch ul li i {
  font-size: 18px;
  font-weight: 600;
  transform: translateY(1px);
}

.header.header-style-6 .login {
  position: absolute;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease,
    -webkit-transform 0.3s ease;
  z-index: 11;
}

.header.header-style-6 .login.login-fouseInput {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.header.header-style-6 .loginItem>span {
  color: #9e9e9e;
}

.header.header-style-6 .loginItem>a {
  color: #9e9e9e;
}

.header.header-style-6 .loginItem>a:hover {
  color: #50b7ff;
}

.header.header-style-6 .loginItem-user {
  cursor: pointer;
}

.header.header-style-6 .loginItem-user>img {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-top: -5px;
  border-radius: 50%;
  vertical-align: middle;
}

.header.header-style-6 .loginItem-user>i {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #9e9e9e;
  vertical-align: middle;
  transform: scale(0.8);
}

.header.header-style-6 .loginItem:hover .loginItem-user>.icon-arrow-down {
  transform: rotate(-180deg) scale(0.8);
  transition: all 0.3s;
}

.header.header-style-6 .loginItem:hover .loginItem-dropdown {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.header.header-style-6 .loginItem-dropdown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 62px;
  left: -50px;
  width: 160px;
  padding-top: 10px;
  line-height: 1.5;
  z-index: 10;
}

.header.header-style-6 .loginItem-dropdown>ul {
  border-radius: 4px;
  background: #ffffff;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.header.header-style-6 .loginItem-dropdown>ul>li {
  height: 40px;
  padding: 0 13px;
  line-height: 40px;
  cursor: pointer;
}

.header.header-style-6 .loginItem-dropdown>ul>li>a {
  display: block;
  color: #666;
}

.header.header-style-6 .loginItem-dropdown>ul>li:hover {
  background: #f5f5f5;
}

.header.header-style-6 .header-top {
  height: 36px;
  line-height: 36px;
  background: rgba(240, 240, 240, 0.8);
  font-size: 12px;
  color: #777;
  position: relative;
  z-index: 999;
}

.header.header-style-6 .header-top .container {
  background: transparent;
}

.header.header-style-6 .header-top .container .row {
  display: flex;
  justify-content: flex-end;
}

.header.header-style-6 .header-top .container .row .login>p {
  cursor: pointer;
  margin-left: 15px;
}

.header.header-style-6 .header-top .container .row .login>p::before {
  content: '|';
  margin-right: 15px;
  color: #ddd;
}

.header.header-style-6 .login {
  position: relative;
  top: 0;
  right: 0;
  display: flex;
}

.header.header-style-6 .loginItem-user>img {
  height: 20px;
  width: 20px;
}

.header.header-style-6 .loginItem-dropdown {
  top: 36px;
}

.header.header-style-6 .loginItem {
  display: flex;
}

.header.header-style-6 .loginItem .login-button {
  width: 58px;
  height: 26px;
  border-radius: 2px;
  border: 1px solid #E1251B;
  color: #E1251B;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  margin: 5px 0 0 16px;
}


.header.header-style-7 .header-top-bar {
  border-bottom: 1px solid #f3f3f3;
  height: 28px;
  line-height: 27px;
  box-sizing: content-box;
}

.header.header-style-7 .header-top-bar p {
  display: inline-block;
  color: #7d7d7d;
  font-size: 12px;
  line-height: 28px;
}

.header.header-style-7 .header-top-bar-right {
  text-align: right;
}

.header.header-style-7 .header-top-bar-right>p {
  font-size: 14px;
  color: #999;
}

.header.header-style-7 .header-content {
  height: 109px;
  /* line-height: 68px; */
}

.header.header-style-7 .logo {
  float: left;

  /* position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); */
}

.header.header-style-7 .logo .logo-img>a {
  display: block;
}

.header.header-style-7 .logo .logo-img p {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  line-height: 1.5;
}

.header.header-style-7 .logo .logo-img img {
  display: inline-block;
  height: 100px;
  vertical-align: middle;
}

.header.header-style-7 .logo-icon {
  display: none;
}

.header.header-style-7 .nav {
  background: transparent;
  padding: 0;
  font-size: 14px;
  color: #fff;
}

.header.header-style-7 .nav ul {
  display: flex;
}

.header.header-style-7 .nav ul li {
  position: relative;
}

.header.header-style-7 .nav ul li::before {
  content: '';
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.3);
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 0;
}

.header.header-style-7 .nav ul li:last-child::after {
  content: '';
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.3);
  display: inline-block;
  position: absolute;
  top: 13px;
  right: 0;
}

.header.header-style-7 .nav ul li:hover {
  background-color: #fff;

  font-weight: 400;
}

.header.header-style-7 .nav ul li a {
  color: #fff;
  padding: 0 16px;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.header.header-style-7 .nav ul li:hover a {
  color: #3D2D72;
  font-weight: 600;
}

.header.header-style-7 .search {
  position: absolute;
  top: 56px;
  right: 0px;
  z-index: 11;
  display: flex;
  width: 600px;
  height: 46px;
  border: 2px solid #3D2D72;
}

.header.header-style-7 .search .search-button {
  width: 114px;
  height: 100%;
  background: #3D2D72;
  font-size: 18px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.header.header-style-7 .search.search-fouseInput .icon-search {
  /* right: 0; */
  /* color: #97040c; */
}

.header.header-style-7 .search.search-fouseInput>input {
  /* width: 380px; */
  background: #ffffff;
}

.header.header-style-7 .search .search-input {
  display: block;
  flex: 1;
  height: 100%;
  line-height: 100%;
  /* padding-left: 16px; */
  /* padding-right: 50px; */
  padding: 0 20px;
  /* border-radius: 4px; */
  font-size: 14px;
  -webkit-transition: right 0.2s ease;
  -moz-transition: right 0.2s ease;
  transition: width 0.2s ease;
  background: #fff;
  /*color: #B2B2B2;*/
  color: #666;
}

.header.header-style-7 .search .search-btn {
  position: absolute;
  right: 0;
  width: 64px;
  height: 42px;
  line-height: 42px;
  /* border-top-right-radius: 4px; */
  /* border-bottom-right-radius: 4px; */
  background: transparent;
  color: #fff;
  font-size: 24px;
  text-align: center;
  background: #E1251B;
}

.header.header-style-7 .search .search-btn:hover {
  /* color: #50b7ff; */
}

.header.header-style-7 .search-slidedown {
  position: absolute;
  top: 45px;
  line-height: 1.5;
  border-radius: 4px;
  padding: 12px 0 6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
}

.header.header-style-7 .cx-hotsearch ul li {
  padding: 4px 10px;
  background: #f5f5f5;
  border-radius: 4px;
  color: #666;
}

.header.header-style-7 .cx-hotsearch ul a:hover li {
  color: #2a75ed;
}

.header.header-style-7 .cx-hotsearch>p {
  margin: 0 24px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-7 .cx-hotsearch>ul {
  margin: 9px 21px 0;
}

.header.header-style-7 .cx-historysearch>p {
  height: auto;
  margin: 0 24px;
  padding-bottom: 8px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.header.header-style-7 .cx-historysearch>ul {
  margin: 0 10px;
}

.header.header-style-7 .cx-historysearch>ul>li {
  padding: 6px 14px;
  color: #333333;
  border-radius: 4px;
  font-size: 14px;
}

.header.header-style-7 .cx-historysearch>ul>li:hover {
  background: #f5f5f5;
  font-size: 14px;
}

.header.header-style-7 .cx-historysearch ul li i {
  font-size: 18px;
  font-weight: 600;
  transform: translateY(1px);
}

.header.header-style-7 .login {
  position: absolute;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease,
    -webkit-transform 0.3s ease;
  z-index: 11;
}

.header.header-style-7 .login.login-fouseInput {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.header.header-style-7 .loginItem>span {
  color: #9e9e9e;
}

.header.header-style-7 .loginItem>a {
  color: #9e9e9e;
}

.header.header-style-7 .loginItem>a:hover {
  color: #50b7ff;
}

.header.header-style-7 .loginItem-info {
  background: #fff;
  padding: 14px;
  color: #333;
  font-size: 14px;
}

.header.header-style-7 .loginItem-info p {
  margin-top: 10px;
  white-space: nowrap;
}

.header.header-style-7 .loginItem:hover .loginItem-user {
  background-color: #fff;
  color: #2DA049;
}

.header.header-style-7 .loginItem:hover .loginItem-user>i {
  color: #2DA049;
}

.header.header-style-7 .loginItem:hover .loginItem-user>.icon-arrow-down {
  transform: rotate(-180deg) scale(0.8);
  transition: all 0.3s;
}

.header.header-style-7 .loginItem:hover .loginItem-dropdown {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.header.header-style-7 .loginItem-dropdown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 40px;
  left: 0;
  /* width: 190px; */
  line-height: 1.5;
  z-index: 10;
  box-shadow: 0px 2px 4px 4px rgba(0, 0, 0, 0.03);
  border-radius: 1px;
}

.header.header-style-7 .loginItem-dropdown>ul {
  border-radius: 4px;
  background: #ffffff;
  overflow: hidden;
}

.header.header-style-7 .loginItem-dropdown>ul>li {
  height: 40px;
  padding: 0 13px;
  line-height: 40px;
  cursor: pointer;
  border-top: 1px solid #eee;
}

.header.header-style-7 .loginItem-dropdown>ul>li>a {
  display: block;
  color: #333;
  font-size: 14px;
}

.header.header-style-7 .loginItem-dropdown>ul>li:hover {
  background: #f5f5f5;
}

.header.header-style-7 .header-top {
  height: 40px;
  line-height: 40px;
  background: #3D2D72;
  font-size: 12px;
  color: #777;
  position: relative;
  z-index: 999;
}

.header.header-style-7 .header-top .container {
  background: transparent;
}

.header.header-style-7 .header-top .container .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header.header-style-7 .header-top .container .row .login>p {
  cursor: pointer;
  margin-left: 15px;
}

.header.header-style-7 .header-top .container .row .login>p::before {
  content: '|';
  margin-right: 15px;
  color: #ddd;
}

.header.header-style-7 .login {
  position: relative;
  top: 0;
  right: 0;
  display: flex;
}

.header.header-style-7 .loginItem {
  display: flex;
  position: relative;
}

.header.header-style-7 .loginItem .login-button {
  width: 58px;
  height: 26px;
  border-radius: 2px;
  border: 1px solid #E1251B;
  color: #E1251B;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  margin: 5px 0 0 16px;
}

.header.header-style-7 .loginItem-user {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  padding: 0 14px;
}

.header.header-style-7 .loginItem-user .loginItem-user-img {
  height: 25px;
  width: 25px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 10px;
}

.header.header-style-7 .loginItem-user>i {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #fff;
  vertical-align: middle;
  /* transform: scale(0.8); */
  margin-left: 6px;
}

.header.header-style-7 .loginItem-user>i.icon-arrow-down:before {
  content: "\e969";
}

.header.header-style-7 .loginItem-button {
  font-size: 14px;
  color: #fff;
  margin-left: 15px;
}

.header.header-style-7 .loginItem-button>p {
  cursor: pointer;
}

.header-wk {}

.header-wk.header.header-style-1 .header-bg {
  top: 40px;
}

.header-wk.header.header-style-1 .header-top-bar {
  height: 40px;
}

.header-wk.header.header-style-1 .header-top-bar .row {
  display: flex;
  justify-content: space-between;
}

.header-wk.header.header-style-1 .header-top-bar-right {
  padding-right: 100px;
}

.header-wk.header.header-style-1 .header-top-bar p {
  line-height: 40px;
}

.header-wk.header.header-style-1 .login {
  top: -40px;
  line-height: 40px;
}

.header.header-style-1 .loginItem-dropdown {
  top: 40px;
}

.cx-contentnavigation-banner .swiper-banner {
  max-height: 320px;
}

.header.header-test {
  position: relative;
  height: 97px;
}

.header.header-test .heading {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transfrom: translateY(-50%);
  transform: translateY(-50%);
}

.header.header-test .heading .logo {
  float: left;
  width: 66px;
  height: 66px;
}

.header.header-test .heading .logo img {
  width: 100%;
}

.header.header-test .heading .h {
  position: absolute;
  top: 50%;
  left: 70px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transfrom: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  color: #484848;
  letter-spacing: 1px;
  margin-left: 28px;
}

.header.header-test .login_after,
.header.header-test .login_before {
  float: right;
  height: 100%;
}

.header.header-test .login_after .cet_nav,
.header.header-test .login_before .cet_nav {
  height: 97px;
}

.header.header-test .login_after .cet_nav li,
.header.header-test .login_before .cet_nav li {
  display: inline-block;
  height: 100%;
  text-align: center;
}

.header.header-test .login_after .cet_nav li:nth-child(2n),
.header.header-test .login_before .cet_nav li:nth-child(2n) {
  border-right: 1px solid #f5f5f5;
}

.header.header-test .login_after .cet_nav li a,
.header.header-test .login_before .cet_nav li a {
  display: table;
  height: 100%;
  font-size: 18px;
  line-height: 30px;
  width: 120px;
}

.header.header-test .login_after .cet_nav li span,
.header.header-test .login_before .cet_nav li span {
  display: table-cell;
  vertical-align: middle;
  padding: 4px 0 0 0;
  height: 100%;
  text-align: center;
  font-size: 16px;
}

.header.header-test .login_before .cet_nav li span:hover {
  color: #50b7ff;
}

/*.login_after .cet_nav li span:hover {
	font-size: 25px;
	transition: all .3s;
}*/

.header.header-test .login_after .cet_nav li span {
  font-size: 16px;
}

.header.header-test .login_after .cet_nav li .test_login {
  margin-top: 30px;
  width: 41px;
  height: 41px;
  border-radius: 50%;
}

.header.header-test .login_after .cet_nav li .test_message_i {
  font-size: 12px;
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 17px;
  height: 17px;
  color: #fff;
  background: #e98448;
  padding: 0;
  border-radius: 50%;
}

.test_message {
  position: relative;
}

.login_after .cet_nav li .test_message .test_message_i {
  display: block;
  position: absolute;
  padding: 0;
  top: 15px;
  right: 15px;
  width: 17px;
  height: 17px;
  color: #fff;
  background: #e98448;
  font-size: 12px;
  border-radius: 50%;
}

/*
 * detail旧的详情页（仍在用，新版更新后删）
 * 1. 结构  左  右 
 * 2.左（上中下）
 * 3.右 侧边推荐 
 * 
 * 
 * 
 * */

.details-book {
  /*详情页*/
  height: 216px;
}

.details-audio {
  height: 160px;
}

/*.cx-details-title .cx-details-name {
	float: left;
	font-size: 14px;
	margin-top: 26px;
}

.cx-details-title .cx-details-number {
	float: left;
	margin: 28px 0 0 15px;
}*/

.details-title {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 500;
  font-family: "ECDodds";
  /*min-height: 59px;*/
  line-height: 1.2;
}

.cx-details-button {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.cx-details-button input {
  float: left;
  margin-right: 10px;
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  border-radius: 3px;
}

.cx-details-book-title p {
  text-align: center;
  padding: 15px;
  font-size: 16px;
  color: #333;
}

/* .cx-details-tab .cx-details-tab-title {
	border-bottom: 1px solid #EEEEEE;
} */

/*.cx-details-tab-cont .tab {
	padding: 20px 0;
}*/

.cx-details-more-message p {
  margin-top: 5px;
  font-size: 14px;
  color: #8a8a8a;
}

.cx-details-more-message p span {
  margin-left: 10px;
}

.cx-details-more {
  width: 374px;
  float: right;
}

.cx-details-more-title {
  padding: 9px 20px;
  background: #ffffff;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
}

.cx-details-more {
  position: relative;
}

/*.audio-listimg {
	position: absolute;
	left: -30px;
	font-size: 20px;
}*/
.details-download:hover .details-download-ewm {
  display: block;
}

.details-share:hover .details-share-more {
  display: block;
}

.cx-details-buy,
.cx-details-price {
  display: none;
}

.cx-details-price p {
  background: #ffffff;
}

.details-buy-one,
.details-buy-two,
.details-buy-three {
  overflow: hidden;
  -webkit-box-shadow: 0px -6px 29px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px -6px 29px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px -6px 29px 0px rgba(0, 0, 0, 0.06);
}

.details-buy-one .details-buy-center {
  display: inline-block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #50b7ff;
  color: #fff;
  border: 0;
  border-radius: 0;
}

.details-buy-one .details-buy-center.btn-orange {
  background: #FF5F00;
  border: 0;
}

.details-buy-one .details-buy-center.btn-disable {
  background: #999999;
  border: 0;
}


.details-buy-three .details-buy-left {
  float: left;
  width: 25%;
  height: 48px;
  line-height: 48px;
  color: #50b7ff;
}

.details-buy-three .details-buy-center {
  float: left;
  width: 50%;
  height: 48px;
  line-height: 48px;
  background: #50b7ff;
  color: #fff;
}

.details-buy-three .details-buy-right {
  float: left;
  width: 25%;
  height: 48px;
  line-height: 48px;
  color: #50b7ff;
}

.details-buy-two .details-buy-left {
  float: left;
  width: 50%;
  height: 48px;
  line-height: 48px;
  color: #50b7ff;
}

.details-buy-two .details-buy-right {
  float: left;
  width: 50%;
  height: 48px;
  line-height: 48px;
  background: #50b7ff;
  color: #fff;
}

.details-buy-two .details-buy-right.btn-orange {
  background: #FF5F00;
}

.details-buy-two .details-buy-right.btn-disable {
  background: #999999;
  border: 0;
  border-radius: 0;
}

.details-buy-button {
  display: flex;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px -6px 29px 0px rgb(0 0 0 / 6%);
  -moz-box-shadow: 0px -6px 29px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px -6px 29px 0px rgb(0 0 0 / 6%);
}

.details-buy-button a {
  flex: 1;
  height: 48px;
  line-height: 48px;
  color: #50b7ff;

}

.details-buy-button a:last-child {
  background: #50b7ff;
  color: #fff;
}

.details-buy-button a:nth-child(2) {
  background: #50b7ff;
  color: #fff;
  flex: 2;
}

.details-buy-button a:nth-child(3) {
  background: transparent;
  color: #50b7ff;
}

.details-buy-button a:last-child {
  flex: 1;
}



.details-buy-btn {
  display: flex;
  -webkit-box-shadow: 0px -6px 29px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px -6px 29px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px -6px 29px 0px rgba(0, 0, 0, 0.06);
}

.details-buy-btn>a {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #382e2b;
  flex: 1;
}

.details-buy-btn>a:first-child {
  border-right: 1px solid #d4d4d4;
}

.details-buy-btn .btn-buy {
  color: #ffffff;
}

.cx-details-buy-row {
  display: flex;
  -webkit-box-shadow: 0px -6px 29px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px -6px 29px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px -6px 29px 0px rgba(0, 0, 0, 0.06);
  height: 48px;
  line-height: 48px;
}

.cx-details-buy-row .col-7 {
  flex: 7;
}

.cx-details-buy-row .col-3 {
  flex: 3;
}

.cx-bag {
  /*面包屑*/
  width: 1200px;
  margin: 0 auto;
}

.cx-bag {
  padding: 26px 0 12px 0;
}

.cx-bag a {
  color: #50b7ff;
}

.cx-bag p {
  font-size: 12px;
  line-height: 1;
}

.cx-bag p span {
  cursor: pointer;
  padding: 0 2px;
}

.cx-bag p a:hover {
  text-decoration: underline;
}

.cx-details-main {
  width: 806px;
  float: left;
}

.cx-details-main .cx-details-top {
  padding: 40px;
  background: #ffffff;
}

.cx-details-main .cx-details-top .cx-details-img {
  position: relative;
  bottom: 0;
  left: 0;
  float: left;
  height: 216px;
  padding-left: 14px;
}

.cx-details-main .cx-details-top .cx-details-img img {
  height: 100%;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.cx-details-main .cx-details-top .cx-details-img .cx-sign {
  position: absolute;
  left: auto;
  right: 6px;
  bottom: 6px;
  z-index: 2;
  width: 26px;
  height: 26px;
  border: 0;
  box-shadow: none;
}

.cx-details-main .cx-details-top .cx-details-img .cx-sign-paper {
  position: absolute;
  left: auto;
  right: 6px;
  bottom: 6px;
  z-index: 2;
  width: 50px;
  height: 20px;
  border: 0;
  box-shadow: none;
}

.cx-details-main .cx-details-top .cx-details-title {
  position: relative;
  overflow: hidden;
  /*height: 216px;*/
  padding-left: 30px;
  min-height: 216px;
  padding-bottom: 64px;
}

.cx-details-top .cx-details-title .cx-details-audio-name {
  /*margin-top: 20px;*/
  margin-bottom: 4px;
  font-size: 14px;
  /*color: #9e9e9e;*/
}

.cx-details-top .cx-details-title .details-cont {
  margin-bottom: 80px;
}

.cx-details-top .cx-details-title .details-property {
  margin-bottom: 8px;
  line-height: 1;
  font-size: 12px;
}

.cx-details-top .cx-details-title .details-value {
  margin-left: 10px;
}

.cx-details-top .cx-details-title .cx-details-audio-number {
  margin-bottom: 18px;
  font-size: 12px;
  line-height: 1;
}

.cx-details-top .cx-details-title .cx-details-main-price {
  position: absolute;
  bottom: 44px;
  font-size: 16px;
}

.cx-details-top .cx-details-title .cx-details-main-price small {
  font-size: 14px;
}

/*书籍详情页中的资源样式*/
.cx-details .cx-details-main .detail-item {
  background: #fff;
  margin-top: 20px;
  padding: 17px 41px 0 39px;
}

.cx-details .cx-details-main .item-title {
  font-size: 16px;
  color: #333;
}

.cx-details .cx-details-main .resource {
  padding: 20px 0;
}

.cx-details .cx-details-main .resource-item {
  margin-bottom: 13px;
}

.cx-details .cx-details-main .resource-item:last-child {
  margin-bottom: 0;
}

.cx-details .cx-details-main .resource-item {
  margin-bottom: 20px;
}

.cx-details .cx-details-main .resource-item-row {
  overflow: hidden;
}

.cx-details .cx-details-main .resource-item-row>p {
  line-height: 1.5;
  font-size: 14px;
  overflow: hidden;
}

.cx-details .cx-details-main .resource-item-row:last-child>p.file,
.cx-details .cx-details-main .resource-item-row:last-child>p.folder {
  margin-bottom: 0;
}

.cx-details .cx-details-main .resource-item-row>p>span {
  display: inline-block;
  font-size: 0;
}

.cx-details .cx-details-main .resource-item-row>p .s4 {
  float: right;
  width: 64px;
  font-size: 14px;
  text-align: center;
  background: url(../img/icon/book_detail_icon_download.png) right 5px center no-repeat;
  cursor: pointer;
}

.cx-details .cx-details-main .resource-item-row>p .s3 {
  float: right;
  width: 142px;
  font-size: 14px;
  text-align: center;
}

.cx-details .cx-details-main .resource-item-row>p .s2 {
  float: right;
  width: 62px;
  font-size: 14px;
  text-align: center;
}

.cx-details .cx-details-main .resource-item-row>p .s1 {
  float: left;
  width: 560px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cx-details .cx-details-main .resource-item-row>p .s1 a:hover,
.cx-details .cx-details-main .resource-item-row>p .s4 a:hover {
  color: #FE8B3A;
}

.cx-details .cx-details-main .resource-item-row>p .s4:hover {
  background: url(../img/book_detail_icon_downloadlink.png) right 5px center no-repeat;
}

.cx-details .cx-details-main .resource-item-row>p .s4 a {
  display: block;
}

.cx-details .cx-details-main .resource-item-level1 .resource-title>p {
  background: url(../img/bookdetail_icon_resource.png) left center no-repeat;
  border: 0;
  padding-left: 16px;
}

.cx-details .cx-details-main .resource-item-level2>p {
  padding-left: 30px;
}

.cx-details .cx-details-main .resource-item-level3>p {
  padding-left: 53px;
}

.cx-details .cx-details-main .resource-item-level1>p.folder,
.cx-details .cx-details-main .resource-item-level2>p.folder {
  font-weight: bold;
  margin-bottom: 9px;
}

.cx-details .cx-details-main .resource-item-level1>p.file,
.cx-details .cx-details-main .resource-item-level2>p.file,
.cx-details .cx-details-main .resource-item-level3>p.file {
  margin-bottom: 9px;
}

.cx-details .cx-details-main .resource-item-level1>p.file .s1 {
  width: 450px;
}

.cx-details .cx-details-main .resource-item-level2>p.file .s1 {
  width: 420px;
}

.cx-details .cx-details-main .resource-item-level3>p.file .s1 {
  width: 400px;
}

.cx-details .cx-details-main .resource-item-level1>p.folder:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url(../img/bookdetail_icon_resource.png) left center no-repeat;
  vertical-align: bottom;
}

.cx-details .cx-details-main .resource-item-level2>p.folder:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url(../img/bookdetail_icon_resource.png) left center no-repeat;
  vertical-align: bottom;
}


.details-buy-book {
  display: inline-block;
  line-height: 34px;
  /*margin-top: 9px;*/
  font-size: 12px;
  vertical-align: middle;
}

.cx-details-banner {
  display: none;
}

.cx-details-middle {
  display: none;
}


.cx-details-bottom {
  width: 100%;
  margin-top: 20px;
  background: #ffffff;
  padding: 0 40px 20px;
}

.cx-details-tab .cx-details-tab-title:after {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
  background: #eee;
}

.cx-details-tab .cx-details-tab-title ul {
  text-align: center;
}

.cx-details-tab .cx-details-tab-title ul .check {
  color: #333333;
  border-bottom: 2px solid #333;
}

.cx-details-tab .cx-details-tab-title ul li {
  display: inline-block;
  margin: 0 7%;
  text-align: center;
  padding: 24px 0 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #9e9e9e;
  cursor: pointer;
}

.cx-details-tab .cx-details-tab-cont .tab .cx-details-tab-p {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
  padding-top: 15px;
}

.cx-details-tab .cx-details-tab-cont .cx-search-label ul li {
  margin: 0 12px 0 0;
}

@media only screen and (max-width: 1024px) {
  .details-buy-book {
    /* 购买纸书 */
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: 12px;
    line-height: 1;
  }

  .cx-details-tab .cx-details-tab-cont .tab .cx-details-tab-p {
    margin-bottom: 0px;
  }

  .cx-details-tab .cx-details-tab-cont .cx-search-label ul li {
    margin: 12px 12px 0 0;
  }
}

.cx-details-tab .cx-details-tab-cont .tab .cx-details-more-message {
  margin-top: 15px;
}

.cx-details-tab .cx-details-tab-cont .tab .cx-details-label-jx {
  display: none;
}

.cx-details-tab .cx-details-tab-cont .tab .cx-details-des {
  margin-bottom: 34px;
}

.cx-details-tab .cx-details-tab-cont .tab .cx-details-label input {
  padding: 10px 22px;
  margin-bottom: 10px;
  border: 0;
  border-radius: 3px;
  font-size: 14px;
  color: #6e6e6e;
  background: #f6f6f6;
}

@media only screen and (max-width: 1024px) {
  .cx-details-tab .cx-details-tab-cont .tab .cx-details-des {
    margin-bottom: 23px;
  }
}

@media only screen and (max-width: 1024px) {
  .cx-details-middle {
    display: block;
    margin-top: 10px;
    width: 100%;
    background: #fff;
  }

  .cx-details-middle .cx-search-label {
    margin: 0;
    padding: 10px 0 10px 10px;
  }

  .cx-details-bottom {
    margin-top: 10px;
  }
}

/*-详情页-侧边分享-*/
.cx-details-share {
  float: right;
  width: 374px;
  padding: 20px 0px 20px 20px;
  margin-bottom: 20px;
  background: #ffffff;
  margin-left: 20px;
}

.cx-details-share .share-img {
  float: left;
}

.cx-details-share .share-img .shar_ewm {
  display: block;
  width: 60px;
  height: 60px;
}

.cx-details-share .cx-share-content {
  float: left;
  margin-left: 20px;
  /*width: 100%;*/
  /*height: 240px;*/
  /*padding: 18px 0;*/
  /*background: rgba(81, 182, 255, 0.05);*/
  background-origin: 0.05;
  text-align: left;
  font-weight: 500;
}

.cx-share-content .shar_ewm {
  display: block;
  width: 100px;
  height: 100px;
  margin: 12px auto 0;
}

/*详情页-侧边分类*/
.cx-details-class {
  float: right;
  width: 374px;
  margin-bottom: 20px;
  background: #fff;
}

.cx-details-class .cx-search-label {
  margin: 0;
  padding: 20px 0 20px 20px;
}

.cx-details-class .cx-search-label p {
  line-height: 1;
  font-size: 16px;
  font-weight: 600;
}

/*详情页-侧边推荐*/

.cx-details-tujian {
  width: 100%;
  padding: 10px 10px;
  border-bottom: 1px solid #e8e8e8;
}

.cx-details-tujian-img {
  /*border-bottom: 1px solid #EEEEEE;*/
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: left;
  overflow: hidden;
}

.cx-details-tujian-img {
  width: 30%;
  margin-left: 10px;
  float: left;
}

.cx-details-tujian-img {
  position: relative;
  float: left;
  width: 96px;
  height: 130px;
  overflow: hidden;
}

.cx-details-tujian-img img {
  position: absolute;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.cx-details-tujian-img .cx-sign {
  position: absolute;
  width: 26px;
  height: 26px;
  right: 6px;
  bottom: 6px;
  z-index: 2;
  border: 0;
  left: auto;
}

.cx-details-tujian-img .cx-sign-paper {
  position: absolute;
  width: 50px;
  height: 20px;
  right: 0;
  bottom: 6px;
  z-index: 2;
  border: 0;
  left: auto;
}

.cx-details-tujian-content {
  position: relative;
  float: left;
  width: 60%;
  height: 130px;
  padding-top: 11px;
  padding-left: 18px;
  text-align: left;
}

.cx-details-tools span {
  cursor: pointer;
}

.details-download,
.details-share {
  position: relative;
}

.details-download-ewm {
  display: none;
  position: absolute;
  text-align: center;
  background: url(../img/ewmbg.jpg) no-repeat;
  background-size: 160px 183px;
  padding: 28px 20px 20px 20px;
  left: -60px;
  top: 40px;
  z-index: 101;
}

.details-download-ewm p {
  line-height: 1;
}

.details-download-ewm img {
  width: 120px;
  height: 120px;
}

.cx-column-tuijian {
  overflow: hidden;
}

.cx-details-tujian-content-t {
  font-size: 16px;
}

.cx-details-tujian-content-des {
  font-size: 14px;
  padding-top: 10px;
  margin-bottom: 10px;
  color: #9e9e9e;
}

.cx-details-tujian-content-author {
  text-align: left;
  font-size: 14px;
  color: #b2b2b2;
}

.details-button-next {
  /* 推荐更多左右翻按钮 */
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: url(../img/next-right.png) no-repeat;
  cursor: pointer;
}

.details-button-next:hover {
  background: url(../img/details/next-right-hover.png) no-repeat;
}

.details-button-prev {
  position: absolute;
  top: 10px;
  right: 40px;
  width: 30px;
  height: 30px;
  background: url(../img/prev.png) no-repeat;
  cursor: pointer;
}

.details-button-prev:hover {
  background: url(../img/details/next-left-hover.png) no-repeat;
}

@media only screen and (max-width: 1024px) {

  .cx-details-class,
  .cx-details-share {
    display: none;
  }

  .cx-details-tujian-img-yp {
    height: 96px !important;
  }

  .cx-details-tujian {
    padding: 10px 18px;
  }

  .cx-details-tujian-img {
    margin-left: 0;
  }

  .cx-details-tujian-img img {
    top: auto;
    transform: none;
  }

  .cx-details-tujian-content-t {
    font-size: 14px;
  }

  .cx-details-tujian-content-des {
    display: none;
  }

  .cx-details-tujian-content-author {
    font-size: 12px;
  }

  .cx-details-more-title {
    padding: 18px 20px 8px;
  }

  .details-button-next,
  .details-button-prev {
    display: none;
  }
}

/*
 * detail详情页
 * 1.上 下(左右)结构  detail-head   detail-body(cont-main ，cont-slide)
 * 2.详情页normal
 *   2.1.侧边推荐
 * 3.专栏详情
 * 4.专栏分页
 * 5.课程详情
 * 6.
 * 7.报名详情
 * 8.积分详情
 * 9.书籍详情
 * 10.音视频包详情
 * 11.报刊详情
 * 12.音视频播放页
 * 13.直播详情
 * 14.班级详情
 * 15.企培详情
 *    15.1.签到详情
 *    15.2.考试任务详情
 * 16.慕课课程详情页
 * 17.慕课课程详情页.classcont

 * 18.视频详情页
 
 * */

.article {
  word-break: break-all;
}

.article img {
  max-width: 100%;
}

.article video {
  max-width: 100%;
}

/*下拉列表mtree*/

/* 
ul.mtree {
  opacity: 0;
  margin-left: 0;
} */

ul.mtree ul {
  margin-left: 1em;
}

ul.mtree li {
  list-style: none;
  font-size: 14px;
}

ul.mtree a {
  display: block;
}

ul.mtree li.mtree-node>a {
  font-weight: 400;
}

ul.mtree a {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

ul.mtree.transit {
  background: #ffffff;
}

ul.mtree.transit ul {
  margin-left: 0;
}

ul.mtree.transit ul>li {
  font-size: 14px;
}

ul.mtree.transit li.mtree-node {
  position: relative;
}

ul.mtree.transit li.mtree-node>a:before {
  color: #ccc;
  font-weight: normal;
  position: absolute;
  right: 20px;
}

ul.mtree.transit li.mtree-open>a:before {
  content: "-";
}

ul.mtree.transit li.mtree-closed>a:before {
  content: "+";
}

ul.mtree.transit ul>li:first-child {
  margin-top: 1px;
}

ul.mtree.transit li.mtree-open>a {
  background: #f9f9f9;
}

ul.mtree.transit li>a:hover,
ul.mtree.transit li.mtree-active>a {
  color: #50b7ff;
}

ul.mtree.transit li>p:hover,
ul.mtree.transit li.mtree-active>p {
  color: #5ca7ff;
}

ul.mtree.transit li.mtree-node>ul>li:hover {
  background: #fafdff;
}

ul.mtree.transit li.mtree-node:last-child>ul>li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

ul.mtree.transit a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 10px 12px 18px;
  /*background: #F9F9FB;*/
  overflow: hidden;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: flex-start;
}

ul.mtree.transit a p.playlist_name {
  display: flex;
  flex: 1;
  align-items: flex-start;
  margin-right: 10px;
}

ul.mtree.transit a .playlist_tool {
  display: flex;
  color: #b2b2b2;
  font-size: 12px;
  align-items: center;

}

ul.mtree.transit a p {
  display: flex;
  position: relative;
  align-items: flex-start;
}

ul.mtree.transit li li>a {
  color: #555;
  padding-left: 3.1em;
  background: #ffffff;
}

ul.mtree.transit li li li>a {
  color: #8a8a8a;
  padding-left: 5.4em;
}

ul.mtree.transit li li li li>a {
  color: #8a8a8a;
  padding-left: 7.2em;
}

ul.mtree.transit li li li li li>a {
  color: #8a8a8a;
  padding-left: 12em;
}

/*详情页垂直列表*/
.mtree_title {
  padding: 11px 18px;
}

.mtree .icon-password {
  display: none;
}

.mtree .icon-buy-product {
  display: none;
}

.mtree_key {
  /* pointer-events: none; */
}

.mtree_key .icon-password {
  display: inline-block;
  font-size: 20px;
  vertical-align: text-bottom;
  color: #ccc;
}

.mtree_key a {
  color: #b2b2b2;
}

.mtree_key p {
  color: #b2b2b2;
}

.mtree_key i {
  color: #b2b2b2;
}

.mtree_part a {
  color: #b2b2b2;
}

.mtree_part p {
  color: #b2b2b2;
}

.mtree_part .icon-buy-product {
  display: block;
  margin-left: 6px;
  font-size: 20px;
  color: #F86442;
}

.mtree_part.mtree_check i {
  color: #b2b2b2;
}

.mtree_part.mtree_check .icon-buy-product {
  color: #F86442;
}

.mtree_part.mtree_check p {
  color: #b2b2b2;
}

.mtree_check i {
  color: #50b7ff;
}

.mtree_check p {
  color: #50b7ff;
}

.audio-listimg {
  margin-top: 1px;
  margin-right: 5px;
  color: #b4b4b4;
  vertical-align: text-top;
  font-size: 18px;
}

.detail-sidebar {
  display: none;
  position: fixed;
  bottom: 70px;
  right: 19px;
  z-index: 2;
}

.detail-sidebar-home {
  display: flex;
  width: 44px;
  height: 44px;
  background: #ffffff;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-direction: column;
  color: #666666;
}

.detail-sidebar-home>i {
  font-size: 24px;
}

.detail-sidebar-home>p {
  line-height: 1;
}

.detail-head {
  /*display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;*/
  padding: 30px 36px 30px;
  background: #fff;
}

.detail-body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 1;
}

.detail-back {
  display: flex;
  position: absolute;
  top: 12px;
  left: 12px;
  line-height: 1;
  color: #fff;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.detail-back>i {
  font-weight: 600;
  font-size: 24px;
}

.detail-img {
  float: left;
  width: 180px;
  height: 240px;
  margin-right: 17px;
  border: 1px solid #f3f3f3;
}

.detail-img img {
  display: block;
  height: 100%;
  margin: 0 auto;
}

.detail-img.detail-img-book {
  /* 书籍尺寸图片 */
  width: 180px;
  height: 240px;
}

.detail-img.detail-img-class {
  /* 课程尺寸图片 */
  width: auto;
}

.detail-img.booklist {
  /* 书单尺寸图片 */
  width: auto;
}

.detail-head-class .detail-img {
  /*对应后删*/
  width: auto;
}

.detail-cont {
  /*？？？？？*/
  position: relative;
  overflow: hidden;
  /* width: 720px; */
  min-height: 240px;
}

.detail-cont-cont {
  position: relative;
  overflow: hidden;
}

.detail-cont-cont-body {
  min-height: 240px;
}

.detail-des>p {
  margin-top: 7px;
  color: #666;
  font-size: 14px;
  line-height: 1;
}

.detail-title {
  line-height: 1.5;
  font-size: 20px;
  font-weight: 500;
}

.detail-title .author {
  font-size: 14px;
  font-weight: 400;
}

.detail-info {
  padding: 15px 20px;
  background: #f5f5f5;
}

.detail-info .detail-info-row {
  line-height: 25px;
  overflow: hidden;
}

.detail-info .detail-info-row>label {
  font-size: 12px;
  color: #666;
}

.detail-info .detail-info-row span {
  overflow: hidden;
  color: #666;
  font-size: 12px;
}

.detail-info .detail-info-row .price-class {
  font-size: 20px;
  font-weight: 500;
  color: #ff8300;
}

.detail-head-class .detail-info .detail-info-row label {
  float: left;
  min-width: 60px;
  margin-right: 10px;
  color: #969799;
  line-height: 25px;
}

.detail-head-class .detail-info .detail-info-row span {
  display: block;
  overflow: hidden;
  color: #646566;
  font-weight: 500;
}

.detail-head-class .detail-info .detail-info-row .price-class {
  font-size: 18px;
  color: #ff8300;
}

.detail-head-class .detail-info .detail-info-row .price-class>font {
  vertical-align: middle;
  font-weight: 500;
}

.detail-info .detail-details-row {
  /*没用可删 */
  display: inline-block;
  width: 50%;
}

.detail-info .detail-details-row label {
  font-size: 12px;
  color: #9f9f9f;
}

.detail-info .detail-details-row span {
  /*display: inline-block;*/
  font-size: 12px;
  color: #9f9f9f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*width: 200px;*/
}

.detail-details {
  font-size: 0;
  margin-top: 7px;
  padding-bottom: 47px;
}

.detail-details .detail-details-row {
  padding: 4px 16px;
}

.cx-detail.apply .detail-cont .detail-details .detail-details-row {
  padding: 4px 0;
}

.detail-details .detail-details-row img {
  display: inline-block;
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;

}

.detail-details .detail-details-row label {
  float: left;
  margin-right: 3px;
  font-size: 12px;
  color: #666;
  vertical-align: middle;
}

.detail-details .detail-details-row span {
  display: block;
  font-size: 12px;
  color: #666;
  overflow: hidden;
  /*width: 200px;*/
}

/*.detail-tool {
	position: absolute;
	bottom: 0;
}*/

.detail-tool {
  width: 100%;
  /* margin-top: 26px; */
}

.detail-tool {
  position: absolute;
  bottom: 0;
}

.cx-detail.special-column .detail-tool {
  padding: 0 16px;
  font-size: 0;
}

.detail-tool input {
  width: auto;
  height: 30px;
  padding-left: 24px;
  padding-right: 24px;
  margin-right: 14px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

.detail-tool .cx-details-button {
  position: static;
}

.detail-tool .detail-tool-des {
  /*课程 button旁的描述*/
  color: #969799;
  margin-left: 10px;
}

.detail-tool .cx-details-share {
  /*课程 button旁的分享*/
  float: right;
  width: auto;
  height: 40px;
  padding: 0;
  line-height: 40px;
  margin-bottom: 0;
}

.detail-tool .cx-details-share p {
  float: left;
  margin-right: 10px;
}

.detail-tool i {
  /* 没找到对应，测试后删 */
  display: inline-block;
  width: 30px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  color: #969799;
  cursor: pointer;
}

.detail-tool i:active {
  /* 没找到对应，测试后删*/
  color: #50b7ff;
}

.details-share-more {
  /*现在存放推广的二维码和一些文字*/
  display: block;
  /* height: 60px; */
  /* margin-top: 22px; */
}

.cx-details-share .share-img {
  margin-right: 20px;
}

.cx-details-share .share-content {
  float: none;
  overflow: hidden;
  text-align: left;
  font-weight: 500;
}

.cx-details-share .share-img .shar_ewm {
  width: 52px;
  height: 52px;
}

.details-share-more-title {
  /*保留*/
  margin-bottom: 16px;
}

.details-share-more-des {
  /*保留*/
  line-height: 1;
  font-size: 12.7px;
  color: #9e9e9e;
}

.details-share-more img {
  position: relative;
  top: 7px;
}

.details-share-more ul {
  /* 旧的分享，更新新版分享可删 */
  height: 30px;
  margin: 0 auto;
  line-height: 30px;
  overflow: hidden;
  text-align: left;
  font-size: 0;
}

.details-share-more ul li {
  display: inline;
  margin-right: 20px;
}

.details-share-more ul li img {
  width: 24px;
}

.details-share-more ul li img:hover {
  opacity: 0.7;
  /*transform: scale(1.1);
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;*/
}

.detail-tool .details-share-more ul {
  /* 课程 class-detail.html 旧的分享，更新新版分享可删 */
  display: inline-block;
  height: 40px;
  line-height: 40px;
}

.detail-tool .details-share-more ul a {
  width: 100%;
  height: 100%;
}

.detail-tool .details-share-more ul li {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 24px;
  margin-right: 10px;
}

.detail-tool .details-share-more ul li img {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.detail-share {
  /*新的分享*/
  position: absolute;
}

.detail-share>ul>li {
  float: left;
  margin-right: 15px;
}

.detail-share>ul>li>div {
  font-size: 0;
  padding-top: 4px;
  cursor: pointer;
  z-index: 1;
}

.detail-share>ul>li>div>i {
  vertical-align: middle;
  font-size: 13px;
  margin-right: 3px;
  color: #8a8a8a;
}

.detail-share>ul>li>div>span {
  vertical-align: middle;
  font-size: 12px;
  color: #8a8a8a;
}

.shareItem {
  position: relative;
  cursor: pointer;
}

.shareItem:hover .shareBox {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.shareItem .shareBox {
  display: none;
  padding-top: 20px;
  /*-webkit-transform: translateY(-20px) scale(0.93);
	transform: translateY(-20px) scale(0.93);*/
}

.shareItem .shareBox:before {
  content: "";
  position: absolute;
  top: 35px;
  left: 20px;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-right: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  transform: rotate(-45deg);
  z-index: 1;
}

.shareBox>ul {
  position: absolute;
  top: 40px;
  padding: 15px 0 15px 20px;
  white-space: nowrap;
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #e8e8e8;
}

.shareBox>ul>li {
  display: inline-block;
  margin-right: 20px;
}

.shareBox>ul>li>a {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.shareBox>ul>li>a:hover>img {
  transform: scale(1.1);
  transition: transform 0.25s;
}

.collectItem {
  cursor: pointer;
}

.cont-main {
  float: left;
  width: 100%;
}

.cont-container {
  padding: 0 36px;
}

.cont-main .cont-container {
  background: #fff;
}

.cont-main .cont-main-container {
  padding: 0 36px;
  background: #fff;
}

.detail-tab {
  font-size: 0;
  border-bottom: 1px solid #f3f3f3;
  white-space: nowrap;
  overflow: hidden;
}

.detail-tab-dom {
  min-height: 598px;
}

.detail-tab-item {
  display: inline-block;
  padding: 22px 0 18px;
  margin-right: 24px;
  width: 100px;
  line-height: 1;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: #8a8a8a;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.detail-tab-item:hover {
  color: #50b7ff;
}

.tab-check {
  position: relative;
  /*课程tab选中*/
  color: #50b7ff;
  font-weight: 500;
}

/* .tab-check::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #50b7ff;
} */

.cont-slide {
  position: relative;
  /*flex: 1;*/
  /*width: 280px;*/
  /*overflow: hidden;*/
  float: left;
}

.cont-slide-title p {
  padding: 13px 13px 0;
  font-size: 18px;
  font-weight: 600;
  background: #fff;
}

.detail-tab-cont .detail-tab-cont-body {
  /*detail-tab 内容容器*/
  padding: 10px 0;
}

.article img {
  max-width: 100%;
}

.article video {
  max-width: 100%;
}

/*课程详情*/

.detail-head-class .detail-title {
  margin-top: 0;
}

.detail-info {
  margin-top: 16px;
  padding: 6px 16px;
}

.detail-cont-head {
  padding: 30px 0 30px;
}

.detailcont-cont {
  overflow: hidden;
}

/* 3.详情页-----专栏详情内容*/

/* 3.专栏详情 */

.cx-detail.zl .detail-tool {
  padding: 0 16px;
  font-size: 0;
}

.cx-detail.zl .cont-main {
  width: 880px;
}

.cx-detail.zl .cont-slide {
  width: 300px;
}

.cx-detail.zl .detail-tab .detail-tab-item {
  font-size: 14px;
}

.part.zl .zllist-buy {
  /* 专栏拆分购买 */
  display: block;
}

.part.zl .zllist-key {
  display: none;
}

.medialist-buy {
  display: none;
}

.medialist-buy {
  margin-left: 6px;
  font-size: 20px;
}

.medialist-buy>i {
  display: block;
  color: #F86442;
}

.zllist-buy {
  display: none;
  float: right;
  width: 50px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  color: #F86442;
}

.zllist-check {
  width: 50px;
  text-align: center;
  font-size: 20px;
  color: #cccccc;
}

.zllist-check>i {
  display: block;
}

.zllist-check>i.checked::before {
  content: "\e979"
}

.zllist-check>i.check {
  color: #F86442;
  border: 0;
}

.cont-zl-filtrate {
  margin-bottom: 20px;
}

.select-year {
  position: relative;
  float: left;
  width: 110px;
  z-index: 1;
}

.select-year.open .caret {
  transform: rotate(180deg);
}

.select-year .dropdown-btn {
  height: 36px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
}

.select-year .dropdown-btn .caret {
  position: absolute;
  right: 4px;
  top: 17px;
  display: inline-block;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transition: transform 0.3s;
}

.select-year .dropdown-menu {
  display: none;
  position: absolute;
  top: 39px;
}

.select-year .dropdown-menu {
  width: 110px;
  height: 200px;
  /*text-align: center;*/
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  background: #ffffff;
  overflow-y: auto !important;
}

.select-year .dropdown-menu>li {
  /*line-height: 30px;*/
  margin-top: 8px;
}

.select-year .dropdown-menu>li:first-child {
  margin-top: 0;
}

.select-year .dropdown-menu>li>span {
  display: block;
  padding-top: 5px;
  padding-left: 15px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  border-top: 1px solid #eeeeee;
}

.select-year .dropdown-menu>li:first-child span {
  margin-top: 0;
  border: 0;
}

.select-year .dropdown-menu>li>ul>li {
  line-height: 30px;
  height: 30px;
}

.select-year .dropdown-menu>li>ul>li.on {
  background: #f5f5f5;
}

.select-year .dropdown-menu>li>ul>li:hover {
  background: #f5f5f5;
}

.select-year .dropdown-menu>li>ul>li:active {
  background: #f1f1f1;
}

.select-year .dropdown-menu>li>ul>li>a {
  display: block;
  padding-left: 30px;
}

.zl-filtrate-des {
  float: left;
  margin-left: 12px;
  margin-top: 8px;
  color: #b2b2b2;
}

.sort {
  float: right;
  margin-top: 8px;
  margin-left: 16px;
  color: #b2b2b2;
}

.sort>span {
  display: block;
  background: url(../img/order.png) left 5px center no-repeat;
  width: 50px;
  text-align: right;
  background-size: 12px;
  cursor: pointer;
}

.sort>span.invert {
  background: url(../img/invert.png) left 5px center no-repeat;
  background-size: 12px;
}

.zllist-item {

  display: flex;
  position: relative;
  overflow: hidden;
  padding: 18px 0 18px 30px;
  align-items: center;
  justify-content: space-between;

}

.cont-zl>ul>li:nth-child(2n + 1) .zllist-item {
  background: #fafafa;
}

.zllist-item-ico,
.zllist-cont {
  display: inline-block;
  vertical-align: middle;
}

.zllist-item-ico {
  margin-right: 8px;
}

.zllist-cont {
  flex: 1;
  width: 75%;
  margin-right: 30px;
}

.zllist-item-ico {
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.zllist-item-ico i {
  display: block;
  line-height: 23px;
  color: #ccc;
  text-align: center;
  font-size: 14px;
}

.zllist-item-ico i.icon-fileUnplay {
  font-size: 12px;
  margin-left: 3px;
}

.zllist-item-ico i.icon-filePlay {
  font-size: 12px;
}

.zllist-cont-title>a {
  display: block;
  line-height: 1.3;
  font-size: 14px;
  color: #333;
}

.zllist-cont-title>a:hover p {
  color: #50b7ff;
}

.zllist-cont-title p {
  line-height: 1.3;
  font-size: 14px;
  color: #333;
}

.zllist-cont-des {
  margin-top: 8px;
  line-height: 1;
}

.zllist-cont-des>a {
  display: inline-block;
  padding: 2px 5px;
  background: #ff8300;
  color: #ffffff;
  font-size: 12px;
  border-radius: 30px;
}

.zllist-cont-des>a>span {
  display: block;
  color: #fff;
  transform: scale(0.8);
}

.zllist-cont-des>span {
  display: inline-block;
  line-height: 1;
  font-size: 12px;
  color: #9e9e9e;
}

.zllist-key {
  float: right;
  width: 50px;
  text-align: center;
  /* padding: 6px 20px 0 7px; */
  font-size: 20px;
}

.zllist-key>i {
  color: #9e9e9e;
}

.zllist-sign {
  position: absolute;
  top: 0;
  right: 0px;
  padding: 1px 0px;
  background: #50b7ff;
  color: #ffffff;
  line-height: 1;
}

.zllist-sign>span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  transform: scale(0.8);
}

/* 3.专栏详情 结束  */

/*专栏-分页*/
.pagediv-zl .pagination>li>a,
.pagediv-zl .pagination>li>span {
  margin: 0 -1px;
}

.pagediv.pagediv-zl {
  margin: 0;
  padding: 0 0 20px;
}

@media only screen and (max-width: 1024px) {
  .cont-main .cont-main-container {
    padding: 0 18px;
  }
}

/* 详情页---书单详情页 */
.cx-model {
  text-align: left;
  font-size: 0;
}

/* ----- 5.课程详情页    .class----- */

.cx-detail.class .detail-head .detail-title {
  margin-top: 0;
}

.cx-detail.class .detail-head .detail-img {
  /* 课程尺寸图片 */
  width: auto;
}

.cx-detail.class .detail-head .detail-info {
  margin-bottom: 47px;
}

.cx-detail.class .detail-head .detail-info .detail-info-row label {
  float: left;
  min-width: 60px;
  margin-right: 10px;
  color: #969799;
  line-height: 25px;
}

.cx-detail.class .detail-head .detail-info .detail-info-row span {
  display: block;
  overflow: hidden;
  color: #646566;
  font-weight: 500;
}

.cx-detail.class .detail-head .detail-info .detail-info-row .price-class {
  font-size: 18px;
  color: #ff8300;
}

.cx-detail.class .detail-head .detail-info .detail-info-row .price-class>font {
  vertical-align: middle;
  font-weight: 500;
}

.cx-detail.class .detail-body {
  margin-top: 20px
}

.cx-detail.class .detail-body .cont-main {
  flex: 9;
}

.cx-detail.class .detail-body .cont-slide {
  width: 280px;
  margin-left: 20px;
}

.cx-detail.class .detail-body .cont-main .pagination>li>a,
.cx-detail.class .detail-body .cont-main .pagination>li>span {
  /* 课程评论分页 */
  margin: 0 2px;
}

.cx-detail.class .cont-main .detail-tab-cont {
  padding: 15px
}

.cx-detail.class .detail-tab-cont .detail-tab-cont-body {
  padding: 0;
}

/* ----- 6.课程详情页  .classcont ----- */
.cx-detail.classcont .cont-slide {
  width: 200px;
  margin-right: 20px;
}

.cx-detail.classcont .cont-main {
  width: 980px;
  background-color: #fff;
}

.cx-detail.classcont .cont-slide .slide-nav {
  margin-top: 20px;
}

.cx-detail.classcont .courseware .model-courseware-item-ico {
  display: block;
}

.cx-detail.classcont .courseware .model-courseware-leve1[data-lessonfile] {
  padding-left: 0
}

.cx-detail.classcont .class-container {
  padding-bottom: 20px;
}

.class-private-examitem:first-child {
  margin-top: 0;
}

.class-private-examitem {
  display: flex;
  padding: 25px 30px;
  margin: 15px -30px 0;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.1);
}

.class-private-examitem>div {
  flex: 1;
  padding-right: 20px;
}

.class-private-examitem>div>p {
  line-height: 1.3;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}

.class-private-examitem-time {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1;
}

.class-private-examitem>a {
  width: 60px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 15px;
  background: #cccccc;
  color: #ffffff;
  text-align: center;
}

.class-private-examitem.s-exam-being {
  background: #ffeded;
}

.class-private-examitem.s-exam-urgent>a,
.class-private-examitem.s-exam-forever>a,
.class-private-examitem.s-exam-being>a {
  background: #4461bd;
}

.class-private-examitem>a:hover {
  color: #fff;
}

.class-private-examitem.s-exam-middle .class-private-examitem-time,
.class-private-examitem.s-exam-urgent .class-private-examitem-time,
.class-private-examitem.s-exam-being .class-private-examitem-time {
  color: #ff6666;
}

.class-private-examitem.s-exam-forever .class-private-examitem-time {
  color: #5fc16b;
}

.class-private-examitem.s-exam-end .class-private-examitem-time {
  color: #999999;
}

.btn-class-collect {
  display: flex;
  position: absolute;
  right: 15px;
  bottom: 16px;
  width: 80px;
  height: 25px;
  font-size: 12px;
  border-radius: 25px;
  color: #ffffff;
  background-color: #446ebd;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  visibility: hidden;
}

.btn-class-collect i {
  display: block;
  width: auto;
  height: auto;
  line-height: inherit;
  color: #ffffff;
}

/* 选择收藏 */
.dialog-detail-collect {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  height: 260px;
  background: #ffffff;
  border-radius: 20px;
  transform: translate(-50%, -50%);
  z-index: 102;
}

.dialog-detail-collect-head {
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: space-between;
}

.dialog-detail-collect-head>p {
  font-size: 16px;
  font-weight: 500;
}

.dialog-detail-collect-head>i {
  font-size: 20px;
  cursor: pointer;
}

.dialog-detail-collect-content {
  padding: 0 16px;
  height: 180px;
  overflow-y: auto;
}

.dialog-detail-collect ul li {
  display: flex;
  ;
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
}

.dialog-detail-collect ul li.s-check-collect {
  border: 1px solid #4360bd;
  background: #f5f7fb;
}

.dialog-detail-collect ul li div {
  color: #333333;
}

.dialog-detail-collect ul li span {
  font-size: 12px;
  color: #999999;
  margin-left: 12px;
}

.dialog-detail-collect ul li.s-check-collect div {
  color: #4360bd;
}

.dialog-detail-collect ul li.s-check-collect span {
  color: #4360bd;
}

/* 选择收藏2 */
.dialog-bottom {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 360px;
  padding-bottom: 10px;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  transition: bottom 300ms;
  background: #ffffff;
  z-index: 102;
}

.dialog-bottom-head {
  display: flex;
  padding: 13px 16px;
  text-align: center;
  font-size: 16px;
  align-items: center;
  justify-content: space-between;
}

.dialog-bottom-head p {
  font-weight: 500;
}

.dialog-bottom-head .icon-close {
  font-size: 20px;
  font-weight: 600;
}

.dialog-bottom-content {
  margin: 0;
  padding: 0 10px 0;
}

.dialog-bottom-content ul li:active {
  color: #4360bd;
  border: 1px solid #4360bd;
  background: #f5f7fb;
}

.dialog-bottom-content ul li:active span {
  color: #4360bd;
}

.dialog-bottom-content ul li {
  display: flex;
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
}

.dialog-bottom-content ul li span {
  margin-left: 10px;
  font-size: 12px;
  color: #999999;
}

@media only screen and (max-width: 1024px) {
  .dialog-bottom {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transform: inherit;
  }
}

/* 选择班级 */
.dialog-detail-bottom {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  height: 310px;
  background: #ffffff;
  border-radius: 20px;
  transform: translate(-50%, -50%);
  z-index: 102;
}

.dialog-detail-bottom-head {
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: space-between;
}

.dialog-detail-bottom-head>p {
  font-size: 16px;
}

.dialog-detail-bottom-head>i {
  font-size: 20px;
  cursor: pointer;
}

.dialog-detail-bottom-content {
  padding: 0 16px;
  height: 180px;
  overflow-y: auto;
}

.dialog-detail-bottom ul li {
  line-height: 16px;
  margin-bottom: 10px;
  padding: 15px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  text-align: center;
}

.dialog-detail-bottom ul li.s-check-class {
  border: 1px solid #4360bd;
  border-radius: 3px;
  background: #f5f7fb;
}

.dialog-detail-bottom-button {
  border-top: 1px solid #e8e8e8;
  padding: 16px;
}

.dialog-detail-bottom-button>input {
  width: 100%;
  border-radius: 5px;
}

.dialog-detail-bottom.class_list_dialog .icon-close {
  display: none;
}

.dialog-detail-class {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  height: 310px;
  background: #ffffff;
  border-radius: 20px;
  transform: translate(-50%, -50%);
  z-index: 102;
}

/*  ----- 7.报名详情页    .apply----- */
.cx-detail.apply .detail-head .detail-title {
  margin-top: 0;
}

.cx-detail.apply .detail-head .detail-title {
  display: flex;
}

.cx-detail.apply .detail-head .detail-title>p {
  flex: 1;
}

.apply-cert {
  display: flex;
  align-items: center;
  margin-left: 10px;
  width: 75px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  font-weight: 500;
  color: #ffffff;
  background: #4461bd;
  border-radius: 30px;
}

.apply-cert i {
  font-size: 22px;
  margin-left: 8px;
  margin-right: 2px;
}

.cx-detail.apply .detail-head .detail-img {
  /* 报名尺寸图片 */
  width: auto;
}

.cx-detail.apply .detail-head .detail-details {
  padding-bottom: 43px;
}

.cx-detail.apply .detail-body {
  margin-top: 20px;
}

.cx-detail.apply .detail-tab-item {
  display: inline-block;
  padding: 22px 0 18px;
  margin-right: 24px;
  width: 100px;
  line-height: 1;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}

/*  ----- 8.积分详情页    .point----- */
.cx-detail.point .detail-head .detail-title {
  margin-top: 0;
}

.cx-detail.point .detail-head .detail-img {
  /* 报名尺寸图片 */
  width: auto;
}

.cx-detail.point .detail-head .detail-details {
  padding-bottom: 43px;
}

.cx-detail.point .detail-body {
  margin-top: 20px;
}

.cx-detail.point .detail-tab-item {
  display: inline-block;
  padding: 22px 0 18px;
  margin-right: 24px;
  width: 100px;
  line-height: 1;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}

.m-number {
  display: flex;
  position: absolute;
  right: 30px;
  bottom: 10px;
  font-size: 0;
}

.m-number-reduce,
.m-number-add {
  display: inline-block;
  vertical-align: middle;
}

.m-number>span {
  display: inline-block;
  min-width: 28px;
  font-size: 15px;
  margin: 0 3px;
  vertical-align: middle;
  text-align: center;
}

.m-number-reduce img,
.m-number-add img {
  display: block;
  width: 22px;
}

/*  ----- 9.书籍详情页    .book----- */
.cx-detail.book .cont-main {
  width: 880px;
}

.cx-detail.book .cont-slide {
  width: 300px;
  margin-left: 20px;
}

.cx-detail.book.part .mtree_key {
  /* 分集购买 */
  pointer-events: inherit;
}

.cx-detail.book.part .mtree_key .playlist_tool .icon-password {
  display: none;
}

.cx-detail.book.part .medialist-buy {
  display: block;
}

/*  ----- 8.音视频包详情页    .audiovisual----- */
.cx-detail.audiovisual .cont-main {
  width: 880px;
}

.cx-detail.audiovisual .cont-slide {
  width: 300px;
}

.cx-detail.audiovisual .detail-img {
  width: 240px;
  height: 240px;
}

.cx-detail.audiovisual.part .mtree_key {
  /* 分集购买 */
  pointer-events: inherit;
}

.cx-detail.audiovisual.part .mtree_key .playlist_tool .icon-password {
  display: none;
}

.cx-detail.audiovisual.part .medialist-buy {
  display: block;
}

.cx-detail.audiovisual .detail-tool,
.cx-detail.book .detail-tool {
  padding: 0 14px;
}

/* 11.订阅详情 */

.cx-detail.subscribe {
  padding-bottom: 48px;
}

.subscribe .detail-img {
  float: left;
  width: 100px;
  height: 100px;
  border: 0;
}

.subscribe .detail-cont {
  position: relative;
  height: 100px;
  min-height: auto;
}

.subscribe .detail-cont .detail-tool {
  display: block;
}

.subscribe .detail-cont .detail-tool>p {
  color: #b2b2b2;
}

.subscribe .m-number {
  right: 0;
  bottom: 0;
}

.subscribe .detail-info {
  background: transparent;
  margin-top: 10px;
  padding: 0;
}

.subscribelist {
  width: 100%;
  padding: 25px 32px 0;
  font-size: 0;
  background: #fff;
}

.subscribelist .subscribeitem {
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 7px 10px;
  background: #f5f5f5;
  color: #181818;
  border-radius: 5px;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
}

.subscribelist .subscribeitem.s-check-subscribe {
  color: #ffffff;
  background: #50b7ff;
}

.subscribe .p-form__guide {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #0c0c0c;
  text-align: left;
  border-bottom: 1px solid #eaeef0;
}

.subscribe .p-form-list {
  padding: 0;
}

.m-number-add>i,
.m-number-reduce>i {
  height: 20px;
  width: 20px;
  line-height: 10px;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  background: #f5f5f5;
}

.m-number-reduce .icon-reduce {
  border: 1px solid #f5f5f5;
}

.m-number-reduce .icon-reduce::before {
  content: "-";
  color: #333333;
}

.m-number-add .icon-plus::before {
  content: "+";
  color: #333333;
}

.m-number-disable.m-number-add {
  pointer-events: none;
}

.m-number-disable.m-number-add>i::before {
  color: #aeaeae;
}

.m-number>input {
  width: 34px;
  height: 20px;
  line-height: 20px;
  margin: 0 5px;
  padding: 0;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  text-align: center;
}

.dialog-view.dialog-view-tips {
  width: 270px;
  padding: 15px 25px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
}

.dialog-view-tips>p {
  color: #ffffff;
}

/* 12.音视频播放页 */
.cx-detail.va {
  padding: 0;
}

/* 13.直播详情 */
.cx-detail.living .detail-living {
  position: relative;
  padding: 10px 16px;
}

.cx-detail.living .detail-head .detail-info .detail-info-row label {
  float: left;
  min-width: 60px;
  margin-right: 10px;
  color: #969799;
  line-height: 25px;
}

.cx-detail.living .detail-head .detail-info .detail-info-row span {
  display: block;
  overflow: hidden;
  color: #646566;
  font-weight: 500;
}

.living-price span {
  color: #ff8300;
  font-weight: 500;
  font-size: 17px;
}

.living-sign {
  display: flex;
  align-items: center;
}

.living .living-sign {
  display: flex;
  align-items: center;
}

.living-text {
  display: flex;
  margin-top: 5px;
}

.living-space {
  width: 1px;
  height: 18px;
  margin-left: 5px;
  margin-right: 5px;
  background: #666666;
}

.living-time {
  font-size: 12px;
  color: #666666;
}

.living-cert {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  width: 75px;
  height: 30px;
  line-height: 30px;
  font-weight: 500;
  color: #ffffff;
  background: #4461bd;
  transform: translateY(-50%);
  border-radius: 30px;
}

.living-cert i {
  padding-right: 2px;
  margin-left: 6px;
  font-size: 22px;
}

.cx-detail.living .detail-body {
  margin-top: 20px;
}

.cx-detail.living .detail-head .detail-img {
  width: auto;
}

.living-title {
  position: relative;
  height: 75px;
  padding: 10px 85px 25px 15px;
  background: #ffffff;
}

.living-title p {
  font-size: 17px;
  font-weight: 500;
  color: #666666;
}

/* 14.班级详情 */
.cx-detail.classa .detail-body {
  margin-top: 20px;
}

.cx-detail.classa .detail-tab-cont {
  margin-right: -32px;
}

.detail-classa {
  display: flex;
  justify-content: space-between;
}

.detail-classa .detail-title {
  margin-bottom: 18px;
}

.detail-classa .detail-classa-content {
  flex: 1;
}

.detail-classa .cx-model-class-sign {
  margin-left: 20px;
}

.detail-classa .detail-des {
  font-size: 12px;
  color: #999999;
}

.detail-classa .detail-des .detail-des-row {
  display: flex;
  margin-bottom: 2px;
}

.detail-tab-cont .cx-model {
  padding: 16px 0;
  margin-right: -30px;
}

.detail-tab-cont .cx-model .model-class {
  display: inline-block;
  margin-right: 32px;
  margin-bottom: 15px;
}

.detail-tab-cont .cx-model .model-class:nth-child(5n) {
  margin-right: 0;
}

/* 弹窗遮罩 */
.banmask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}

/* 15.企培详情 */
.cx-detail.train .detail-head-inner {
  margin: -15px -16px;
}

.cx-detail.train .detail-body .cont-main .cont-main-container {
  padding: 0 0 18px;
}

.cx-detail.train .layui-laydate-content {
  border-bottom: 1px solid #e2e2e2;
}

.detail-train-img img {
  display: block;
  width: 100%;
}

.detail-train-content {
  position: relative;
  margin-top: -20px;
  padding: 20px 58px 18px 16px;
  /* border-top-left-radius: 20px; */
  /* border-top-right-radius: 20px; */
  background: #ffffff;
  z-index: 2;
}

.detail-train-content .detail-train-title {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  margin-bottom: 13px;
}

.detail-train-content .detail-train-row {
  display: flex;
  /* align-items: center; */
  /* justify-content: space-between; */
  flex-direction: column;
}

.detail-train-content .detail-train-button {
  position: absolute;
  right: 16px;
  top: 15%;
  font-size: 13px;
}

.detail-train-content .detail-train-button a {
  color: #75B3FF;
}

.detail-train-content .detail-train-time {
  font-size: 12px;
  color: #999999;
  margin-bottom: 10px;
}

.detail-train-content .detail-train-num {
  font-size: 12px;
  color: #999;
}

.detail-train-content .detail-train-department {
  font-size: 12px;
  color: #999999;
}

.cx-detail.train .detail-tab {
  /* border-top: 1px solid #f7f7f7; */
  border-bottom: 0;
  background-color: #f5f5f5;
  overflow-x: scroll;
}

.cx-detail.train .detail-tab-item {
  position: relative;
  padding: 18px 0 16px;
  color: #333;
  font-size: 15px;
  font-weight: 500;
}

.cx-detail.train .detail-tab-item.tab-check::after {
  content: '';
  display: inline-block;
  width: 27px;
  height: 2px;
  background: #75B3FF;
  border-radius: 2px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -moz-transform: translate(-50%, 0);
  /* Firefox */
  -webkit-transform: translate(-50%, 0);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, 0);
  /* Opera */
}

.m-menu-folder {
  margin-bottom: 10px;
}

.m-menu-folder>p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}


.m-menu-folder .m-menu-mission {
  margin-bottom: 0;
  border-radius: 0;
}

.m-menu-folder .m-menu-mission:first-of-type {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.m-menu-folder .m-menu-mission:last-of-type {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.m-menu-mission {
  margin-bottom: 10px;
  font-size: 12px;
  border-radius: 10px;
  color: #666666;
}

.m-menu-mission {
  padding: 0 14px;
  background: #f9f9f9;

  overflow: hidden;
}

.m-menu-mission>p {
  position: relative;
  font-size: 12px;
  color: #666666;
  height: 40px;
  line-height: 40px;
}

.cx-detail.train .m-menu-mission>p {
  height: auto;
  line-height: 1.5;
  padding-top: 10px;
}

.m-menu-mission>p::before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #e6e6e6;
  transform: translateY(0.5);
}

.cx-detail.train .m-menu-mission>p::before {
  content: none;
}

.m-menu-mission_item {
  display: flex;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 500;
  color: #333333;
  /* cursor: pointer; */
}

.m-menu-mission_item>i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #ffffff;
  background: #4461BD;
  border-radius: 4px;
}

.m-menu-mission_item>p {
  margin-left: 10px;
}

.cx-detail.train .train-mission-title {
  font-size: 14px;
  color: #333;
  display: inline-block;
  max-width: calc(100vw - 100px);
}

.cx-detail.train .train-mission-state {
  font-size: 12px;
  float: right;
}

.cx-detail.train .train-mission-state.before {
  color: #999;
}

.cx-detail.train .train-mission-state.after {
  color: #97B0DD;
}

.cx-detail.train .train-mission-time {
  font-size: 12px;
  color: #999;
  display: block;
}

.train-mission-item {
  border-top: 10px solid #f5f5f5;
}

.train-mission-item-head {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 15px;
}

.train-mission-item-head-title {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  flex: 1;
}

.train-mission-item-head-state {
  font-size: 13px;
}

.train-mission-item-head-state.sign {
  color: #75B3FF;
}

.train-mission-item-head-state.nosign {
  color: #999;
}

.train-mission-item-main {
  padding: 0 15px;
}

.train-mission-item-main>p {
  margin-top: 10px;
}

.train-mission-item-main>p:last-child {
  padding-bottom: 10px;
}

.train-mission-item-main-title {
  color: #666;
  font-size: 13px;
}

.train-mission-item-main-cont {
  color: #333;
  font-size: 13px;
}

/*日历插件的改动*/
.layui-laydate-range {
  width: 272px !important;
}

.cx-detail.train .layui-laydate {
  width: 100% !important;
}

.cx-detail.train .layui-laydate-main {
  width: 100% !important;
}

.cx-detail.train .layui-laydate {
  border: none !important;
  box-shadow: none !important;
}

.cx-detail.train .laydate-day-mark::after {
  background-color: #75B3FF;
  left: 50%;
  bottom: 2px;
  top: auto;
  right: auto;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -moz-transform: translate(-50%, 0);
  /* Firefox */
  -webkit-transform: translate(-50%, 0);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, 0);
  /* Opera */
}

@media screen and (max-width: 1024px) {

  .cx-detail.train .layui-laydate-content td:hover,
  .layui-laydate-list li:hover {
    background-color: inherit;
    color: #d2d2d2;
  }
}

/*15.1.签到详情*/
.train-sign .detail-head {
  padding: 0;
}

.train-sign .detail-body {
  border-radius: 25px;
  position: absolute;
  left: 0;
  top: 118px;
  width: 100%;
  overflow: hidden;
}

.train-sign .detail-tab-dom {
  min-height: calc(100vh - 118px);
}

.train-sign .cont-main-container {
  padding: 0 10px 0 15px;
}

.train-sign .detail-train-sign-state {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  background: linear-gradient(#3C6CF6, #75B3FF);
  padding: 20px 14px 40px;
}

.train-sign .train-sign-title {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding: 24px 0;
}

.train-sign-item {
  border-bottom: 1px solid #EBEBEB;
}

.train-sign-item-head {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}

.train-sign-list>.train-sign-item:first-child .train-sign-item-head {
  padding-top: 0;
}

.train-sign-item-title {
  font-size: 14px;
  color: #333;
  flex: 1;
  display: flex;
  align-items: baseline;
}

.train-sign-item-title .icon-b-section {
  color: #97B0DD;
  margin: 0 5px;
}

.train-sign-item-state {
  font-size: 12px;
}

.train-sign-item-state.sign {
  color: #97B0DD;
}

.train-sign-item-state.nosign {
  color: #999;
}

.train-sign-item-time {
  font-size: 12px;
  color: #999;
  padding: 15px 0;
  line-height: 1;
}

/*请假确认弹窗*/
.dialog-view.dialog-leave-confirm {
  padding: 16px;
  width: 238px;
}

.leave-confirm-title {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.leave-confirm-cont {
  padding: 16px 0 38px;
  font-size: 13px;
  color: #666;
}

.leave-confirm-button {
  font-size: 13px;
  text-align: right;
}

.confirm-button {
  color: #75B3FF;
}

.cancel-button {
  color: #999;
  margin-right: 55px;
}

/* 15.2.企培详情-考试任务 */
.cx-detail.train.exam .detail-head {
  padding: 20px 24px;
}

.cx-detail.train.exam .detail-head-inner {
  display: flex;
  margin: 0;
}

.cx-detail.train.exam .detail-train-img {
  width: 356px;
  height: 170px;
  margin-right: 20px;
}

.cx-detail.train.exam .detail-train-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-detail.train.exam .detail-train-content {
  flex: 1;
}

.cx-detail.train.exam .detail-train-content {
  margin: 0;
  padding: 0;
  position: relative;
}

.cx-detail.train.exam .detail-train-content .detail-train-title {
  font-size: 20px;
  padding-right: 70px;
}

.cx-detail.train.exam .detail-train-content .detail-train-introduction {
  font-size: 16px;
  color: #5B6571;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 48px;
}

.cx-detail.train.exam .detail-train-content .detail-train-time {
  font-size: 16px;
  color: #6B747F;
  margin: 55px 0 0;
}

.cx-detail.train.exam .detail-train-content .detail-train-time span:first-child {
  margin-right: 5px;
}

.cx-detail.train.exam .detail-train-content .detail-train-time span:nth-child(2) {
  margin-left: 5px;
}

.cx-detail.train.exam .detail-train-state {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 18px;
  top: 3px;
}

.cx-detail.train.exam .detail-train-state .nostart {
  color: #818991;
}

.cx-detail.train.exam .detail-train-state .doing {
  color: #818991;
}

.cx-detail.train.exam .detail-train-state .end {
  color: #818991;
}

.cx-detail.train.exam .detail-body {
  margin-top: 24px;
}

.cx-detail.train.exam .cont-main-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E8ECEF;
  padding: 15px 0 24px;
}

.cx-detail.train.exam .cont-main-head .cont-main-head-state {
  font-size: 18px;
}

.cx-detail.train.exam .cont-main-head .cont-main-head-state .unqualified {
  color: #818991;
}

.cx-detail.train.exam .cont-main-head .cont-main-head-state .qualified {
  color: #818991;
}

.cx-detail.train.exam .cont-main-head .cont-main-head-duration {
  font-size: 18px;
  color: #5B636B;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cx-detail.train.exam .cont-main-head .cont-main-head-duration p {
  display: flex;
  align-items: center;
}

.cx-detail.train.exam .cont-main-head .cont-main-head-duration span {
  font-size: 20px;
  color: #5B636B;
  margin-left: 20px;
}

.cx-detail.train.exam .cont-main-head .cont-main-head-progress {
  width: 360px;
  height: 8px;
  background: #E9EEF5;
  border-radius: 5px;
  margin-top: 11px;
}

.cx-detail.train.exam .cont-main-head .cont-main-head-progress p {
  height: 8px;
  background: #3C96FF;
  border-radius: 5px;
}

.cx-detail.train.exam .detail-body .cont-main {
  padding: 0 24px;
  background-color: #fff;
}

.cx-detail.train.exam .detail-body .cont-main-container {
  padding: 0;
}

.cx-detail.train.exam .detail-tab-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
}

.cx-detail.train.exam .detail-tab-item.tab-check::after {
  content: none;
}

.cx-detail.train.exam .detail-tab {
  overflow-x: auto;
  background: transparent;
}

.cx-detail.train.exam .detail-tab-item {
  cursor: unset;
  font-size: 18px;
  padding: 0;
  width: auto;
}

.cx-detail.train.exam .detail-tab-button {
  color: #588DF4;
  font-size: 16px;
  cursor: pointer;
}

.cx-detail.train.exam .detail-tab-button i {
  margin-left: 8px;
}

.cx-detail.train.exam .catalogue-stage-head {
  display: flex;
  background: #F0F4F9;
  align-items: center;
}

.cx-detail.train.exam .catalogue-stage-head-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 0 30px;
  flex: 1;
}

.cx-detail.train.exam .catalogue-stage-head-icon {
  cursor: pointer;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 500ms linear 0s;
  -ms-transition: transform 500ms linear 0s;
  ;
  /* IE 9 */
  -moz-transition: transform 500ms linear 0s;
  /* Firefox */
  -webkit-transition: transform 500ms linear 0s;
  /* Safari 和 Chrome */
  -o-transition: transform 500ms linear 0s;
  /* Opera */
}

.cx-detail.train.exam .hide .catalogue-stage-head-icon {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -moz-transform: rotate(-90deg);
  /* Firefox */
  -webkit-transform: rotate(-90deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-90deg);
  /* Opera */
}

.cx-detail.train.exam .catalogue-stage-head-title {
  display: flex;
  align-items: center;
  color: #5B636B;
  font-size: 16px;
}

.cx-detail.train.exam .catalogue-stage-head-title p:first-child {
  width: 18px;
  height: 18px;
  background: #3B6BD5;
  color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  cursor: pointer;
  font-size: 14px;
  position: relative;
}

.cx-detail.train.exam .catalogue-stage-head-title p:first-child>span {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: inline-block;
  padding: 24px 18px;
  font-size: 16px;
  color: #6C7683;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px 8px 8px 0px;
  width: 400px;
  cursor: unset;
  display: none;
}

.cx-detail.train.exam .catalogue-stage-head-button {
  display: flex;
}

.cx-detail.train.exam .catalogue-stage-head-button .catalogue-stage-head-period {
  height: 40px;
  background: #FAFCFF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0px 20px;
  font-size: 16px;
  color: #5B636B;
}

.cx-detail.train.exam .courseComplete .catalogue-stage-head-button .catalogue-stage-head-period {
  /* display: none; */
}

.cx-detail.train.exam .catalogue-stage-head-button .catalogue-stage-head-period p:first-child span::before {
  content: '已获学时：';
}

.cx-detail.train.exam .catalogue-stage-head-button .catalogue-stage-head-period p:last-child span::before {
  content: '目标学时：';
}

.cx-detail.train.exam .train-rate .catalogue-stage-head-button .catalogue-stage-head-period p:first-child span::before {
  content: '当前完成率：';
}

.cx-detail.train.exam .train-rate .catalogue-stage-head-button .catalogue-stage-head-period p:last-child span::before {
  content: '目标完成率：';
}

.cx-detail.train.exam .catalogue-stage-head-button .catalogue-stage-head-progress {
  width: 168px;
  height: 8px;
  background: #D0D7E1;
  border-radius: 4px;
  margin-left: 40px;
  margin-right: 40px;
}

.cx-detail.train.exam .catalogue-stage-head-button .catalogue-stage-head-progress p {
  height: 8px;
  background: #3C96FF;
  border-radius: 4px;
}

.cx-detail.train.exam .catalogue-stage-head-button .catalogue-stage-head-state {
  width: 96px;
  height: 40px;
  background: #FAFCFF;
  border-radius: 6px;
  margin: 0 120px 0 20px;
  color: #414B56;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
}

.cx-detail.train.exam .courseComplete .catalogue-stage-head-button .catalogue-stage-head-state {
  color: #33CC66;
}

.cx-detail.train.exam .catalogue-stage-list-head {
  display: flex;
  height: 48px;
  background: #F9F9F9;
  font-size: 16px;
  color: #7C8692;
  align-items: center;
  padding: 0 30px;
}

.cx-detail.train.exam .catalogue-stage-list .course {
  /* width: 273px; */
  flex: 1;
  margin-right: 84px;
}

.cx-detail.train.exam .catalogue-stage-list .course .course-img {
  width: 180px;
  height: 100px;
  margin-right: 16px;
  position: relative;
}

.cx-detail.train.exam .catalogue-stage-list .course .course-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-detail.train.exam .catalogue-stage-list .course .course-img .course-img-state {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0 0 4px;
  background: #eee;
  color: #33CC66;
  font-size: 12px;
  padding: 4px;
}

.cx-detail.train.exam .catalogue-stage-list .course .course-info {
  flex: 1;

}

.cx-detail.train.exam .catalogue-stage-list .course .course-info-title {
  font-size: 18px;
  color: #333;
}

.cx-detail.train.exam .catalogue-stage-list .catalogue-stage-item.unstart .course .course-info-title {
  color: #98A0A9;
}

.cx-detail.train.exam .catalogue-stage-list .course .course-info-time {
  font-size: 16px;
  color: #7F8894;
  margin-top: 17.5px;
}

.cx-detail.train.exam .catalogue-stage-list .catalogue-stage-item.unstart .course .course-info-time {
  color: #98A0A9;
}

.cx-detail.train.exam .catalogue-stage-list .period {
  display: flex;
}

.cx-detail.train.exam .catalogue-stage-list .unlearn {
  width: 273px;
}

.cx-detail.train.exam .catalogue-stage-list .learn {
  width: 273px;
}

.cx-detail.train.exam .catalogue-stage-list .state {
  width: 315px;
  color: #7F8894;
}

.cx-detail.train.exam .catalogue-stage-list .catalogue-stage-item-main .state {
  width: 345px;
}

.cx-detail.train.exam .catalogue-stage-item {
  display: flex;
  padding: 20px 0px;
  color: #7C8692;
  /* height: 48px; */
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}

.cx-detail.train.exam .catalogue-stage-item:hover {
  /* background: #F4F6FA; */
}

.cx-detail.train.exam .catalogue-stage-item-main {
  display: flex;
  /* align-items: center; */
  flex: 1;
  position: relative;
}

.cx-detail.train.exam .catalogue-stage-item-main .last {
  position: absolute;
  top: 0;
  right: 0;
  width: 116px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  background: #3C96FF;
  color: #fff;
  font-size: 16px;
  display: none;
}

.cx-detail.train.exam .catalogue-stage-item.last .catalogue-stage-item-main .last {
  display: block;
}

.cx-detail.train.exam .catalogue-stage-item-button {
  display: none;
}

.cx-detail.train.exam .catalogue-stage-item .course {
  display: flex;
  width: 100%;
}

.cx-detail.train.exam .catalogue-stage-item .course i {
  width: 20px;
  height: 20px;
  background: #3B6BD5;
  border-radius: 4px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-right: 12px;
}

.cx-detail.train.exam .catalogue-stage-item .course p {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cx-detail.train.exam .catalogue-stage-item.train-live .course p {
  display: flex;
  justify-content: space-between;
}

.cx-detail.train.exam .catalogue-stage-item .state p {
  display: none;
}

.cx-detail.train.exam .catalogue-stage-item.train-live .state p {
  display: block;
}

.cx-detail.train.exam .catalogue-stage-item.doing.train-live .state p {
  color: #33CC66;
}

.cx-detail.train.exam .catalogue-stage-item.end .state p {
  display: block;
}

.cx-detail.train.exam .catalogue-stage-item.unstart .state {
  /* color: #959DA5; */
  /* font-size: 0; */
}

.cx-detail.train.exam .catalogue-stage-item.unstart .state span {
  width: 24px;
  height: 24px;
  background: #D8DEE9;
  display: inline-block;
  border-radius: 100%;
  margin-right: 16px;
}

.cx-detail.train.exam .catalogue-stage-item.doing .course {
  color: #333;
}

.cx-detail.train.exam .catalogue-stage-item.doing .state {
  /* color: #333; */
}

.cx-detail.train.exam .catalogue-stage-item.doing .state span {
  width: 24px;
  height: 24px;
  background: #588DF4;
  display: inline-block;
  border-radius: 100%;
  margin-right: 16px;
  position: relative;
}

.cx-detail.train.exam .catalogue-stage-item.doing .state span::after {
  content: '';
  display: inline-block;
  background-color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 0 12px 0 0;
  position: absolute;
  top: 0;
  right: 0;
}

.cx-detail.train.exam .catalogue-stage-item.doing.last .course {
  color: #3E7BF3;
}

.cx-detail.train.exam .catalogue-stage-item.doing.last .state {
  /* color: #3E7BF3; */
}

.cx-detail.train.exam .catalogue-stage-item.end .course {
  color: #333;
}

.cx-detail.train.exam .catalogue-stage-item.end .state {
  color: #333;
}

.cx-detail.train.exam .catalogue-stage-item.end .state p {
  display: flex;
  align-items: center;
  color: #7F8894;
}

.cx-detail.train.exam .catalogue-stage-item.end .state span {
  width: 24px;
  height: 24px;
  background: #61E0B7;
  display: inline-block;
  border-radius: 100%;
  margin-right: 16px;
}

/*16.慕课课程详情页*/
.cx-detail.classb .detail-head-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  z-index: 2;
  display: none;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);
}

.cx-detail.classb .detail-back {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255);
  border-radius: 100%;
}

.cx-detail.classb .detail-back>i {
  font-size: 30px;
}

.cx-detail.classb .detail-person {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255);
  font-size: 30px;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  position: absolute;
  top: 15px;
  right: 15px;
}

.cx-detail.classb .detail-person img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cx-detail.classb .detail-head .detail-price {
  display: none;
  position: absolute;
  bottom: 36px;
}

.cx-detail.classb .detail-head .detail-price .detail-price-cont {
  font-size: 17px;
  color: #f49b4e;
  font-weight: 600;
}

.cx-detail.classb .detail-head .detail-price .detail-price-cont span {
  font-size: 11px;
  color: #999;
  text-decoration: line-through;
  padding-left: 3px;
  font-weight: 400;
}

.cx-detail.classb .detail-head .detail-price .detail-buy-num {
  display: none
}

.cx-detail.classb .detail-head .detail-title {
  margin-top: 0;
}

.cx-detail.classb .detail-head .detail-record-label-mobile {
  display: none;
}

.cx-detail.classb .detail-head .detail-record {
  display: flex;
  position: relative;
}

.cx-detail.classb .detail-head .detail-record .detail-record-class {
  color: #4461bd;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  width: 100%;
  display: flex;
}

.cx-detail.classb .detail-head .detail-record .detail-record-classtitle {
  width: calc(100% - 90px);
  display: inline-block;
}

.cx-detail.classb .detail-head .detail-record .detail-record-button {
  width: 90px;
  height: 30px;
  background: rgba(68, 97, 189, 0.4);
  opacity: 0.4;
  border-radius: 100px 0px 0px 100px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
}

.cx-detail.classb .detail-head .detail-record .detail-record-button a {
  color: #fff;
}

.cx-detail.classb .detail-head .detail-img {
  /* 课程尺寸图片 */
  width: auto;
}

.cx-detail.classb .detail-head .detail-info {
  margin-bottom: 59px;
  margin-top: 6px;
  position: relative;
}

.cx-detail.classb .detail-head .detail-info .detail-info-row {
  /* display: flex; */
  /* justify-content: space-between; */
}

.cx-detail.classb .detail-head .detail-info .detail-info-num {
  color: #646566;
  font-weight: 500;
  font-size: 12px;
  position: absolute;
  right: 16px;
  top: 10px;
}

.cx-detail.classb .detail-head .detail-info .detail-info-row label {
  display: none;
  float: left;
  min-width: 60px;
  margin-right: 10px;
  color: #969799;
  line-height: 25px;
}

.cx-detail.classb .detail-head .detail-info .detail-info-row span {
  display: block;
  overflow: hidden;
  color: #646566;
  font-weight: 500;
}

.cx-detail.classb .detail-head .detail-info .detail-info-row .price-class {
  font-size: 18px;
  color: #ff8300;
  display: inline-flex;
  align-items: baseline;
}

.cx-detail.classb .detail-head .detail-info .detail-info-row .price-class>span {
  font-size: 11px;
  color: #999;
  text-decoration: line-through;
  padding-left: 3px;
  font-weight: 400;
}

.cx-detail.classb .detail-head .detail-info .detail-info-row .price-class>font {
  vertical-align: middle;
  font-weight: 700;
}

.cx-detail.classb .detail-tool .details-buy-center-solid {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
  margin-right: 14px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  display: inline-block;
  cursor: pointer;
  -moz-transition: all 0.3s;
  -weibkit-transition: all 0.3s;
  transition: all .3s;
  color: #fff;
  border-style: solid;
  border-width: 1px;
}

.cx-detail.classb .detail-body {
  margin-top: 20px
}

.cx-detail.classb .detail-body .cont-main {
  flex: 9;
}

.cx-detail.classb .detail-body .cont-slide {
  width: 280px;
  margin-left: 20px;
}

.cx-detail.classb .detail-body .cont-main .pagination>li>a,
.cx-detail.classb .detail-body .cont-main .pagination>li>span {
  /* 课程评论分页 */
  margin: 0 2px;
}

.cx-detail.classb .cont-main .detail-tab-item.tab-check {
  font-size: 18px;
}

.cx-detail.classb .cont-main .detail-tab-cont {
  padding: 15px
}

.cx-detail.classb .detail-tab-cont .detail-tab-cont-body {
  padding: 0;
}

.cx-detail.classb .detail-tab-cont.mooc {
  padding: 0;
}

.cx-detail.classb .detail-tab-cont-body .model-mooc .model-mooc-title {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #666;
  margin-top: 10px;
}

.cx-detail.classb .detail-tab-cont .detail-tab-cont-body .model-mooc .model-mooc-list {
  /* padding-bottom: 200px; */
}

.cx-detail.classb .detail-tab-cont .detail-tab-cont-body .model-mooc .model-mooc-title .model-mooc-title-sort {
  cursor: pointer;
}

.cx-detail.classb .detail-tab-cont-body .model-mooc .model-mooc-title .model-mooc-title-sort.positive::after {
  content: '正序';
}

.cx-detail.classb .detail-tab-cont-body .model-mooc .model-mooc-title .model-mooc-title-sort.negative::after {
  content: '倒序';
}

.cx-detail.classb .detail-tab-cont .detail-tab-cont-body .model-mooc .model-mooc-title .icon-positive_sequence,
.cx-detail.classb .detail-tab-cont .detail-tab-cont-body .model-mooc .model-mooc-title .icon-inverted_order {
  margin-right: 8px;
}

.cx-detail.classb .model-mooc .model-mooc-item {
  display: flex;
  justify-content: space-between;
}

.cx-detail.classb .model-mooc .model-mooc-leve1.model-mooc-group {
  padding: 6px 0;
}

.cx-detail.classb .model-mooc .model-mooc-leve1.model-mooc-group>span {
  line-height: 27px;
}

.cx-detail.classb .model-mooc .model-mooc-leve1.model-mooc-group>p {
  font-size: 18px;
  color: #333;
  font-weight: 700;
  margin-right: 20px;
}

.cx-detail.classb .model-mooc .model-mooc-leve2.model-mooc-group {
  padding: 6px 0;
}

.cx-detail.classb .model-mooc .model-mooc-leve2.model-mooc-group>p {
  font-size: 18px;
  font-weight: 700;
  color: #666;
}

.cx-detail.classb .model-mooc .model-mooc-period {
  background-color: #f7f7f7;
  overflow: hidden;
}

.cx-detail.classb .model-mooc .model-mooc-leve1.model-mooc-period>span {
  display: none;
}

.cx-detail.classb .model-mooc .model-mooc-period>p {
  color: #666;
  font-weight: 700;
  font-size: 18px;
  padding: 10px 20px;
}

.cx-detail.classb .model-mooc .model-mooc-courseware {
  position: relative;
  cursor: pointer;
  background-color: #f7f7f7;
  padding: 0px 20px;
  justify-content: flex-start;
}

.cx-detail.classb .model-mooc .model-mooc-item.qrcode-highlight {
  background-color: #EDF1FF;
  border-left: 1px solid #f0f3ff;
  border-right: 1px solid #f0f3ff;
}

.cx-detail.classb .model-mooc .model-mooc-item.qrcode-highlight.model-mooc-period {
  border-top: 1px solid #f0f3ff;
}

.cx-detail.classb .model-mooc .model-mooc-item.qrcode-highlight.model-mooc-period>p {
  color: #4a60b7;
}

/* .cx-detail.classb .model-mooc .model-mooc-item.qrcode-highlight.model-mooc-courseware + .model-mooc-item.model-mooc-period{
  border-top: 1px solid #f0f3ff;
} */
/* .cx-detail.classb .model-mooc .model-mooc-item.qrcode-highlight:last-of-type{
  border-bottom: 1px solid #f0f3ff;
  background-color: #000;
} */
.cx-detail.classb .model-mooc .model-mooc-courseware.learning a {
  color: #50b7ff;
}

.cx-detail.classb .model-mooc .model-mooc-courseware:hover .model-mooc-courseware-title,
.cx-detail.classb .model-mooc .model-mooc-courseware:hover .courseware-info-progress {
  color: #50b7ff;
}

.cx-detail.classb .model-mooc .model-mooc-courseware .icon-mooc {
  /* position: absolute;
  left: 0;
  top: 2px; */
  display: flex;
  font-size: 20px;
  margin-right: 10px;
  margin-top: 14px;
}
.cx-detail.classb .model-mooc .model-mooc-courseware .model-mooc-courseware-icon {
  display: flex;
  font-size: 20px;
  margin-right: 10px;
  margin-top: 14px;
}
.cx-detail.classb .model-mooc .model-mooc-courseware .model-mooc-courseware-cont {
  flex: 1;
}

.cx-detail.classb .model-mooc .model-mooc-courseware .icon-locked {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -12px;
  font-size: 24px;
  color: #999;
}

.cx-detail.classb .model-mooc .model-mooc-courseware .model-mooc-courseware-title {
  font-size: 16px;
  color: #666;
  border-top: 1px solid #eee;
  width: 100%;
  padding: 10px 0 6px;
}

.cx-detail.classb .model-mooc .model-mooc-courseware.learning .model-mooc-courseware-title,
.cx-detail.classb .model-mooc .model-mooc-courseware.learning .courseware-info-progress {
  color: #50b7ff;
}

.cx-detail.classb .model-mooc .model-mooc-courseware .model-mooc-courseware-info {
  font-size: 12px;
  color: #aaa;
  padding-bottom: 10px;
}

.cx-detail.classb .model-mooc .model-mooc-courseware .model-mooc-courseware-info .courseware-info-progress {
  padding-right: 10px;
  position: relative;
}

.cx-detail.classb .model-mooc .model-mooc-courseware .model-mooc-courseware-info .courseware-info-num {
  padding-left: 10px;
}

/* .cx-detail.classb .model-mooc .model-mooc-courseware .model-mooc-courseware-info .courseware-info-progress::before{
  content: '';
  width: 1px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 1px;
  background-color: #979797;
} */
.cx-detail.classb .model-mooc .model-mooc-leve1.model-mooc-period {
  /* margin-top: 12px; */
  position: relative;
}

.cx-detail.classb .model-mooc .model-mooc-leve1.model-mooc-period>p {
  margin-top: 12px;
}

.cx-detail.classb .model-mooc .model-mooc-leve1.model-mooc-period>p::after {
  content: "";
  width: 100%;
  height: 12px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}

/* .cx-detail.classb .view-content-img */
/*17.慕课课程详情页.classcont*/
.cx-detail.classb.classcont .detail-body .cont-slide {
  width: 200px;
}

.cx-detail.classb.classcont .detail-tab-cont-body .model-mooc .model-mooc-title {
  margin-top: 0;
}

/*18.视频详情页*/
.cx-detail.video .detail-video {
  display: flex;
}

.cx-detail.video .detail-video-main {
  flex: 1;
}

.cx-detail.video .detail-video-body {
  height: 495px;
  position: relative;
}

.cx-detail.video .detail-video-sider {
  width: 320px;
  height: 100%;
  padding: 0 20px;
  background: #F5F5F5;
}

.cx-detail.video .detail-video-menu-title {
  font-size: 20px;
  font-weight: 600;
  color: #262626;
  line-height: 28px;
  margin: 20px 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.cx-detail.video .detail-video-menu-num {
  font-size: 14px;
  color: #595959;
  line-height: 20px;
  padding: 0 0 16px;
}

.cx-detail.video .detail-video-menu-list {
  height: 403px;
  overflow: hidden;
  overflow-y: auto;
}

.cx-detail.video .detail-video-menu-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/*定义滑块
 内阴影+圆角*/
.cx-detail.video .detail-video-menu-list::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #a5a5a5;
}

.cx-detail.video .detail-video-menu-item {
  display: flex;
  margin-bottom: 16px;
  cursor: pointer;
}

.cx-detail.video .detail-video-menu-item-img {
  width: 130px;
  height: 74px;
  margin-right: 12px;
  overflow: hidden;
  border-radius: 8px;
}

.cx-detail.video .detail-video-menu-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-detail.video .detail-video-menu-item-title {
  flex: 1;
  font-size: 14px;
  color: #262626;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 60px;
  margin-top: 4px;
}

.cx-detail.video .detail-video-menu-item.checked .detail-video-menu-item-title {
  color: #41B995;
}

.cx-detail.video .detail-video-info {
  width: 880px;
}

.cx-detail.video .detail-video-info-title {
  font-size: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  margin: 12px 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.cx-detail.video .detail-video-info-state p {
  width: 44px;
  height: 20px;
  background: #F4FFFB;
  border-radius: 2px;
  border: 1px solid #9ED9C7;
  font-size: 12px;
  color: #41B995;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cx-detail.video .detail-video-info-state p.unfinished {
  background: #FAFAFA;
  border: 1px solid #D9D9D9;
  color: rgba(0, 0, 0, 0.65);
}

.cx-detail.video .detail-video-info-cont {
  font-size: 12px;
  color: #8C8C8C;
  line-height: 18px;
  margin-top: 10px;
}

/* 视频 */
.cx-detail.video .detail-video-body {
  overflow: hidden;
}

.cx-detail.video .m-video {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000000;
}

.cx-detail.video .m-video video {
  width: 100%;
  height: 100%;
}

.cx-detail.video .m-video:hover .m-control {
  bottom: 0;
}

.cx-detail.video .m-video-loading {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  text-shadow: rgba(0, 0, 0, 0.5);
  z-index: 2;
  transform: translate(-50%, -50%);
}

.cx-detail.video .m-video-playbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}

.cx-detail.video .m-video-playbtn>img {
  display: block;
  width: 140px;
  height: 140px;
  transition: transform 300ms;
  cursor: pointer;
}

.cx-detail.video .m-video-playbtn img:hover {
  transform: scale(1.1);
}

.cx-detail.video .m-control {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 92px;
  /* background-color: rgb(0, 0, 0); */
  transition: bottom 300ms;
  z-index: 13;
}

.cx-detail.video .m-video-seek {
  display: flex;
  flex: 1;
  width: 100%;
  align-items: center;
}

.cx-detail.video .m-seek-control {
  position: relative;
  flex: 1;
  height: 32px;
}

.cx-detail.video .m-seek-slider {
  position: absolute;
  bottom: 0;
  left: 20px;
  width: calc(100% - 40px);
  height: 16px;
  cursor: pointer;
  border-radius: 2px;
  transition: height 300ms;
}

.cx-detail.video .m-seek-slider::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 0;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.3);
  width: 100%;
}

.cx-detail.video .m-seek-load {
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 0;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.3);
}

.cx-detail.video .m-seek-play {
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 0;
  height: 4px;
  background: #fff;
  border-radius: 2px;
}

.cx-detail.video .m-seek-mouse {
  position: absolute;
  bottom: 3px;
  left: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 4px 0 rgb(165 165 165);
  -webkit-box-shadow: 0 0 4px 0 rgb(165 165 165);
  background-color: #fff;
  /* opacity: 0; */
}

.cx-detail.video .m-seek-mouse,
.cx-detail.video .m-seek-play,
.cx-detail.video .m-seek-slider,
.cx-detail.video .m-seek-load {
  transition: height 250ms;
}

/* .m-seek-control:hover .m-seek-slider,
.m-seek-control:hover .m-seek-play,
.m-seek-control:hover .m-seek-load {
  height: 16px;
} */
/* .m-control:hover .m-seek-mouse{
  opacity: 1;
} */
/* .m-seek-control:hover .m-seek-mouse {
  height: 24px;
  border-radius: 6px;
} */

.cx-detail.video .m-video-tool {
  width: 100%;
  height: 60px;
  color: #fff;
}

.cx-detail.video .m-video-tool .fl {
  display: flex;
  height: 100%;
  align-items: center;
}

.cx-detail.video .m-video-tool .fr {
  display: flex;
  height: 100%;
  align-items: center;
}

.cx-detail.video .m-video-button {
  display: flex;
}

.cx-detail.video .m-video-button .m-video-btn__play {
  font-size: 20px;
  /* padding: 4px 24px; */
  margin-left: 20px;
  cursor: pointer;
}

.cx-detail.video .m-video-button .m-video-btn__play>i {
  display: block;
  width: 24px;
  font-size: 0;
}

.cx-detail.video .m-video-button .m-video-btn__play>i.icon-learn-va-play:before {
  content: none;
}

.cx-detail.video .m-video-button .m-video-btn__play>i.icon-learn-va-play:after {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../img/cx_detail_video_play.png');
  background-size: 100%;
}

.cx-detail.video .m-video-button .m-video-btn__play>i.icon-learn-va-pause:before {
  content: none;
}

.cx-detail.video .m-video-button .m-video-btn__play>i.icon-learn-va-pause:after {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../img/cx_detail_video_pause.png');
  background-size: 100%;
}

.cx-detail.video .m-video-btn__next {
  margin-left: 16px;
  cursor: pointer;
}

.cx-detail.video .m-video-time {
  display: flex;
  font-size: 0;
  color: #FFFFFF;
  line-height: 20px;
}

.cx-detail.video .m-video-time .m-time-current {
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 20px;
}

.cx-detail.video .m-video-time .m-time-total {
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 20px;
}

.cx-detail.video .m-video-progress {
  display: flex;
}

.cx-detail.video .m-video-back,
.cx-detail.video .m-video-advance {
  padding: 0 4px;
  margin-right: 32px;
  font-size: 16px;
  cursor: pointer;
}

.cx-detail.video .m-video-advance>i,
.cx-detail.video .m-video-back>i {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

/* .m-video-back:hover,
.m-video-advance:hover,
.m-video-volume:hover,
.m-video-speed:hover,
.m-video-fullscreen:hover {
  color: #41b995;
} */
.cx-detail.video .m-video-volume {
  padding: 0;
  margin-right: 24px;
  font-size: 0px;
  cursor: pointer;
}

.cx-detail.video .m-video-volume .icon-learn-va-volume::before {
  content: none;
}

.cx-detail.video .m-video-volume .icon-learn-va-volume::after {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../img/cx_detail_video_voice.png');
  background-size: 100%;
}

.cx-detail.video .m-video-volume .icon-learn-va-silent::before {
  content: none;
}

.cx-detail.video .m-video-volume .icon-learn-va-silent::after {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../img/cx_detail_video_silent.png');
  background-size: 100%;
}

.cx-detail.video .m-video-volume i,
.cx-detail.video .m-video-fullscreen i {
  font-size: 0;
}

.cx-detail.video .m-video-speed {
  position: relative;
  /* padding: 0 4px; */
  margin-right: 24px;
  height: 24px;
  /* line-height: 60px; */
  cursor: pointer;
  width: 40px;
  display: flex;
  align-items: center;
}

.cx-detail.video .m-video-speed>p {
  font-weight: 500;
  height: 24px;
}

.cx-detail.video .m-video-speed:hover .m-video-speedlist {
  opacity: 1;
  visibility: visible;
}

.cx-detail.video .m-video-speedlist {
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 152px;
  height: 266px;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;

}

.cx-detail.video .m-video-speedlist-main {
  position: absolute;
  left: 0;
  top: 0;
  width: 152px;
  height: 225px;
  padding: 4px 4px 5px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.76);
}

.cx-detail.video .m-video-speedlist li {
  height: 40px;
  border-radius: 8px;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 40px;
  margin-bottom: 4px;
}

.cx-detail.video .m-video-speedlist li:last-child {
  margin-bottom: 0;
}

.cx-detail.video .m-video-speedlist li.checked {
  background: rgba(255, 255, 255, 0.2);
}

.cx-detail.video .m-video-volume {
  position: relative;
  display: flex;
  height: 24px;
  align-items: center;
}

.cx-detail.video .m-video-volume:hover .m-video-volume-control {
  opacity: 1;
  visibility: visible;
}

.cx-detail.video .m-video-volume-control {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 42px;
  height: 190px;
  transform: translateX(-50%);
}

.cx-detail.video .m-video-volume-control-main {
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
  height: 140px;
  background: rgba(0, 0, 0, 0.76);
  border-radius: 12px;
}

.cx-detail.video .m-video-volume-num {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 14px;
  text-align: center;
  margin-top: 13px;
}

.cx-detail.video .m-video-volume-slide {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 4px;
  height: 94px;
  background: rgba(255, 255, 255, 0.23);
  border-radius: 2px;
  transform: translate(-50%);
}

.cx-detail.video .m-volume-mouse {
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  z-index: 2;
}

.cx-detail.video .m-volume-play {
  position: absolute;
  bottom: 0;
  width: 4px;
  background-color: #fff;
  border-radius: 2px;
  z-index: 2;
}

.cx-detail.video .m-video-fullscreen {
  padding: 0;
  margin-right: 20px;
  font-size: 0;
  cursor: pointer;
}

.cx-detail.video .m-video-fullscreen .icon-learn-va-zoomin::before {
  content: none;
}

.cx-detail.video .m-video-fullscreen .icon-learn-va-zoomin::after {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../img/cx_detail_video_fullscreen.png');
  background-size: 100%;
}

.cx-detail.video .m-video-fullscreen .icon-learn-va-zoomout::before {
  content: none;
}

.cx-detail.video .m-video-fullscreen .icon-learn-va-zoomout::after {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../img/cx_detail_video_resetscreen.png');
  background-size: 100%;
}

.cx-detail.video .m-video-fullscreen .icon-learn-va-zoomout {
  display: none;
}

.cx-detail.video .l-loading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 14;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.cx-detail.video .m-video-playbtn>img {
  width: 80px;
  height: 80px;
}

.cx-detail.video .detail-video-mobile-tab {
  display: none;
}

.cx-detail.video .detail-video-mobile-cont {
  display: none;
}

.cx-detail.video .m-video-name {
  display: none;
}

/*
 * 弹窗
 * 
 * 1.余额
 * 2.选集
 * 3.
 * 4.积分 （兑换成功兑换失败
 * 5.询问
 * 6.留言板
 *
 * */
/* 1.余额 */
.dialog-view.dialog-view-balance {
  width: 420px;
  padding: 16px 30px 30px;
}

.dialog-view.dialog-view-balance .close {
  font-size: 40px;
  color: #8a8a8a;
}

.dialog-view.dialog-view-balance .view-body .view-title>p {
  font-size: 20px;
  color: #333333;
  text-align: left;
}

.dialog-view.dialog-view-balance .view-body .view-title>p>span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #f86342;
}

.dialog-view.dialog-view-balance .view-body .view-content {
  padding: 28px 0;
  overflow-y: auto;
}

.dialog-view-balance .balance-list {
  display: flex;
}

.dialog-view-balance .balance-list .balance-item {
  display: flex;
  flex-direction: column;
  width: 100px;
  height: 100px;
  margin-right: 12px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.dialog-view-balance .balance-list .balance-item.s-check-balance {
  border: 1px solid #f86342;
  background: rgba(248, 99, 66, 0.1)
}

.dialog-view-balance .balance-list .balance-item .balance-item-tit {
  font-size: 14px;
  color: #333333;
}

.dialog-view-balance .balance-list .balance-item .balance-item-price {
  color: #f86342;
  font-size: 14px;
}

.dialog-view-balance .view-footer>a {
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  background: #f86342;
  text-align: center;
  border-radius: 30px;
}

.dialog-view.dialog-view-checkbuy {
  /* 选集购买弹窗 */
  width: 650px;
}

.dialog-view.dialog-view-checkbuy {
  padding: 0;
}

.dialog-view-checkbuy .view-head i {
  display: block;
  width: auto;
  font-size: 40px;
}

.dialog-view.dialog-view-checkbuy .view-body .view-title p {
  height: 72px;
  line-height: 72px;
  padding-left: 46px;
  text-align: left;
}

.dialog-view.dialog-view-checkbuy .view-body .view-content {
  padding: 0 46px 30px;
}

.dialog-view.dialog-view-checkbuy .view-body .view-content>ul {
  height: 330px;
  padding-top: 10px;
  overflow: auto;
}

/*定义滚动条的轨道，内阴影及圆角*/
.dialog-view.dialog-view-checkbuy .view-body .view-content>ul::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  border-radius: 20px;
  background-color: transparent;
}

/*定义滑块，内阴影及圆角*/
.dialog-view.dialog-view-checkbuy .view-body .view-content>ul::-webkit-scrollbar-thumb {
  /*width: 10px;*/
  height: 26px;
  border-radius: 30px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #c5c5c5;
}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.dialog-view.dialog-view-checkbuy .view-body .view-content>ul::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: transparent;
}

.dialog-view.dialog-view-checkbuy .view-content ul li .zllist-item {
  height: 68px;
  padding: 0;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}

.dialog-view.dialog-view-checkbuy .view-content ul li .zllist-item.check {
  background: rgba(248, 99, 66, 0.06)
}

.dialog-view.dialog-view-checkbuy .view-content ul li .zllist-item.check .icon-success {
  color: #F86442;
  border: 0;
}

.dialog-view.dialog-view-checkbuy .view-content ul li .zllist-item.checked .icon-success::before {
  content: "\e979";
}

.m-select-checkbuy>p {
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #9e9e9e;
}

.m-select-checkbuy .checkall {
  cursor: pointer;
}

.dialog-view-checkbuy.dialog-view .view-footer {
  border-top: 1px solid #E1E1E1;
}

.dialog-view-checkbuy.dialog-view .view-footer>div {
  display: flex;
  height: 72px;
  padding: 0 46px;
  align-items: center;
  justify-content: space-between;
}

.dialog-view-checkbuy.dialog-view .view-footer .price>p>span {
  font-size: 15px;
}

.dialog-view-checkbuy.dialog-view .view-footer .price>p>font {
  font-size: 15px;
  color: #F86442;

}

.dialog-view-checkbuy.dialog-view .view-footer .price>p>s {
  font-size: 13px;
  color: #B2B2B2;
  margin-left: 5px;
}

.dialog-view-checkbuy.dialog-view .view-footer .tool {
  display: flex;
  align-items: center;
}

.dialog-view-checkbuy.dialog-view .view-footer .tool>p {
  color: #333333;
  font-size: 15px;
}

.dialog-view-checkbuy.dialog-view .view-footer .tool .btn-buy-all {
  width: 112px;
  height: 36px;
  margin-left: 10px;
  line-height: 34px;
  border: 1px solid #F86442;
  border-radius: 30px;
  color: #F86442;
  box-sizing: border-box;
}

.dialog-view-checkbuy.dialog-view .view-footer .tool .btn-buy-check {
  width: 112px;
  height: 36px;
  margin-left: 10px;
  line-height: 34px;
  color: #fff;
  background: #F86442;
  border-radius: 30px;
  box-sizing: border-box;
}

.m-select-checkbuy {
  position: relative;
}

/* 3.确认框 */
.dialog-view.dialog-view-confirm {
  width: 275px;
  padding: 0;
  overflow: hidden;
}

.dialog-view-confirm .view-confirm-title {
  padding: 25px 0 10px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

.dialog-view-confirm .view-confirm-des {
  padding-bottom: 20px;
  font-size: 16px;
  color: #333333;
  text-align: center;
}

.dialog-view-confirm .view-btn {
  display: flex;
}

.dialog-view-confirm .confirm-btn-reset,
.dialog-view-confirm .confirm-btn-submit {
  flex: 1;
  height: 50px;
  line-height: 50px;
  margin: 0;
  border: 0;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-radius: 0;
}

.dialog-view-confirm .confirm-btn-submit {
  background: #ffffff;
  color: #5270C6;
  font-weight: 500;
  border-right: 0;
}

.dialog-view-confirm>a:last-child {
  border-right: 0;
}

/* 积分 （兑换成功兑换失败） */
.dialog-view-point {
  width: 270px;
}

.dialog-view-point .view-body {
  padding-bottom: 10px;
}

.dialog-view-point .view-point-img {
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto 10px;
}

.dialog-view-point .view-point-tit {
  padding: 5px 10px 0;
  margin-bottom: 10px;
  font-size: 18px;
  color: #333333;
  text-align: center;
}

.dialog-view-point .view-point-des {
  padding: 0 10px;
  max-height: 117px;
  color: #333333;
  margin-bottom: 20px;
  overflow: auto;
}

.view-point-btn {
  display: block;
  margin: 0 -10px -11px -10px;
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  color: #fff;
  background: #5270C6;
  text-align: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.view-close {
  position: absolute;
  bottom: -60px;
  width: 30px;
  height: 30px;
  left: 50%;
  transform: translateX(-50%);
}

/* 5.询问 */
.dialog-view.dialog-view-ask {
  width: 240px;
  padding: 0;
  transform: translate(-50%, -50%);
  border-radius: 4px;
  overflow: hidden;
}

.dialog-view-ask .ask-item {
  display: flex;
  position: relative;
  min-height: 100px;
  padding: 10px;
  justify-content: center;
  align-items: center;
}

.dialog-view-ask .ask-cont-tit {
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  text-align: center;
}

.dialog-view-ask .ask-cont-des {
  font-size: 14px;
  color: #9e9e9e;
  text-align: center;
}

.dialog-view-ask .ask-btn {
  display: flex;
}

.dialog-view-ask .ask-btn>a {
  display: inline-block;
  width: 50%;
  line-height: 39px;
  font-size: 14px;
  text-align: center;
  border-top: 1px solid #e1e1e1;
}

.dialog-view-ask .ask-btn>a:last-child {
  border-left: 1px solid #e1e1e1;
}

.dialog-view-ask .ask-btn .ask-btn-submit {
  flex: 1;
  color: #1d85fe;
}

/* 留言 */
.dialog-view-message {
  width: 800px;
  height: 600px;
  padding: 0;
}

/* pc 通知 */
.dialog-view.dialog-view-pc-confirm {
  padding: 0 0 10px 0;
  overflow: hidden;
}

.dialog-view.dialog-view-pc-confirm .close {
  width: 75px;
}

.dialog-view.dialog-view-pc-confirm .view-head {
  position: relative;
  top: auto;
  right: auto;
  padding: 10px 30px;
  background-color: #e8e8e8;
  font-size: 16px;
}

.dialog-view-pc-confirm .view-body {
  padding: 30px 30px;
}

.dialog-view-pc-confirm .view-btn {
  text-align: right;
  padding: 10px 10px 10px 10px;
}

.pc-confirm-btn-submit {
  display: inline-block;
  width: 75px;
  height: 30px;
  margin: 0 12px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #dddddd;
}

/* 
* from 表单
* 
* 艺考报名
*
*
*
*/
.cx-detail.form {
  overflow: hidden;
  margin: 0 auto;
  background: #fff;
}

.cx-detail.form .p-form__inner {
  padding-top: 40px;
}

.p-form__artresult {
  padding: 40px 0;
  text-align: center;
  background: #ffffff
}

.p-form__artresult>img {
  margin-bottom: 20px;
}

.p-form__artresult__des {
  padding-bottom: 40px;
  text-align: center;
  background: #ffffff
}

.p-form__artresult>p {
  font-size: 26px;
}

.p-form__artresult__des p {
  padding-bottom: 10px;
  font-size: 14px;
  color: #808080;
  line-height: 1.5;
}

.p-form__artresult .p-form__result_text {
  margin-top: 20px;
  padding: 0 18px;
}

.p-form__artresult .p-form__result_text p {
  margin-bottom: 5px;
  color: #999999;
  font-size: 12px;
}
.cx-detail.form.artexam.artexam-confirm .p-form__artresult .p-form__result_text p{
  font-size: 14px;
  color: #de6456;
}
.p-form__artresult .p-form__result_text p>font {
  display: block;
  float: left;
  line-height: 1.5;
}

.p-form__artresult .p-form__result_text p>span {
  display: block;
  overflow: hidden;
}

.p-form__header {
  margin-bottom: 30px;
  text-align: center;
}

.p-form__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-form-list {
  background: #ffffff;
}

.p-form-list__head {
  height: 50px;
  margin-bottom: 10px;
  line-height: 50px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 13px;
  color: #666666;
}

.p-form-list__head .form-drop.down .icon-arrow-down {
  transform: rotate(180deg);
}

.p-form-list__head .form-drop .icon-arrow-down {
  display: block;
  line-height: 50px;
}

.p-form-list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 11px;
  margin-bottom: 11px;
  border-bottom: 1px solid #e8e8e8;
}

.c-uploadbox {
  margin: 0 auto;
  text-align: center;
}


.c-uploadbox .c-uploadimg {
  margin: 0 0 20px;
  border: 1px solid #d4d4d4
}

.c-uploadbox .c-uploadimg>img {
  display: block;
  height: 100%;
  margin: 0 auto;
}

.c-uploadbox .c-uploadimg {
  position: relative;
}

.c-uploadimg__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.c-uploadbox-des>label {
  float: left;
  margin-right: 20px;
  color: #ff3329;
  font-size: 14px;
}

.c-uploadbox-des>div {
  overflow: hidden;
  text-align: left;

}

.c-uploadbox-des>div>p {
  font-size: 14px;
  color: #acacac;
}

.c-uploadbox-filelist {
  margin-top: 10px;
}

.c-uploadbox-file-upload .upload-img-progress {
  text-align: center;
}

.c-uploadbox-file-upload .upload-img-loading {
  width: 100%;
}

.c-uploadbox-file-upload .loader-1 {
  width: 48px;
  height: 48px;
  border: 5px solid #FFF;
  border-bottom-color: #FF3D00;
  border-radius: 50%;
  display: inline-block;
}

.c-uploadbox-file-upload .loader-2 {
  width: 100%;
  height: 4.8px;
  display: inline-block;
  background: #999;
  position: relative;
  overflow: hidden;
}

.c-uploadbox-file-upload .loader-2 .loader-2-cont {
  width: 0%;
  height: 4.8px;
  background-color: #50b7ff;
  background-size: 15px 15px;
  position: absolute;
  top: 0;
  left: 0;
  transition: width 500ms;
  -moz-transition: width 500ms;
  /* Firefox 4 */
  -webkit-transition: width 500ms;
  /* Safari and Chrome */
  -o-transition: width 500ms;
  /* Opera */
}



.c-uploadbox-btn {
  line-height: 1.5715;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  -webkit-box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
  box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
  cursor: pointer;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: rgba(0, 0, 0, .85);
  background: #fff;
  border: 1px solid #D8D8D8;
}

.c-uploadbox-btn:hover {
  border: 1px solid #999;
}

.c-uploadbox-fileitem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 30px;
  cursor: pointer;
}

.c-uploadbox-fileitem:hover {
  background-color: #f5f5f5;
}

.c-uploadbox-fileitem.c-uploadbox-fileitem__loading:hover {
  background-color: #666;
}

.c-uploadbox-fileitem__loading {
  -webkit-animation: twinkling 2.1s infinite ease-in-out;
  animation: twinkling 2.1s infinite ease-in-out;
  background: #666;
  width: 100%;
  height: 30px;
}

@-webkit-keyframes twinkling {
  0% {
    opacity: 0.2;
    filter: alpha(opacity=20);
  }

  50% {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  100% {
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
}

@keyframes twinkling {
  0% {
    opacity: 0.2;
    filter: alpha(opacity=20);
  }

  50% {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  100% {
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
}

.c-uploadbox-fileitem-name {
  padding: 0 9px;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  word-break: break-all;
}

.c-uploadbox-fileitem-icon>i {
  display: block;
}

.c-uploadbox-fileitem-action {
  display: flex;
  align-items: center;
}
.c-uploadbox-fileitem-action>video {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  z-index: 9999;
}
.c-uploadbox-fileitem-action>a {
  margin-left: 10px;
}

.c-uploadbox-fileitem-action>a>i {
  display: block;
}

.c-uploadbox-fileitem-action>a>i.icon-download {
  font-size: 16px;
}

.c-uploadbox-fileitem-action>a>i.icon-clear {
  font-size: 16px;
}

.c-uploadbox-fileitem-erro .c-uploadbox-fileitem-icon,
.c-uploadbox-fileitem-erro .c-uploadbox-fileitem-name,
.c-uploadbox-fileitem-erro .c-uploadbox-fileitem-action .icon-clear {
  color: #ff4d4f;
}

.c-uploadbox-fileitem-erro .c-uploadbox-fileitem-action .icon-download {
  display: none;
}

.c-uplaodbtn {
  margin-bottom: 30px;
}

.c-uplaodbtn>div {
  margin: 0 auto;
  width: 100px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  background: #50b7ff;
  border-radius: 2px;
  cursor: pointer;
}

/* 头像上传 */
.c-uploadbox.upload-headimg .c-uploadimg {
  width: 108px;
  height: 144px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f7f9fa;
  background-image: url(../img/bm/icon_img.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/* 艺协 */
.c-uploadbox.upload-headimg .c-uploadimg.s-yx {
  width: 108px;
  height: 138px;
}

/* 中福会 */
.c-uploadbox.upload-headimg .c-uploadimg.s-zfh {
  width: 108px;
  height: 144px;
}

/* 证书上传 */
.c-uploadbox.upload-cardimg {
  margin: 0;
  text-align: left;

}

.c-uploadbox.upload-cardimg .c-uploadimg {
  max-height: 351px;
  width: 567px;
  height: 351px;
  background-color: #f7f9fa;
  background-image: url(../img/bm/icon_img.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.c-uploadbox.upload-cardimg .c-uploadimg img {
  margin: 0 auto;
  height: 100%;
}

.c-uploadbox.upload-cardimg .c-uplaodbtn>div {
  margin: 0;
}

.c-uploadbox.upload-cardimg>img {
  margin: 0 0 20px;
}

.c-uploadbox-list__item {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
  margin-right: 6px;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  background: url(../img/bm/add.png) center no-repeat;
  background-size: 30px;
  font-size: 0;
}

.c-uploadbox-list__item:last-child {
  margin-right: 0;
}

.c-uploadbox-list__item .c-uploadbox-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-uploadbox-list__item .c-uploadbox-img .close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  z-index: 10;
}

.c-uploadbox-list__item .c-uploadbox-img .img {
  height: 100%;
  width: 100%;
}

.c-uploadbox-list__item .c-uploadbox-input-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.p-form-list__header {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  /* padding: 12px 15px 12px 0; */
  width: 32.358491%;
}

.p-form__inner {
  padding: 65px 40px 40px;
  border-top: 1px solid transparent;
}

.p-form__content {
  max-width: 1000px;
  margin: 0 auto;
}

.p-form-list__content {
  font-size: 15px;
  line-height: 1.6666666667;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  /* padding: 12px 0; */
  flex-direction: column;
}

.p-form-list__content .c-uploadbox-filelist:first-child {
  margin-top: 0;
}




.p-form-list__title {
  font-size: 14px;
  font-weight: 500;
  color: #181818;
  line-height: 40px;
}

.p-form-list__name {
  position: relative;
  padding-left: 26px;
  font-size: 14px;
  line-height: 1.7857142857;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.p-form-list__names {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 480px;
}

.p-form-list__selects {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 480px;
}

.p-form-list__selects>select {
  margin-right: 28px;
  width: 480px;
}

.p-form-list__selects>select:last-child {
  margin-right: 0;
}

.p-form-list__content .c-input,
.p-form-list__content .c-select,
.p-form-list__content .c-textarea {
  width: 100%;
}

.p-form-list__content .c-textarea {
  min-height: 120px;
}

.cx-detail.form .p-form-list__content .c-textarea {
  overflow-y: auto;
}

.c-required {
  color: #fc1717;
  font-size: 12px;
}

.c-des {
  display: none;
}

.c-error {
  line-height: 40px;
  margin-left: 10px;
}

.c-error>i,
.c-error>span {
  vertical-align: middle;
}

.c-input {
  height: 40px;
  padding: 2px 10px;
}

.c-input,
.c-select,
.c-textarea {
  background: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e6e6;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-transition: background-color 100ms, border-color 100ms;
  transition: background-color 100ms, border-color 100ms;
  width: 100%;
}

.c-textarea:hover,
.c-select:hover,
.c-input:hover {
  border-color: #D2D2D2;
}

.c-select-group {
  display: flex;
  width: 100%;
}

.c-select-group .c-select:last-child {
  margin-right: 0
}

.c-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../img/bm/bg-select.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 22px 10px;
  border-radius: 0;
  cursor: pointer;
  height: 40px;
  padding: 2px 10px;
  margin-right: 10px;
}

.c-btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-btn-group button {
  margin: 0 15px;
}

.c-btn-back {
  display: block;
  width: 160px;
  height: 40px;
  color: #ffffff;
  border-radius: 2px;
  border: 0;
  background: #aeaeae;
  cursor: pointer;
}

.c-btn-submit {
  display: block;
  width: 160px;
  height: 40px;
  margin: 0 auto;
  color: #ffffff;
  border-radius: 2px;
  border: 0;
  background: #50b7ff;
  cursor: pointer;
}

/* .c-radio-list {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px -5px 0;
} */
.c-radio-list {
  align-items: center;
  line-height: 40px;
}

.c-radio-list__item {
  display: inline-block;
}

.c-radio {
  margin-right: 5px;
  position: relative;
  top: -.1em;
  vertical-align: middle;
}

.c-p {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.cx-detail.form.confirm .c-p {
  height: auto;
}

.c-text {
  padding: 8px 0;
  line-height: 1.5;
  word-break: break-all;
}

input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
  border-radius: 50%;
}

.c-radio-list__item {
  margin: 0 20px 0 0;
}

.p-form-list__content .c-tips {
  flex: 1;
  margin: 0;
}

.c-tips {
  margin-left: 32.358491%;
  margin-top: 23px;
  margin-bottom: 14px;
}

.c-tips>label {
  float: left;
  margin-right: 20px;
  color: #ff3329;
  font-size: 14px;
}

.c-tips>div {
  overflow: hidden;
  text-align: left;
}

.c-tips>div>p {
  font-size: 14px;
  color: #acacac;
}

.p-form__en {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}

.p-form__ja {
  font-size: 16px;
  line-height: 1;
  margin-top: 16px;
}

.p-form__guide {
  margin-bottom: 25px;
  text-align: center;
}

.p-form__footer {
  margin-top: 20px;
  border-bottom: 1px solid transparent;
  text-align: center;
}

/* .cx-detail.form.confirm{
  padding-bottom: 20px;
} */
.cx-detail.form.confirm .p-form__footer .c-btn-submit {
  border: 1px solid #50B7FF;
  color: #50B7FF;
  margin: 0;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px 20px;
}

.cx-detail.form.confirm .p-form__footer .c-btn-submit:last-child {
  border: 1px solid #50B7FF;
  color: #fff;
  margin: 0;
  background: #50b7ff;
}

.p-form__footer .c-error {
  margin: 0;
  text-align: center;
}

.p-form-apply {
  padding: 30px 88px 0;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 4px;
}

.p-form-apply__img {
  float: left;
  height: 65px;
  margin-right: 10px;
}

.p-form-apply__img>img {
  height: 100%;
}

.p-form-apply__tit {
  font-weight: 500;
  font-size: 15px;
  color: #333333;
}

.p-form-apply__time {
  margin-top: 25px;
  font-size: 12px;
  color: #999999
}

.p-form__result {
  padding: 14px 0 20px;
  background: #fff;
}

.p-form__result>p {
  margin-bottom: 10px;
  padding: 0 18px;
  color: #999999;
  font-size: 12px;
  text-align: center;
}

.p-form__result>h3 {
  margin: 0 0 10px;
  text-align: center;
  font-size: 24px;
  color: #84BF3F;
}

.p-form__result>h3.s-success {
  margin-bottom: 6px;
  font-size: 20px;
}

.p-form__result>h3.s-unsend {
  margin-bottom: 6px;
  font-size: 18px;
  color: #1DB9C0;
}

.p-form__result>h3.s-unpay {
  margin-bottom: 6px;
  font-size: 18px;
  color: #FF984D;
}

.p-form__result_img {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.p-form__result_img img {
  display: block;
}

.p-form__result_btn {
  margin: 0 auto;
  width: 120px;
  height: 40px;
  text-align: center;
  border-radius: 24px;
  border: 1px solid #79C034;
  font-size: 15px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #79C034;
  line-height: 38px;
}

.c-introduce img {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  cursor: pointer;
}

.c-introduce a {
  color: #3569C1;
  text-decoration: underline;
  vertical-align: middle;
}

.m-verify {
  display: flex;
  line-height: 40px;
  border-bottom: 1px solid #e6e6e6;
}

.m-verify>input {
  flex: 1;
}

.m-verify-img {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
}

.m-verify-img>img {
  width: 30px;
  height: 30px;
}

.m-verify-btn {
  position: relative;
  width: 100px;
  text-align: center;
  color: #3569C1;
}

.m-verify-btn::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  height: 30px;
  width: 1px;
  background: #e6e6e6;
  transform: translateZ(0.3);
}

.m-service__item {
  margin-bottom: 16px;
  border-radius: 8px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}

.m-service__card {
  display: flex;
  padding: 24px;
}

.m-service__img {
  width: 44px;
  height: 44px;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
}

.m-service__img>img {
  width: 100%;
  height: 100%;
}

.m-service__cont {
  flex: 1;
}

.m-service__cont .m-service__tit {
  font-size: 14px;
  font-weight: 500;
  color: #FFB400;
}

.m-service__cont .m-service__des {
  margin-top: 2px;
  font-size: 12px;
  color: #999999;
}

.m-service__cont .m-service__sub {
  font-size: 12px;
  color: #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.m-service__tab {
  padding: 0 12px 16px;
}

.m-service__tab ul {
  display: flex;
  margin: 0 -6px;
}

.m-service__tab ul li {
  padding: 10px;
  margin: 0 6px;
  flex: 1;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #E7E7E7;
}

.m-service__tab ul li.s-check-service {
  color: #4C99F9;
  border: 1px solid #F5F9FF;
  background-color: #F5F9FF;
}

.cx-detail.artexam .m-service__tab .p-form-list__header {
  width: auto;
}

.s-disable {
  pointer-events: none;
}

/* 报名 附加订阅 */
.p-form-subscribe {
  display: flex;
  flex-direction: row;
  padding: 12px 0;
}

.p-form-subscribe__check {
  margin-top: 3px;
  margin-right: 5px;
}

.p-form-subscribe__text {
  flex: 1;
  font-size: 14px;
  color: #828282;
}

.p-form-subscribe__text .des {
  color: #9E9E9E;
}

.p-form-subscribe__intro {
  margin-left: 22px;
}

.p-form-subscribe__intro .c-introduce {
  display: flex;
  align-items: center;
  margin-top: 2px;
  font-size: 0;
}

.p-form-subscribe__intro .c-introduce a {
  margin-left: 2px;
  font-size: 12px;
  color: #75C7C6;
  text-decoration: none;
}

.m-subscribe-check {
  width: 16px;
  height: 16px;
  background: url(../img/bm/check.png) no-repeat;
  background-size: cover;
}

.m-subscribe-check.s-checked {
  background: url(../img/bm/checked.png) no-repeat;
  background-size: cover;
}

.dialog-view.dialog-view-intro {
  padding: 0 0 10px 0;
  width: 300px;
}

.dialog-view-intro .view-intro-close.close {
  width: auto;
}

.view-intro-close {
  position: absolute;
  right: 0;
  top: -30px;
}

.icon-history-close {
  font-size: 24px;
}

.dialog-view-intro .view-intro-title {
  padding: 10px;
  font-size: 14px;
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #F6F6F6;
}

.dialog-view-intro .view-intro-cont {
  padding: 10px;
  font-size: 12px;
  max-height: 400px;
  overflow-y: auto;
}

/* 1.艺考报名  artexam */
.cx-detail.artexam .p-form-list__item {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border: 0;
}

.cx-detail.artexam .p-form-list__item .p-form-list__header {
  padding-right: 15px;
  justify-content: flex-end;
}

.cx-detail.artexam .p-form-list__content .c-input,
.cx-detail.artexam .p-form-list__content .c-select,
.cx-detail.artexam .p-form-list__content .c-textarea {
  width: 580px;
}

.cx-detail.artexam .p-form__guide {
  padding-bottom: 18px;
  font-size: 20px;
  color: #0c0c0c;
  text-align: left;
  border-bottom: 1px solid #eaeef0;
}

.cx-detail.artexam .p-form__des {
  margin-bottom: 25px;
}

.cx-detail.artexam .p-form__des>p {
  color: #808080;
  line-height: 1.3;

}

.cx-detail.artexam .p-form__des>p>font {
  float: left;
}

.cx-detail.artexam .p-form__des>p>span {
  display: block;
  overflow: hidden;
}

.cx-detail.artexam .p-form__header {
  padding: 57px 0 43px;
  margin-bottom: 0;
  background: #ffffff;
}

.cx-detail.artexam .p-form__inner {
  padding-top: 0;
  padding-bottom: 60px;
  background: #ffffff;
}

.cx-detail.artexam .p-form__en {
  font-size: 28px;
  color: #0b0b0b;
}

.cx-detail.artexam .p-form__ja {
  font-size: 24px;
  color: #0b0b0b;
}

.cx-detail.artexam .p-form__warning {
  display: flex;
  margin-top: 16px;
  color: #ff3329;
  font-weight: 400;
  font-size: 14px;
  justify-content: center;
  align-items: center;
}

.cx-detail.artexam .p-form__warning>span {
  float: left;
  margin-right: 8px;
}

.cx-detail.artexam .p-form__warning>font {
  display: block;
  overflow: hidden;
  text-align: left;
}

.cx-detail.artexam .p-form__warning>font>span {
  float: left;
  margin-right: 5px;
}

.cx-detail.artexam .p-form__warning>font>font {
  display: block;
  overflow: hidden;
}

.cx-detail.artexam .c-btn-submit {
  margin: 60px auto 40px;
}

.cx-detail.artexam .tip-msg {
  padding-top: 3px;
  /* margin-left: 10px; */
  color: #FF3329;
  font-size: 12px;
}

.cx-detail.artexam .p-form__tips {
  padding: 0 18px;
  color: #f05b54;
}

.cx-detail.artexam .p-form__tips>p {
  float: left;
  margin-right: 6px;
}

.cx-detail.artexam .p-form__tips>div {
  overflow: hidden;
}

.cx-detail.artexam .p-form__tips>div>p>font {
  float: left;
}

.cx-detail.artexam .p-form__tips>div>p>span {
  display: block;
  overflow: hidden;
}

.cx-detail.artexam.artexam-confirm .p-form__footer {
  text-align: center;
}

.cx-detail.artexam.artexam-confirm .c-btn-submit,
.cx-detail.artexam.artexam-confirm .c-btn-back {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  vertical-align: inherit;
}

.cx-detail.artexam.artexam-confirm .p-form-list__title {
  color: #bfbfbf;
  font-size: 16px;
}

.cx-detail.artexam.artexam-confirm .c-p {
  font-size: 18px;
}

.cx-detail.artexam.artexam-confirm a.c-p {
  color: #ff8300;
}

.cx-detail.artexam.artexam-confirm .c-p__total {
  font-size: 20px;
}

.cx-detail.artexam.artexam-confirm .p-form-list__header {
  width: 50%;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  justify-content: flex-end;
}

.cx-detail.artexam.artexam-confirm .p-form-list__item {
  margin: 0;
  padding: 0;
  border: 0;
  flex-direction: row;
}

.cx-detail.artexam.artexam-confirm .p-form-list__item__img {
  display: block;
}

.cx-detail.artexam.artexam-confirm .p-form-list__content {
  padding-top: 0;
  padding-bottom: 0;
}

.cx-detail.artexam.artexam-confirm .p-form-list__item__img .p-form-list__content {
  flex-direction: row;
  justify-content: center;
}

.dialog-view.dialog-view-artexam-intro {
  width: 300px;
  padding: 20px 22px 30px;
}

.dialog-view.dialog-view-artexam-intro-online_exam {
  width: 300px;
  padding: 20px 22px 30px;
}

.view-artexam-intro-cont {
  font-size: 13px;
  font-weight: 500;
  color: #202020;
  margin-bottom: 30px;
}

.view-artexam-intro-cont p {
  margin-bottom: 15px;
  text-align: center;
  font-size: 15px;
}

.view-artexam-intro-cont ul li {
  margin-bottom: 5px;
}

.view-artexam-intro-cont ul li font {
  float: left;
}

.view-artexam-intro-cont ul li span {
  display: block;
  overflow: hidden;
}

.artexam-intro-warning-tit {
  margin-bottom: 8px;
}

.artexam-intro-warning-tit img {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
}

.artexam-intro-warning-tit p {
  display: inline-block;
  vertical-align: middle;
  color: #FF1C1C;
}

.view-artexam-intro-warning {
  font-size: 12px;
  color: #2F2F2F;
}

.view-artexam-intro-warning ul li {
  overflow: hidden;
  margin-bottom: 5px;
}

.view-artexam-intro-warning ul li font {
  float: left;
}

.view-artexam-intro-warning ul li span {
  display: block;
  overflow: hidden;
}


/* 2.订阅  sub */
.cx-detail.subscibe-confirm .p-form__guide {
  padding-bottom: 18px;
  font-size: 20px;
  color: #0c0c0c;
  text-align: left;
  border-bottom: 1px solid #eaeef0;
}

.p-form__result-info .p-form__guide {
  margin: 12px 0;
  padding-left: 5px;
  padding-bottom: 0;
  font-size: 17px;
  line-height: 1;
  text-align: left;
  color: #f05b54;
  border-left: 5px solid #f05b54;
  border-bottom: 0;
}

.p-form__result-info .p-form-list__header {
  width: 26%;
}

.p-form__result-info .p-form-list__header .p-form-list__title {
  line-height: 26px;
  font-size: 14px;
  color: #bfbfbf;
}

.p-form__result-info .p-form-list__item {
  display: flex;
  flex-direction: row;
  padding-bottom: 0;
}

.p-form__result-info .p-form-list__content .c-p {
  height: auto;
  line-height: 1.5;
}

.box-code {
  display: flex;
  height: 130px;
  margin: 14px 22px 0;
  border-radius: 3px;
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.07);
}

.box-code-info {
  display: flex;
  align-items: center;
  flex: 1;
}

.box-code-info>div {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  border-right: 1px dashed #9A9A9A;
}

.box-code-ewm {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 140px;
  padding: 14px 24px;
  flex-direction: column;
}

.box-code-ewm::before {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  width: 16px;
  height: 16px;
  z-index: 2;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: inset 0px 0px 15px -15px rgba(0, 0, 0, 0.1), inset 0px -15px 15px -15px rgba(0, 0, 0, 0.1);
}

.box-code-ewm::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: -8px;
  width: 16px;
  height: 16px;
  z-index: 2;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: inset 0px 18px 15px -15px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.box-code-ewm-img {
  width: 86px;
  height: 86px;
}

.box-code-ewm-img>img {
  width: 100%;
  height: 100%;
}

.box-code-ewm-des {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1;
  color: #9a9a9a;
}

.box-code-info .apply {
  height: 48px;
  font-size: 16px;
  font-weight: 500;
}

.box-code-info .name {
  color: #000000;
}

.box-code-info .number {
  color: #000000;
  word-break: break-all;
}

/*线下班报名*/
/* .form-offline .p-form-list{
  display: none;
} */
/*新报名*/
/* .new-form .p-form-title{
  text-align: center;
  padding-bottom: 48px;
}
.new-form .p-form-title>p{
  font-size: 20px;
  color: #333;
  position: relative;
  display: inline-block;
}
.new-form .p-form-title>p::before{
  content: '';
  width: 70px;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  top: 50%;
  left: -80px;
}
.new-form .p-form-title>p::after{
  content: '';
  width: 70px;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  top: 50%;
  right: -80px;
}
.new-form .p-form-list__header{
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  padding-right: 10px;
  width: 38%;
}
.new-form .p-form-list{
  padding-right: 188px;
}
.new-form .p-form-list__item{
  border-bottom: none;
}
.new-form .p-form-list__title{
  color: #666;
  font-size: 16px;
  line-height: 50px;
}
.new-form .c-input{
  height: 50px;
}
.new-form .c-select{
  height: 50px;
}
.new-form .c-input,.new-form  .c-select,.new-form  .c-textarea{
  border-color: #bbb;
}
.new-form .c-uploadbox-btn{
  width: 100%;
  border: 1px dashed #bbb;
  font-size: 16px;
  color: #ccc;
}
.new-form .c-radio-list{
  line-height: 50px;
} */
/*
 * footer页脚
 * 
 * 1.footer-active-des 页脚激活提示
 * 2.footer-active-success 激活成功页脚
 * 
 * */

.footer {
  width: 100%;
}

.footer-up,
.footer-middle,
.footer-down {
  text-align: center;
}

.footer-up {
  padding-top: 8px;
}

.footer-middle {
  padding: 12px 0 10px;
  color: #9e9e9e;
  font-size: 12px;
}

.footer-middle a {
  color: #9e9e9e;
}

.footer-down {
  padding: 7px 10px 10px;
  border-top: 1px solid #f3f3f3;
  color: #cccccc;
}

.footer-down span,
.footer-down a {
  font-size: 12px;
  color: #9e9e9e;
}

.footer-down .footer-phone {
  color: #9e9e9e;
}

.footer-down .footer-mail {
  color: #9e9e9e;
}

.cx-a-color-link {
  color: #b2b2b2;
}

.cx-a-color-link:hover {
  color: #4f82c2 !important;
}

.cx-color-link:hover {
  color: #4f82c2 !important;
}

.cx-link-color {
  color: #4f82c2 !important;
}

.ft-wb,
.ft-wx {
  display: inline-block;
  width: 21px;
  height: 18px;
  margin: 0 10px;
  cursor: pointer;
}

.ft-wb {
  background: url(../img/footer/f-wb.png) no-repeat;
  background-size: 20px 20px;
}

.ft-wx {
  position: relative;
  background: url(../img/footer/f-wx.png) no-repeat;
  background-size: 20px 20px;
}

.ft-wx .ft-wxbg,
.ft-wx .ft-wximg {
  display: none;
}

.ft-wx:hover .ft-wximg {
  display: block;
  position: absolute;
  top: -106px;
  left: -30px;
  width: 85px;
  max-width: initial;
  z-index: 21;
}

.ft-wx:hover .ft-wxbg {
  display: block;
  position: absolute;
  bottom: 24px;
  left: -40px;
  max-width: initial;
  z-index: 21;
}

/* 1.footer-active-des 页脚激活提示 */
.footer-active-des {
  display: none;
  position: absolute;
  top: 409px;
  width: 100%;
}

.footer-active-des>p {
  font-size: 12px;
  color: #aaaaaa;
  text-align: center;
}

.footer-active-item {
  margin-top: 5px;
}

.footer-active-item>ul {
  font-size: 0;
}

.footer-active-item>ul>li {
  display: inline-block;
  width: 50%;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  font-weight: 500;
  color: #a6cfff;
  text-align: center;
}

.footer-active-item>ul>li.footer-active-check {
  color: #2851a4;
  font-weight: 500;
  border-bottom: 3px solid #2851a4;
}

/* 2.footer-active-success 激活成功页脚 */
.footer-active-success {
  display: none;
  padding: 15px 20px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

.footer-active-success>p {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #2851a4;
  text-align: center;
}

.footer-active-success {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.footer-style-1 {
  padding: 54px 0 64px;
  background: #505050;
  color: #fff;
}

.footer-style-1 a {
  color: #fff;
}

.footer-style-1 .container {
  background: transparent;
}

.footer-style-1 .footer-left,
.footer-style-1 .footer-right {
  float: left;
  width: 50%;
}

.footer-style-1 .footer-content:after,
.footer-style-1 .footer-content:before {
  content: " ";
  display: table;
}

.footer-style-1 .footer-content:after {
  clear: both;
}

.footer-style-1 .footer-content .footer-logo {
  display: block;
  /* margin-left: -5px; */
  /* width: 180px; */
  height: 40px;
  color: #bfbfbf;
  font-size: 12px;
  line-height: 68px;
}

.footer-style-1 .footer-content .footer-logo img {
  height: 40px;
}

.footer-style-1 .footer-content .footer-link {
  overflow: hidden;
  margin-top: 24px;
  width: 100px;
}

.footer-style-1 .footer-content .footer-link a {
  display: block;
  line-height: 32px;
  color: #999;
}

.footer-style-1 .footer-content .footer-link a:hover {
  color: #fff;
}

.footer-style-1 .footer-content .footer-link .mobile-app-download {
  display: none;
}

.footer-style-1 .footer-content .footer-tel {
  display: block;
  height: 40px;
  font-size: 30px;
  /* line-height: 54px; */
  cursor: default;
  text-decoration: none;
}

.footer-style-1 .footer-content .footer-time {
  margin: 5px 0 12px;
  color: #ccc;
  font-size: 12px;
}

.footer-style-1 .footer-content .footer-qr {
  display: inline-block;
  margin-right: 10px;
  border-radius: 6px;
  padding: 6px;
  width: 72px;
  height: 90px;
  background: #fff;
  font-size: 12px;
  text-align: center;
  color: #343434;
}

.footer-style-1 .footer-content .footer-qr img {
  margin-bottom: -2px;
}

.footer-style-1 .footer-content .footer-qr {
  display: inline-block;
  margin-right: 10px;
  border-radius: 6px;
  padding: 6px;
  width: 72px;
  height: 90px;
  background: #fff;
  font-size: 12px;
  text-align: center;
  color: #343434;
}

.footer-style-1 .footer-content .footer-qr img {
  margin-bottom: -2px;
}

.footer-style-1 .footer-info {
  margin-top: 16px;
  color: #bfbfbf;
  font-size: 12px;
}

.footer-style-1 .footer-info:after,
.footer-style-1 .footer-info:before {
  content: " ";
  display: table;
}

.footer-style-1 .footer-info:after {
  clear: both;
}

.footer-style-1 .footer-info a {
  color: #bfbfbf;
  font-size: 12px;
}

.footer-style-1 .footer-info a:hover {
  color: #fff;
}

.footer-style-1 .footer-info a img {
  vertical-align: middle;
  margin: 0 4px;
  width: 15px;
}

.footer-style-2 {
  background-color: #2d2e35;
  color: #fff;
  font-size: 14px;
  padding: 15px 0px;
}

.footer-style-2 .footer-main {
  display: flex;
  justify-content: center;
  margin: 5px 0px;
}

.footer-style-2 .footer-main span {
  margin: 0px 16px;
}

.footer-style-2 .footer-main a {
  color: #fff;
}

.footer-style-3 {
  background: #2f3c45;
  padding: 15px 0;
  color: #cecdcd;
  text-align: center;
}

.footer-style-3 .container {
  background: none;
}

.footer-style-3 h3 {
  font-size: 16px;
  line-height: 28px;
}

.footer-style-3 h3 a {
  color: #cecdcd;
}

.footer-style-3 p {
  margin-top: 12px;
  line-height: 28px;
}

/*  loading部分
*
*   1.loading 课程测试
*
*
*
* 
*/
/* 1.loading 课程测试 */
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes shape1 {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
  }
}

@keyframes shape1 {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
  }
}

@-webkit-keyframes shape2 {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px);
  }
}

@keyframes shape2 {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px);
  }
}

@-webkit-keyframes shape3 {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px);
  }
}

@keyframes shape3 {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px);
  }
}

@-webkit-keyframes shape4 {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
  }
}

@keyframes shape4 {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
  }
}

.l-loading {
  display: flex;
  width: 100%;
  height: 600px;
  justify-content: center;
  align-items: center;
}

.l-loading .loader-inner {
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  -webkit-animation: rotation 1s infinite;
  animation: rotation 1s infinite;
}

.l-loading .shape {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.l-loading .shape.shape-1 {
  left: 0;
  background-color: #4285F4;
}

.l-loading .shape.shape-2 {
  right: 0;
  background-color: #34A853;
}

.l-loading .shape.shape-3 {
  bottom: 0;
  background-color: #FBBC05;
}

.l-loading .shape.shape-4 {
  bottom: 0;
  right: 0;
  background-color: #EA4335;
}

.l-loading .shape-1 {
  -webkit-animation: shape1 0.5s infinite alternate;
  animation: shape1 0.5s infinite alternate;
}

.l-loading .shape-2 {
  -webkit-animation: shape2 0.5s infinite alternate;
  animation: shape2 0.5s infinite alternate;
}

.l-loading .shape-3 {
  -webkit-animation: shape3 0.5s infinite alternate;
  animation: shape3 0.5s infinite alternate;
}

.l-loading .shape-4 {
  -webkit-animation: shape4 0.5s infinite alternate;
  animation: shape4 0.5s infinite alternate;
}


.la-ball-fussion,
.la-ball-fussion>div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.la-ball-fussion {
  display: block;
  font-size: 0;
  color: #666;
}

.la-ball-fussion.la-dark {
  color: #333;
}

.la-ball-fussion>div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}

.la-ball-fussion {
  width: 8px;
  height: 8px;
}

.la-ball-fussion>div {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: ball-fussion-ball1 1s 0s ease infinite;
  -moz-animation: ball-fussion-ball1 1s 0s ease infinite;
  -o-animation: ball-fussion-ball1 1s 0s ease infinite;
  animation: ball-fussion-ball1 1s 0s ease infinite;
}

.la-ball-fussion>div:nth-child(1) {
  top: 0;
  left: 50%;
  z-index: 1;
}

.la-ball-fussion>div:nth-child(2) {
  top: 50%;
  left: 100%;
  z-index: 2;
  -webkit-animation-name: ball-fussion-ball2;
  -moz-animation-name: ball-fussion-ball2;
  -o-animation-name: ball-fussion-ball2;
  animation-name: ball-fussion-ball2;
}

.la-ball-fussion>div:nth-child(3) {
  top: 100%;
  left: 50%;
  z-index: 1;
  -webkit-animation-name: ball-fussion-ball3;
  -moz-animation-name: ball-fussion-ball3;
  -o-animation-name: ball-fussion-ball3;
  animation-name: ball-fussion-ball3;
}

.la-ball-fussion>div:nth-child(4) {
  top: 50%;
  left: 0;
  z-index: 2;
  -webkit-animation-name: ball-fussion-ball4;
  -moz-animation-name: ball-fussion-ball4;
  -o-animation-name: ball-fussion-ball4;
  animation-name: ball-fussion-ball4;
}

.la-ball-fussion.la-sm {
  width: 4px;
  height: 4px;
}

.la-ball-fussion.la-sm>div {
  width: 6px;
  height: 6px;
}

.la-ball-fussion.la-2x {
  width: 16px;
  height: 16px;
}

.la-ball-fussion.la-2x>div {
  width: 24px;
  height: 24px;
}

.la-ball-fussion.la-3x {
  width: 24px;
  height: 24px;
}

.la-ball-fussion.la-3x>div {
  width: 36px;
  height: 36px;
}

@-webkit-keyframes ball-fussion-ball1 {
  0% {
    opacity: .35;
  }

  50% {
    top: -100%;
    left: 200%;
    opacity: 1;
  }

  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
    opacity: .35;
  }
}

@-moz-keyframes ball-fussion-ball1 {
  0% {
    opacity: .35;
  }

  50% {
    top: -100%;
    left: 200%;
    opacity: 1;
  }

  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
    opacity: .35;
  }
}

@-o-keyframes ball-fussion-ball1 {
  0% {
    opacity: .35;
  }

  50% {
    top: -100%;
    left: 200%;
    opacity: 1;
  }

  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
    opacity: .35;
  }
}

@keyframes ball-fussion-ball1 {
  0% {
    opacity: .35;
  }

  50% {
    top: -100%;
    left: 200%;
    opacity: 1;
  }

  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
    opacity: .35;
  }
}

@-webkit-keyframes ball-fussion-ball2 {
  0% {
    opacity: .35;
  }

  50% {
    top: 200%;
    left: 200%;
    opacity: 1;
  }

  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
    opacity: .35;
  }
}

@-moz-keyframes ball-fussion-ball2 {
  0% {
    opacity: .35;
  }

  50% {
    top: 200%;
    left: 200%;
    opacity: 1;
  }

  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
    opacity: .35;
  }
}

@-o-keyframes ball-fussion-ball2 {
  0% {
    opacity: .35;
  }

  50% {
    top: 200%;
    left: 200%;
    opacity: 1;
  }

  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
    opacity: .35;
  }
}

@keyframes ball-fussion-ball2 {
  0% {
    opacity: .35;
  }

  50% {
    top: 200%;
    left: 200%;
    opacity: 1;
  }

  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
    opacity: .35;
  }
}

@-webkit-keyframes ball-fussion-ball3 {
  0% {
    opacity: .35;
  }

  50% {
    top: 200%;
    left: -100%;
    opacity: 1;
  }

  100% {
    top: 50%;
    left: 0;
    z-index: 2;
    opacity: .35;
  }
}

@-moz-keyframes ball-fussion-ball3 {
  0% {
    opacity: .35;
  }

  50% {
    top: 200%;
    left: -100%;
    opacity: 1;
  }

  100% {
    top: 50%;
    left: 0;
    z-index: 2;
    opacity: .35;
  }
}

@-o-keyframes ball-fussion-ball3 {
  0% {
    opacity: .35;
  }

  50% {
    top: 200%;
    left: -100%;
    opacity: 1;
  }

  100% {
    top: 50%;
    left: 0;
    z-index: 2;
    opacity: .35;
  }
}

@keyframes ball-fussion-ball3 {
  0% {
    opacity: .35;
  }

  50% {
    top: 200%;
    left: -100%;
    opacity: 1;
  }

  100% {
    top: 50%;
    left: 0;
    z-index: 2;
    opacity: .35;
  }
}

@-webkit-keyframes ball-fussion-ball4 {
  0% {
    opacity: .35;
  }

  50% {
    top: -100%;
    left: -100%;
    opacity: 1;
  }

  100% {
    top: 0;
    left: 50%;
    z-index: 1;
    opacity: .35;
  }
}

@-moz-keyframes ball-fussion-ball4 {
  0% {
    opacity: .35;
  }

  50% {
    top: -100%;
    left: -100%;
    opacity: 1;
  }

  100% {
    top: 0;
    left: 50%;
    z-index: 1;
    opacity: .35;
  }
}

@-o-keyframes ball-fussion-ball4 {
  0% {
    opacity: .35;
  }

  50% {
    top: -100%;
    left: -100%;
    opacity: 1;
  }

  100% {
    top: 0;
    left: 50%;
    z-index: 1;
    opacity: .35;
  }
}

@keyframes ball-fussion-ball4 {
  0% {
    opacity: .35;
  }

  50% {
    top: -100%;
    left: -100%;
    opacity: 1;
  }

  100% {
    top: 0;
    left: 50%;
    z-index: 1;
    opacity: .35;
  }
}

/*  loading结束  */


/*兼容ie10-ie11*/
@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .cx-modelstw-content .cx-modelstw-des {
    max-height: 42px;
  }

  .cx-details-main .cx-details-top .cx-details-img img {
    min-width: 162px;
  }
}



/*vue-微库*/
/*检索结果页*/
#vue-search-container .docLibrary-radio {
  display: flex;
}

#vue-search-container .docLibrary-radio-item {
  margin-right: 40px;
  cursor: pointer;
}

#vue-search-container .docLibrary-radio-item.checked {
  color: #97040c;
}

#vue-search-container .document-more {
  display: block;
  overflow: hidden;
}

#vue-search-container .search-tool-note {
  width: 100%;
}

#vue-search-container .menu-level2>ul {
  display: block;
}

#vue-search-container .search-slide {
  float: left;
  width: 283px;
}

#vue-search-container .search-page {
  float: right;
}

#vue-search-container .pagination>li>a,
#vue-search-container .pagination>li>span {
  padding: 6px 8px;
}

#vue-search-container .search-category .cont {
  margin-top: 0;
}

#vue-search-container .search-category .menu-level2>p {
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 40px;
  padding-left: 0;
}

#vue-search-container .search-category .menu-level2>p>i {
  display: flex;
  width: 20px;
  height: 20px;
  right: 7px;
  color: #171717;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

#vue-search-container .search-label .menu-level1>p {
  display: flex;
  height: 30px;
  padding: 0 30px 0 15px;
  line-height: 30px;
  background: transparent;
  overflow: hidden;
}

#vue-search-container .search-label .menu-level1>p:hover>span {
  color: #97040c;
}

#vue-search-container .search-label .menu-level1>p>span {
  font-weight: 400;
  font-size: 14px;
  color: #171717;
}

#vue-search-container .search-label .menu-level1>p>i {
  display: flex;
  width: 20px;
  height: 20px;
  right: 7px;
  color: #171717;
  align-items: center;
  justify-content: center;
}

#vue-search-container .search-label .menu-level1>ul {
  overflow: hidden !important;
}

#vue-search-container .search-label .menu-level2>p {
  position: relative;
  padding-left: 25px;
  padding-right: 30px;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
}

#vue-search-container .search-label .menu-level2>p {
  display: flex;
  align-items: center;
}

#vue-search-container .search-label .menu-level2>p>i {
  display: flex;
  width: 20px;
  height: 20px;
  right: 7px;
  color: #171717;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

#vue-search-container .search-label .menu-level2>p:hover {
  color: #97040c;
}

#vue-search-container .search-label .menu-level2>p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #4f4f4f;
  transform: translateY(-50%);
}

#vue-search-container .search-label .menu-level2 .icon {
  display: flex;
  top: 17px;
  left: auto;
  right: 7px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  transform: translateY(-50%);
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

#vue-search-container .search-label .menu-level2 .icon.icon-collapsed::after {
  content: "\e905";
}

#vue-search-container .search-label .menu-level2 .icon.icon-expanded::after {
  content: "\e909";
}

#vue-search-container .search-result {
  float: left;
  position: relative;
}

#vue-search-container .search-category {
  width: 283px;
}

#vue-search-container .search-category .m-slide-menu {
  width: 283px;
}

#vue-search-container .search-category .m-slide-menu>ul {
  /* padding-left: 20px; */
  max-height: 420px;
}

#vue-search-container .search-category .m-slide-menu .menu-level1 {
  padding-left: 20px;
}

#vue-search-container .search-category .m-slide-menu .menu-level1>ul {
  max-height: none;
}

#vue-search-container .menu-level-more {
  padding-right: 20px;
  text-align: center;
  cursor: pointer;
}

#vue-search-container .menu-level-more.menu-level-more-up p::before {
  content: '收起';
}

#vue-search-container .menu-level-more.menu-level-more-down p::before {
  content: '查看更多';
}

#vue-search-container .search-history .tit,
#vue-search-container .search-visit .tit,
#vue-search-container .search-label .tit,
#vue-search-container .search-category .tit {
  background: #f5f5f5;
  text-align: center;
  padding: 0;
  height: 56px;
  line-height: 56px;
  color: #333;
  font-size: 16px;
}

#vue-search-container .search-label-category {
  flex: 1;
}

#vue-search-container .search-warp {
  padding: 0;
}

#vue-search-container .search-header {
  padding: 0;
  margin-left: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 150px 0 90px;
  padding: 20px 0;
}

#vue-search-container .docLibrary {
  margin: 0;
}

#vue-search-container .search-category .menu-level1>p>span {
  font-size: 16px;
  color: #333;
}

#vue-search-container .search-category .menu-level1>p>span:nth-child(2) {
  font-size: 14px;
}

#vue-search-container .menu-level2>p>span {
  font-size: 14px;
  color: #999;
}

#vue-search-container .search-category .menu-level1>p {
  padding-left: 0;
  height: 40px;
  line-height: 40px;
}

#vue-search-container .search-category .menu-level2>p::before {
  content: none;
}

#vue-search-container .search-category .menu-level1>p>i {
  color: #aaa;
}

#vue-search-container .search-condition .search-label {
  background: #f5f5f5;
  display: flex;
  min-height: 56px;
  padding-right: 230px;
}

#vue-search-container .search-condition .search-label label {
  margin: 0;
  line-height: 56px;
  padding: 0 5px;
}

#vue-search-container .search-label-item>p {
  display: none;
}

#vue-search-container .search-label-item {
  display: inline-block;
}

#vue-search-container .search-label-item__category {
  margin: 0;
  border: none;
  line-height: 42px;
}

#vue-search-container .search-tool-secSearch {
  position: absolute;
  right: 0;
  top: 13px;
}

#vue-search-container .search-tool-secSearch-periodical {
  display: none;
}

#vue-search-container .search-condition {
  margin: 0;
}

#vue-search-container .search-result .search-tool {
  border-top: none;
  background: transparent;
}

#vue-search-container .document-item {
  border: none;
}

#vue-search-container .document-item:nth-child(odd) {
  background: #fbfbfb;
}

#vue-search-container .searchList.document-list {
  margin-top: 0;
}

#vue-search-container .search-group {
  margin: 20px 0;
}

#vue-search-container .search-hot {
  margin: 0;
}

#vue-search-container .docLibrary-r .cbk {
  position: relative;
}

#vue-search-container .cbk.cb_active {
  background: none;
}

#vue-search-container .cbk.cb_active::before {
  content: '✓';
  position: absolute;
  top: 9px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #97040c;
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#vue-search-container .search-result-classify {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  color: #555555;
  line-height: 21px;
  height: 52px;
  align-items: center;
  border-bottom: 1px solid #D9D9D9;
}

#vue-search-container .search-result-classify p {
  margin-right: 32px;
  cursor: pointer;
  height: 52px;
  line-height: 52px;
  position: relative;
}

#vue-search-container .search-result-classify p.checked {
  color: #C63D3C;
}

#vue-search-container .search-result-classify p.checked::after {
  content: '';
  width: 100%;
  height: 2px;
  background: #C63D3C;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
}

#vue-search-container .slBook-item {
  display: flex;
  padding: 12px 0;
}

#vue-search-container .slBook-img {
  width: 128px;
  height: 172px;
  margin-right: 16px;
}

#vue-search-container .slBook-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#vue-search-container .slBook-body {
  flex: 1;
}

#vue-search-container .slBook-title p {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 21px;
  padding-top: 4px;
  -webkit-line-clamp: 1;
}

#vue-search-container .slBook-author p {
  font-size: 14px;
  color: #8C8C8C;
  line-height: 19px;
  margin: 12px 0;
  -webkit-line-clamp: 1;
}

#vue-search-container .slBook-content p {
  font-size: 14px;
  color: #595959;
  line-height: 24px;
  height: 48px;
}

#vue-search-container .slBook-button p {
  font-size: 14px;
  color: #C63D3C;
  line-height: 22px;
  padding: 5px 16px;
  border-radius: 2px;
  border: 1px solid #C63D3C;
  display: inline-block;
  margin-top: 20px;
}
#vue-search-container .menu-level2>ul{
  display: none;
}

/*兼容ie10-ie11*/
@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .search-result {
    flex: none;
  }

  #vue-search-container .search-result {
    flex: none;
  }

  #vue-search-container .document-more-itemlist {
    display: block;
  }

  #vue-search-container .menu-level2>p>span:first-child {
    text-overflow: inherit;
    display: flex;
    flex: 1;
    overflow: hidden;
  }

  #vue-search-container .search-result .search-note .search_hinge_key {
    display: flex;
    height: 26px;
  }

  #vue-search-container .search-category .menu-level1>p>span:first-child {
    display: flex;
    flex: 1;
    overflow: hidden;
  }
}



/*微库高级检索*/
#vue-advance {
  min-height: calc(100vh - 160px);
}

#vue-advance .banner-title {
  font-size: 24px;
  text-align: center;
  width: 100%;
  padding: 36px 0 30px;
}

#vue-advance .banner-title a {
  margin-left: 10px;
  font-size: 14px;
  color: #97040c;
}

#vue-advance .banner-search {
  width: 816px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}

#vue-advance .banner-search .back {
  position: absolute;
  font-size: 34px;
  left: -58px;
  top: 0;
}

#vue-advance .banner-search .back::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 32px;
  background: #d8d8d8;
  margin-left: 8px;
}


#vue-advance .banner-search .author {
  width: 100%;
  position: relative;
}

#vue-advance .banner-search .author input {
  height: 38px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #BBBBBB;
  margin-bottom: 10px;
  padding-left: 119px;
  padding-right: 80px;
}

#vue-advance .banner-search .author label.start {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  color: #666;
  width: 119px;
  height: 38px;
  text-align: center;
  line-height: 38px;
}

#vue-advance .banner-search .author label.start span {
  cursor: pointer;
}

#vue-advance .banner-search .author label.start::after {
  content: '';
  position: absolute;
  bottom: 16px;
  right: 17px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #666;
}

#vue-advance .banner-search .author .start .list {
  width: 122px;
  position: absolute;
  top: 38px;
  font-size: 16px;
  color: #666;
  left: 0px;
  z-index: 1;
  text-align: center;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%);
  border-radius: 4px;
  line-height: 1.5;
}

#vue-advance .banner-search .author .end .list {
  width: 88px;
  position: absolute;
  top: 38px;
  font-size: 16px;
  color: #666;
  left: -28px;
  z-index: 1;
  text-align: center;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%);
  border-radius: 4px;
  line-height: 1.5;
}

#vue-advance .banner-search .author .list p {
  padding: 4px 10px;
  cursor: pointer;
}

#vue-advance .banner-search .author .list p:hover {
  color: #DF6D6D;
}

#vue-advance .banner-search .author label.end {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 16px;
  color: #666;
  /* cursor: pointer; */
  line-height: 38px;
  width: 66px;
}

#vue-advance .banner-search .author label.end span {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: inline-block;
}

#vue-advance .banner-search .author label.end::after {
  content: '';
  position: absolute;
  bottom: 17px;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #666;
}

#vue-advance .banner-search .author .list-end {
  width: 119px;
  position: absolute;

  top: 39px;
  font-size: 16px;
  color: #666;
  left: 0;
  z-index: 1;
  text-align: center;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%);
  border-radius: 4px;
  line-height: 1.5;
}

#vue-advance .banner-search .author .list-end p {
  padding: 4px 10px;
}

#vue-advance .banner-search .time {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

#vue-advance .banner-search .time input {
  height: 38px;
  flex: 1;
  border-radius: 4px;
  border: 1px solid #BBBBBB;
  margin-bottom: 10px;
  padding-left: 119px;
  margin-right: 16px;
}

#vue-advance .banner-search .time label.start {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  color: #666;
  cursor: pointer;
  width: 119px;
  height: 38px;
  text-align: center;
  line-height: 38px;
}

#vue-advance .banner-search .time>div {
  width: 122px;
  height: 38px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #BBBBBB;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  /* cursor: pointer; */
  font-size: 16px;
  color: #666;
}

#vue-advance .banner-search .time>div>span {
  cursor: pointer;
}

#vue-advance .banner-search .time>div p {
  padding: 4px 10px;
  cursor: pointer;
}

#vue-advance .banner-search .time>div::after {
  content: '';
  position: absolute;
  bottom: 16px;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #666;
}

#vue-advance .banner-search .time .list {
  width: 119px;
  position: absolute;
  top: 39px;
  font-size: 16px;
  color: #666;
  left: 0;
  z-index: 1;
  text-align: center;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%);
  border-radius: 4px;
  line-height: 1.5;
}

#vue-advance .advance-list {
  display: flex;
  width: 816px;
  margin: 0 auto;
}

#vue-advance .advance-list p {
  font-size: 14px;
  color: #999;
  margin-right: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#vue-advance .advance-list p::before {
  content: '';
  width: 12px;
  height: 12px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #979797;
  display: inline-block;
  margin-right: 8px;
}

#vue-advance .advance-list p.check-after {
  color: #DF6D6D;
}

#vue-advance .advance-list p.check-after::before {
  background: #DF6D6D;
  border: none;
  content: '√';
  color: #fff;
  text-align: center;
  line-height: 12px;
  font-size: 12px;
}

#vue-advance .advance-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 68px;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  background: #fff;
}

#vue-advance .advance-button .confirm {
  width: 200px;
  height: 48px;
  background: #97040c;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
}

#vue-advance .advance-button .reset {
  font-size: 16px;
  color: #999;
  margin-right: 24px;
  cursor: pointer;
}

#vue-advance .banner-search .author label.type::after {
  content: '';
  position: absolute;
  bottom: 16px;
  right: 12px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #666;
}

#vue-advance .banner-search .author .type .list {
  width: 80px;
  position: absolute;
  top: 38px;
  font-size: 16px;
  color: #666;
  left: 0px;
  z-index: 1;
  text-align: center;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%);
  border-radius: 4px;
  line-height: 1.5;
}

#vue-advance {
  min-height: auto;
}

#vue-advance.hide {
  overflow: hidden;
}

#vue-advance .row {
  position: relative;
  padding-bottom: 150px;
}

#vue-advance.hide .row {
  height: 320px;
}

#vue-advance+#vue-dom {
  border: none;
}

#vue-advance .advance-toggle {
  padding: 30px 0 15px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  text-align: center;
  background: #fff;
}

#vue-advance .advance-toggle img {
  cursor: pointer;
}



#vue-advance .search_array_button {
  position: absolute;
  top: 0;
  right: -96px;
  width: 96px;
  height: 38px;
}

#vue-advance .button_remove {
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #ccc;
  font-size: 28px;
  cursor: pointer;
  margin-left: 25px;

}

#vue-advance .button_add {
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #ccc;
  font-size: 28px;
  cursor: pointer;
  margin-left: 25px;
}

#vue-advance .type {
  position: absolute;
  left: -88px;
  top: 0;
  width: 80px;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #BBBBBB;
  text-align: center;
  line-height: 38px;
  color: #999;
}

#vue-advance .type span {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: inline-block;
}

/*面包屑导航*/
.cx-breadcrumb .container {
  background-color: transparent;
}

.cx-breadcrumb .container .row {
  display: flex;
  align-items: center;
  height: 54px;
  font-size: 16px;
  color: #666;
}

.cx-breadcrumb .container .row i {
  margin: 0 12px;
}

.cx-breadcrumb .container .row a:hover {
  color: #3C96FF;
}


/*课程详情页-班级条*/
.detail-class {
  height: 50px;
  display: flex;
  margin-top: 24px;
  background-color: #fff;
  padding: 0 18px;
  align-items: center;
  font-size: 16px;
  color: #41ADFF;
  cursor: pointer;
}

.detail-class .detail-class-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-right: 50px;
}

.detail-class .detail-class-record {
  /* display: none; */
}

.detail-class .detail-class-back i {
  font-size: 0;
}



/*直播*/
.living-views {
  display: none !important;
}

/*我的收藏（个人中心）*/
.cx-sw-collection .cx-person-info {
  padding: 17px 26px;
}

.cx-sw-collection .cx-info-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cx-sw-collection .cx-person-info .cx-info-title p {
  font-size: 16px;
  color: #333;
}

.cx-sw-collection .cx-person-info .cx-info-title p {
  font-size: 16px;
  color: #333;
}

.cx-sw-collection .cx-person-info .cx-info-title p:nth-child(2) {
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.cx-sw-collection .cx-person-info .cx-info-title p:nth-child(2)>img {
  margin-right: 8px;
  width: 19px;
}

.cx-sw-collection .cx-person-collect-content {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
}

.cx-sw-collection .m-list-person-collect {
  width: 220px;
  height: 230px;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 0;
  border: none;
  align-items: center;
  justify-content: center;
  margin-right: 34px;
  margin-bottom: 16px;
}

.cx-sw-collection .m-list-person-collect:nth-child(4n+4) {
  margin-right: 0;
}

.cx-sw-collection .m-list-person-collect_img {
  width: 104px;
  height: 104px;
  margin: 27px 0 38px;
}

.cx-sw-collection .m-list-person-collect_cont {

  height: auto;
  width: 100%;
  text-align: center;
  max-width: 140px;
}

.cx-sw-collection .m-list-person-collect_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
}

.cx-sw-collection .m-list-person-collect_cont>p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  color: #333;
  max-height: 24px;
  max-width: 140px;
}

.cx-sw-collection .collect_info_edit>div {
  position: absolute;
  top: 2px;
  left: -43px;

  display: none;
}

.cx-sw-collection .collect_info_delete {
  position: relative;
}

.cx-sw-collection .collect_info_edit>div>p {
  position: absolute;
  top: 0;
  left: 6px;
  color: #fff;
}

.cx-sw-collection .m-list-person-collect_info>div:nth-child(2)>div {
  position: absolute;
  right: 0;
  bottom: 0;
}

.cx-sw-collection .m-list-person-collect_info>div:first-child {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #BCBCBC;
}

.cx-sw-collection .m-list-person-collect_info>div:nth-child(2) {
  cursor: pointer;
  position: relative;
}

.cx-sw-collection .collect_info_edit {
  position: relative;
}

.cx-sw-collection .m-list-person-collect_info>div:first-child>img {
  margin-right: 7px;
}

.dialog-view-collection-edit {
  width: 554px;
  padding: 0;
}

/* 添加收藏弹窗 */
.dialog-view-collection-add.dialog-view .view-body .view-title {
  line-height: 62px;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 36px;
}

.dialog-view-collection-add {
  width: 554px;
  padding: 0;
}

.dialog-view-collection-add.dialog-view .view-head {
  top: 26px;
  right: 40px;
  font-size: 0;
}

.dialog-view-collection-add.dialog-view .close {
  width: 10px;
}

.dialog-view-collection-add.dialog-view .view-body .view-title p {
  text-align: left;
  color: #333;
}

.dialog-view-collection-add.dialog-view .view-body .view-content {
  padding: 20px 40px;
}

.dialog-view-collection-add.dialog-view .collection-input {
  position: relative;
}

.dialog-view-collection-add.dialog-view .view-body .view-content .collection-input input {
  background: #F5F5F5;
  border-radius: 6px;
  height: 48px;
  width: 100%;
  padding: 0 70px 0 22px;
  font-size: 16px;
  color: #999;
}

.dialog-view-collection-add.dialog-view .collection-input>p {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 16px;
  color: #999;
}

.dialog-view-collection-add.dialog-view .view-button {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 40px;
}

.dialog-view-collection-add.dialog-view .view-button>span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  width: 56px;
  height: 28px;
  border-radius: 2px;
  font-size: 14px;
  margin-left: 24px;
}

.dialog-view-collection-add.dialog-view .view-button>span:first-child {
  background: #eee;
  color: #aaa;
}

.dialog-view-collection-add.dialog-view .view-button>span:nth-child(2) {
  background: #C63D3D;
  color: #fff;
}

.dialog-view-collection-add.dialog-view .view-button>span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  width: 56px;
  height: 28px;
  border-radius: 2px;
  font-size: 14px;
  margin-left: 24px;
}


/* 阅读记录 */
.cx-sw-collection-detail .cx-person-info {
  padding: 17px 26px;
}

.cx-sw-collection-detail .cx-info-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cx-sw-collection-detail-record.cx-sw-collection-detail .cx-person-info .cx-info-title p:nth-child(2) {
  color: #999;
  border: none;
}

.cx-sw-collection-detail .cx-person-info .cx-info-title p:nth-child(2) {
  font-size: 16px;
  color: #C63D3D;
  padding: 3px 12px;
  border-radius: 2px;
  border: 1px solid #C63D3D;
  cursor: pointer;
}

.cx-sw-collection-detail-record.cx-sw-collection-detail .cx-person-info .cx-info-title p:nth-child(2) span {
  margin-left: 24px;
}

.cx-sw-collection-detail-record.cx-sw-collection-detail .cx-person-info .cx-info-title p:nth-child(2) span {
  margin-left: 24px;
}

.cx-sw-collection-detail .cx-person-collect-content {
  margin-top: 16px;
  background: #fff;
  padding: 0 26px;
}

.cx-sw-collection-detail .cx-person-collect-classify {
  padding: 16px 0px;
  display: flex;
  position: relative;
}

.cx-sw-collection-detail .cx-person-collect-classify>div.check-after {
  color: #DF3030;
  border-bottom: 2px solid #DF3030;
}

.cx-sw-collection-detail .cx-person-collect-classify>div {
  margin-right: 80px;
  font-size: 16px;
  color: #666;
  cursor: pointer;
  position: relative;
}

.cx-sw-collection-detail .cx-person-collect-classify>div>span {
  margin: 0 5px;
}

.cx-person-collect-item:last-child {
  border: none;
}

.cx-person-collect-item {
  display: flex;
  align-items: center;
  height: 56px;
  font-size: 16px;
  color: #666;
  border-bottom: 1px solid #eee;
}

.cx-person-collect-item>div {
  font-size: 0;
}

.cx-person-collect-item a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 24px;
}

.cx-person-collect-item img {
  margin-right: 17px;
  cursor: pointer;
}

.selected {
  display: none;
}

/* 外面收藏按钮 */
.database-periodical-detail .periodical-button-collection {
  width: 64px;
  height: 24px;
  position: absolute;
  top: 18px;
  right: 24px;
  cursor: pointer;
}

/* 外面弹窗 */
.dialog-view-collection {
  width: 554px;
  padding: 0;
}

.dialog-view-collection.dialog-view .view-head {
  top: 26px;
  right: 40px;
  font-size: 0;
}

.dialog-view-collection.dialog-view .view-button {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #d8d8d8;
}

.dialog-view-collection.dialog-view .close {
  width: 10px;
}

.dialog-view-collection.dialog-view .view-body .view-title {
  line-height: 62px;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 36px;
}

.dialog-view-collection.dialog-view .view-body .view-content {
  padding: 20px 40px;
}

.dialog-view-collection.dialog-view .view-body .view-title p {
  text-align: left;
  color: #333;
}

.collection-input {
  position: relative;
}

.dialog-view-collection.dialog-view .view-body .view-content .collection-add {
  display: flex;
  align-items: center;
  margin-top: 24px;
}

.dialog-view-collection.dialog-view .view-body .view-content .collection-list {
  max-height: 352px;
  overflow: hidden;
  overflow-y: auto;
}

.dialog-view-collection.dialog-view .view-body .view-content .collection-input input {
  background: #F5F5F5;
  border-radius: 6px;
  height: 48px;
  width: 100%;
  padding: 0 48px 0 22px;
  font-size: 16px;
  color: #999;
}

.collection-input .icon-closeInput {
  position: absolute;
  top: 24px;
  right: 12px;
  font-size: 20px;
  cursor: pointer;
  opacity: 0.6;
}

.dialog-view-collection.dialog-view .view-body .view-content .collection-add input {
  width: 340px;
  height: 40px;
  box-shadow: 0px 0px 6px 2px rgba(198, 61, 61, 0.12);
  border-radius: 10px;
  border: 1px solid #DB9898;
  margin-right: 20px;
  padding: 0 22px;
  font-size: 16px;
  color: #333;
}

.dialog-view-collection.dialog-view .view-body .view-content .collection-add img {
  margin-right: 8px;
  cursor: pointer;
}

.dialog-view-collection.dialog-view .collection-item {
  display: flex;
  justify-content: space-between;
  height: 88px;
  align-items: center;
  padding: 0;
  margin: 0;
  background: transparent;
  border-bottom: 1px solid #D8D8D8;
  font-size: 16px;
  color: #333;
}

.dialog-view-collection.dialog-view .collection-item:last-child {
  border: none;
}

.dialog-view-collection.dialog-view .collection-item p:first-child {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-right: 34px;
}

.dialog-view-collection.dialog-view .collection-item p:nth-child(2) {
  font-size: 14px;
  color: #C63D3D;
  border-radius: 2px;
  border: 1px solid #C63D3D;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  width: 56px;
  height: 28px;
  margin-right: 10px;
}

.dialog-view-collection.dialog-view .collection-item p:nth-child(2)::before {
  content: '收藏';
}

.dialog-view-collection.dialog-view .view-button>span {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333;
  cursor: pointer;
}

.dialog-view-collection.dialog-view .view-button>span>img {
  margin-right: 8px;
}



.dialog-view-collection-delete {
  width: 554px;
  padding: 0;
}

.dialog-view-collection-delete.dialog-view .view-head {
  top: 26px;
  right: 40px;
  font-size: 0;
}

.dialog-view-collection-delete.dialog-view .view-button {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 40px;
}

.dialog-view-collection-delete.dialog-view .close {
  /* width: 10px; */
}

.dialog-view-collection-delete.dialog-view .view-body .view-title {
  line-height: 62px;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 36px;
}

.dialog-view-collection-delete.dialog-view .view-body .view-title p {
  text-align: left;
  color: #333;
}

.dialog-view-collection-delete.dialog-view .view-body .view-content {
  padding: 20px 40px;
  font-size: 18px;
  color: #333;
  text-align: center;
}

.dialog-view-collection-delete.dialog-view .view-button>span:first-child {
  background: #eee;
  color: #aaa;
}

.dialog-view-collection-delete.dialog-view .view-button>span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  width: 56px;
  height: 28px;
  border-radius: 2px;
  font-size: 14px;
  margin-left: 24px;
}

.dialog-view-collection-delete.dialog-view .view-button>span:nth-child(2) {
  background: #C63D3D;
  color: #fff;
}

.dialog-view-collection-delete.dialog-view .view-button>span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  width: 56px;
  height: 28px;
  border-radius: 2px;
  font-size: 14px;
  margin-left: 24px;
}

.cx-sw-collection-detail-record.cx-sw-collection-detail .cx-person-info .cx-info-title p:nth-child(2) {
  color: #999;
  border: none;
}

.cx-sw-collection-detail .cx-person-info .cx-info-title p:nth-child(2) {
  font-size: 16px;
  color: #C63D3D;
  padding: 3px 12px;
  border-radius: 2px;
  border: 1px solid #C63D3D;
  cursor: pointer;
}

.cx-sw-collection-detail-record.cx-sw-collection-detail .cx-person-info .cx-info-title p:nth-child(2) span {
  margin-left: 24px;
}

.cx-sw-collection-detail .cx-person-collect-classify>div>i {
  font-size: 12px;
}

.cx-sw-collection-detail .cx-person-collect-classify>p {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 14px;
  color: #999;
  cursor: pointer;
}


.css-close-new {
  position: relative;
  width: 1px;
  height: 10px;
  background: #831313;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;

}

.css-close-new:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 1px;
  height: 10px;
  background: #831313;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);

}

.border_close_new {
  margin-right: 8px;
  cursor: pointer;
  display: flex;
  border: 1px solid #831313;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.collection-add .collection_confirm::before {
  color: #831313;
  font-size: 20px;
  cursor: pointer;
}


.check-after .selected {
  display: block;
}

.check-after .unselect {
  display: none;
}

/* 评分弹窗 */
.dialog-view.dialog-view-comment{
  width: 420px;
}
.dialog-view.dialog-view-comment .view-head{
  display: flex;
  justify-content: space-between;
  position:static;
  top: auto;
  left: auto;
  cursor: default;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.dialog-view.dialog-view-comment .view-head>p{
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0,0,0,0.8);
  line-height: 19px;
}
.dialog-view.dialog-view-comment .view-body{
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.commentstar-box{
  padding: 30px 0;
}
.dialog-view.dialog-view-comment .view-body .commentstar-box .commentstar-big{
  text-align: center;
  margin: 0 auto;
}
.dialog-view.dialog-view-comment .view-footer{
  padding: 16px 6px 6px;
  text-align: right;
}

@media screen and (max-width: 1024px) {
  .dialog-view.dialog-view-comment{
    width: 90%;
  }
  .dialog-view.dialog-view-comment .view-head{
    padding: 6px 0 16px;
  }
  .dialog-view.dialog-view-comment .view-footer{
    padding: 10px 6px 0;
  }
  
  
}

/* 加 */


@media screen and (max-width: 1024px) {
  .stage-head-bottom-on {
    display: none;
  }

  .catalogue-stage-head-bottom {
    /* display: block !important; */
  }

  .catalogue-stage-head-bottom ul {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    flex: none;
  }

  .catalogue-stage-head-bottom ul li {
    display: inline-block;
  }
}

@media screen and (max-width: 1024px) {

  .detail-child-tab-qp-on {
    display: none;
  }

  .detail-child-tab-qp {
    display: block !important;
  }

  .detail-child-tab-qp ul {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    flex: none;
  }

  .detail-child-tab-qp ul li {
    display: inline-block;
  }
}


/*视频播放页水印*/
.content-box .screenShootBox>.screenShoot.size1{
  font-size: 26px;
}
.content-box .screenShootBox>.screenShoot.size2{
  font-size: 22px;
}
.content-box .screenShootBox>.screenShoot.size3{
  font-size: 18px;
}
.content-box .screenShootBox>.screenShoot.hd1{
  opacity: 1;
}
.content-box .screenShootBox>.screenShoot.hd2{
  opacity: 0.7;
}
.content-box .screenShootBox>.screenShoot.hd3{
  opacity: 0.4;
}
.content-box .screenShootBox>.screenShoot {
  /* display: none; */
  max-width: 40%;
  position: absolute;
  top: 0;
  pointer-events: none;
  padding: 3px 12px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ffffff;
  font-size: 18px;
}

.content-box .screenShootBox>.screenShoot{
  left: 110%;
}
@media screen and (max-width: 1024px) {

  .content-box .screenShootBox>.screenShoot.size1{
    font-size: 18px;
  }
  .content-box .screenShootBox>.screenShoot.size2{
    font-size: 14px;
  }
  .content-box .screenShootBox>.screenShoot.size3{
    font-size: 11px;
  }
}


/*图片阅读器*/
.cx-reader{
  width: 1200px;
  margin: 0 auto;
  min-height: calc(100vh - 199px);
}
.m-picture{
  height: 800px;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.m-picture-title{
  font-weight: 500;
  font-size: 18px;
  color: rgba(0,0,0,0.8);
  line-height: 25px;
  text-align: center;
  padding: 12px;
  display: none;
}
.m-picture-content{
  flex: 1;
}

.m-picture-content-reader-resource{
  display: none;
}
.learnViewerCustom.viewer-backdrop{
  background: transparent;
}
.learnViewerCustom .viewer-list{
  height: 70px;
  /* width: 100%!important; */
}
.learnViewerCustom .viewer-list > li{
  width: 86px;
  height: 70px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  border-radius: 4px 4px 4px 4px;
  overflow: hidden;
}
.learnViewerCustom .viewer-list > li > img{
  width: 70px!important;
  height: 70px!important;
  transform: none!important;
  object-fit: cover;
  border-radius: 4px 4px 4px 4px;
}
.learnViewerCustom .viewer-navbar{
  padding: 26px 0 16px;
  background-color: #fff;
  overflow: unset;
}
.learnViewerCustom .viewer-footer{
  /* background: #fff; */
}
.learnViewerCustom .viewer-toolbar > ul{
  background: rgba(0,0,0,0.4);
border-radius: 4px 4px 4px 4px;
margin-bottom: 0;
}
.learnViewerCustom .viewer-toolbar > ul > li{
  background: transparent;
  border-radius: 4px 4px 4px 4px;
}
.learnViewerCustom .viewer-toolbar > ul > li:hover{
  background: rgba(0,0,0,0.2);
}
.learnViewerCustom .viewer-toolbar > ul > li::before{
  margin: 3px;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 0 0;
}
.learnViewerCustom .viewer-prev::before{
  background-image: url('../img/class/class-arrow-left.png');
}
.learnViewerCustom .viewer-next::before{
  background-image: url('../img/class/class-arrow-right.png');
}
.learnViewerCustom .viewer-zoom-in::before{
  background-image: url('../img/class/class-zoom-in.png');
}
.learnViewerCustom .viewer-zoom-out::before{
  background-image: url('../img/class/class-zoom-out.png');
}
.learnViewerCustom .viewer-reset::before{
  background-image: url('../img/class/class-one-to-one.png');
}
.learnViewerCustom .viewer-rotate-left::before{
  background-image: url('../img/class/class-rotate.png');
}
.learnViewerCustom .viewer-rotate-right::before{
  background-image: url('../img/class/class-rotate2.png');
}

/**/
.cx-detail.train .detail-head-inner{
  margin: 0;
}
.detail-train-content{
  margin-top: 0;
}
.detail-train-content .detail-train-title{
  font-size: 18px;
}
.detail-train-content .detail-train-time{
  font-size: 14px;
}
.detail-train-content .detail-train-department{
  font-size: 14px;
}
.cx-detail.train .detail-tab-item.tab-check::after{
  content: none;
}
.cx-detail.train .detail-tab{
  background-color: #edf7ff;
}
.m-menu-mission{
  background: #fff;
  padding: 0 20px;
}
.cx-detail.train .m-menu-mission>p{
  padding-top: 20px;
  padding-bottom: 4px;
  font-size: 14px;
}
.m-menu-mission_item{
  font-size: 16px;
  align-items: center;
}