@charset "UTF-8";
body,
html {
  margin: 0 auto;
  min-height: 100vh;
  background: #f9f9f9;
  font-size: 0.7rem;
  overflow-x: hidden;
}

* {
  -webkit-tap-highlight-color: transparent;
}

.bannar {
  width: 100%;
  position: relative;
}

.bannar .bottomText {
  position: absolute;
  left: 0.65rem;
  bottom: 0.8rem;
  color: #fff;
}

.bannar img {
  width: 100%;
}

.wrap {
  background: #fff;
  min-height: 100vh;
}

.dropload-down {
  text-align: center;
  font-size: 0.7rem;
  line-height: 2rem;
  height: 2rem;
  padding-bottom: 0.5rem;
}

.is_buy {
  color: #ccc;
  font-size: 0.75rem;
  margin-top: 0.2rem;
}

/*公用超出滚动*/
.tab-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  overflow: auto;
}

.tab-head-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

/*swiper*/
.scrollSilder {
  width: 100%;
  height: 11.25rem;
}

/*swiper2*/
.scrollSilder2 {
  position: absolute;
  left: 50%;
  top: 9.15rem;
  z-index: 5;
  margin-left: -8.775rem;
  width: 17.55rem;
  height: 8rem;
  padding: 0.4rem 0;
  background: #fff;
  box-shadow: 0px 0px 0.53rem 0.17rem rgba(96, 102, 123, 0.08);
  border-radius: 0.25rem;
  overflow: hidden;
}

.scrollSilder2 .swiper-slide {
  display: block;
}

.scrollSilder2 .swiper-slide .iconcenter {
  float: left;
  margin: 0 !important;
  width: 4.38rem !important;
  height: 4rem;
}

.scrollSilder2 .swiper-pagination-bullet {
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 6px;
  height: 6px;
}

.scrollSilder2 .swiper-slide p {
  width: 100%;
  font-size: 0.65rem;
}

.scrollSilder2 .swiper-slide img {
  width: 1.5rem;
  height: 1.5rem;
  padding-bottom: 0.25rem;
}

/*swiper3*/
.scrollSilder3 {
  width: 100%;
  height: 7.5rem;
  padding-top: 0.6rem;
}

.scrollSilder3 .swiper-slide {
  width: 15rem;
  height: 7rem;
  background-image: url(../images/graycard_bg.png);
  background-size: 100% 100%;
  position: relative;
  font-weight: bold;
  color: #474246;
  border-radius: 0.25rem;
}

.scrollSilder3 .swiper-slide-active.swiper-slide {
  background-image: url(../images/card_bg.png);
  background-size: 100% 100%;
}

.scrollSilder3 .leftTop {
  position: absolute;
  left: 1.73rem;
  top: 2.13rem;
}

.scrollSilder3 .leftTop span {
  float: left;
  line-height: 1.1;
}

.scrollSilder3 .icon,
.scrollSilder3 .month,
.scrollSilder3 .originalPrice {
  font-size: 0.7rem;
  padding-top: 0.7rem;
}

.scrollSilder3 .originalPrice {
  text-decoration: line-through;
  margin-left: 0.25rem;
}

.scrollSilder3 .noney {
  font-size: 1.5rem;
}

.scrollSilder3 .leftTop .active {
  width: 2.1rem;
  height: 0.75rem;
  text-align: center;
  background: url(../images/graycard_sala.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0.3rem;
  top: -0.5rem;
  font-size: 0.45rem;
  text-shadow: 0px 3px 7px rgba(235, 23, 157, 0.35);
  -webkit-text-shadow: 0px 3px 7px rgba(235, 23, 157, 0.35);
  font-weight: 300;
  color: #fff;
  line-height: 0.65rem;
}

.scrollSilder3 .swiper-slide-active .leftTop .active {
  background: url(../images/card_sala.png);
  background-size: 100% 100%;
}

.scrollSilder3 .leftBottom {
  position: absolute;
  left: 1.65rem;
  top: 4.35rem;
  font-size: 0.7rem;
  line-height: 1rem;
  text-align: left;
}

.scrollSilder3 .swiper-slide-active .leftBottom span {
  color: #ec9e18;
}

.scrollSilder3 .leftBottom span {
  color: #858585;
}

.scrollSilder3 .label {
  position: absolute;
  right: 0.315rem;
  top: 1.35rem;
  width: 3.1rem;
  height: 1.35rem;
  font-size: 0.55rem;
  line-height: 1.2rem;
  font-weight: 400;
  text-indent: 0.5em;
  color: #d3d3d3;
  background: url(../images/graycard_sign.png);
  background-size: 100% 100%;
}

.scrollSilder3 .swiper-slide-active .label {
  color: #eac880;
  background: url(../images/card_sign.png);
  background-size: 100% 100%;
}

.scrollSilder3 .button {
  position: absolute;
  left: 9.68rem;
  top: 4.72rem;
  display: block;
  width: 3.13rem;
  height: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
  background: #838383;
  font-size: 0.6rem;
  color: #fff;
  font-weight: 500;
  border-radius: 0.13rem;
}

.scrollSilder3 .swiper-slide-active .button {
  background: #eb9d18;
}

.scrollSilder3 .swiper-container-3d .swiper-slide-shadow-left,
.scrollSilder3 .swiper-container-3d .swiper-slide-shadow-right {
  display: none;
}

/*底部所搜框*/
.IndexSearch {
  padding: 0.75rem 0.6rem 0.5rem;
  position: fixed;
  left: 50%;
  margin-left: -9.375rem;
  top: 0;
  width: 17.55rem;
  z-index: 30;
  background: rgba(249, 125, 66, 0);
  transition: background 1s;
  -webkit-transition: background 1s;
}

.IndexSearch.active {
  background: rgba(249, 125, 66, 0.9);
}

.IndexSearch .search {
  width: 15.5rem;
  height: 1.6rem;
  background: #fff;
  border-radius: 0.2rem;
}

.IndexSearch .search .searchIcon {
  width: 1.3rem;
  height: 100%;
}

.IndexSearch .search .searchIcon img {
  width: 0.65rem;
}

.IndexSearch .search .input {
  width: 14rem;
  padding: 0.3rem 0;
}

.IndexSearch .search .input input {
  height: 100%;
  width: 100%;
  vertical-align: top;
  font-size: 0.6rem;
}

.IndexSearch .messege {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.8rem;
  margin-top: 0.3rem;
  vertical-align: top;
  position: relative;
}

.IndexSearch .messege p {
  position: absolute;
  top: -0.3rem;
  right: -0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  text-align: center;
  line-height: 0.8rem;
  color: #fff;
  background: #ff695c;
  border-radius: 50%;
  font-size: 0.4rem;
}

/*公用小标题*/
.allTitle {
  width: 17.55rem;
  padding: 0.65rem 0.6rem;
  height: 0.9rem;
  line-height: 1rem;
  position: relative;
}

.allTitle::before {
  content: "";
  display: block;
  width: 0.2rem;
  height: 1rem;
  background: #f40;
  position: absolute;
  left: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
}

.allTitle .fl {
  height: 0.9rem;
  font-size: 0.9rem;
  line-height: 1.1;
  font-weight: bold;
  color: black;
  vertical-align: top;
  margin-left: 0.4rem;
}

.allTitle .fr {
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.6rem;
  font-weight: 500;
  color: #999999;
}

.allTitle .fr img {
  width: 0.25rem;
  height: 0.25rem;
  margin-left: 0.3rem;
  margin-top: 0.3rem;
}

/*书籍列表*/
.textList {
  padding: 0 0.9rem 0 0.6rem;
}

.textList li {
  height: 1rem;
  padding: 0.3rem 0;
}

.textList a {
  width: 15rem;
  height: 1rem;
  font-size: 0.7rem;
  color: #333333;
  line-height: 1rem;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.textList .img {
  float: right;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0.15rem 0.35rem;
  border-radius: 0.55rem;
  background: #ffe6df url(../images/news_video_icon.png) center center no-repeat;
  background-size: 0.8rem 0.8rem;
}

.textList .img.audioPlay {
  background: url(../images/news_video_icon.png) center center no-repeat;
  background-size: 0.8rem 0.8rem;
}

.textList .img.audioPlay.playing {
  background: url(../images/news_audio_icon.png) center center no-repeat;
  background-size: 0.8rem 0.8rem;
}

/*课程列表*/
.classList {
  padding: 0 0.6rem 0.75rem;
}

.classList .item {
  margin-bottom: 0.75rem;
  min-height: 3rem;
}

.classList .item:last-child {
  margin-bottom: 0;
}

.classList .left {
  width: 5.25rem;
  height: 7.5rem;
  border-radius: 0.25rem;
  overflow: hidden;
}

.classList .left img {
  width: 100%;
  height: 100%;
}

.classList .right {
  width: 11.5rem;
  position: relative;
}

.classList .seed {
  padding-top: 0.7rem;
  height: 1.13rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 226, 135, 0) 100%);
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 0.55rem;
  text-align: center;
  width: 100%;
}

.classList .seed span {
  display: inline-block;
  padding-left: 1rem;
  background: url(../images/4.3icon/lesson_icon_white.png) left center no-repeat;
  background-size: 0.7rem 0.575rem;
}

.classList .right h3 {
  width: 10.5rem;
  font-size: 0.7rem;
  color: #333;
  line-height: 1.43;
  margin: 0.2rem 0;
}

.classList .right .labels {
  margin-top: 0.2rem;
}

.classList .right .labels .label {
  line-height: 1rem;
  border-radius: 0.1rem;
  font-size: 0.6rem;
  color: #777;
  margin: 0 0.25rem 0.25rem 0;
}

.classList .right .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.classList .right .bottom .many {
  padding-left: 0.6rem;
  height: 1.3rem;
  line-height: 1.3rem;
  background: url(../images/course.png) left center no-repeat;
  background-size: 0.55rem 0.5rem;
  font-size: 0.6rem;
  color: #999;
}

.classList .right .bottom .buyes {
  height: 1.3rem;
  line-height: 1.3rem;
  border-radius: 0.65rem;
  padding: 0 0.65rem 0 1.5rem;
  background: #f5f3f1 url(../images/course_shop_icon.png) 0.7rem center no-repeat;
  background-size: 0.55rem 0.5rem;
  font-size: 0.6rem;
  color: #999;
}

.classList .right .bottom .money {
  color: #f40;
  font-size: 0.75rem;
  line-height: 1.3rem;
}

.classList .right .bottom .money.lineThrough {
  color: #666;
  text-decoration: line-through;
}

/*听书列表*/
.bookList {
  padding: 0 0.6rem;
}

.bookList a {
  width: 5.25rem;
  margin-right: 0.9rem;
  margin-bottom: 0.5rem;
}

.bookList a:nth-child(3n) {
  margin-right: 0;
}

.bookList img {
  width: 5.25rem;
  height: 7.5rem;
  border-radius: 0.25rem;
}

.bookList h3 {
  font-size: 0.7rem;
  color: #333333;
  line-height: 1rem;
  width: 100%;
}

.bookList .price {
  color: #ff4400;
  font-size: 0.75rem;
  margin-top: 0.2rem;
}

.bookList .lesson_inf {
  font-size: 0.55rem;
  color: #999;
  margin-left: 0.3rem;
}

.bookList .lesson_icon img {
  width: 0.7rem;
  height: 0.55rem;
}

/*底部播放器*/
.audioIndex {
  width: 17.5rem;
  height: 2.5rem;
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 20;
  margin-left: -8.75rem;
  background: url(../images/window_bg.png);
  background-size: 100% 100%;
  transition: bottom 1s;
  -webkit-transition: bottom 1s;
}

.audioIndex.active {
  bottom: 3.5rem;
}

.audioIndex .close {
  width: 1.1rem;
  height: 1.1rem;
  background: url(../images/cloase_icon.png) center center no-repeat;
  background-size: 0.5rem 0.5rem;
}

.audioIndex .play_icon {
  width: 1.1rem;
  height: 1.1rem;
  background: url(../images/4.3icon/play_icon.png) center 40% no-repeat;
  background-size: 0.81rem 0.81rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.audioIndex .absolute_mark {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
}

.audioIndex .pause_icon {
  width: 1.1rem;
  height: 1.1rem;
  background: url(../images/pause.png) center 40% no-repeat;
  background-size: 0.4rem 0.5rem;
}

.audioIndex .item {
  width: 14.25rem;
  margin-left: 0.25rem;
}

.audioIndex .item .head {
  width: 2.1rem;
  height: 1.55rem;
  background-color: #fff;
  margin-right: 0.2rem;
  overflow: hidden;
  position: relative;
}

.audioIndex .item .head img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.audioIndex .item .title {
  width: 11rem;
  font-size: 0.65rem;
  margin-left: 0.2rem;
}

/*底部*/
footer {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 30;
  width: 18.75rem;
  height: 2.45rem;
  background: #fff;
  margin-left: -9.375rem;
  border-top: 1px solid #efefef;
}

footer a {
  width: 25%;
  padding-top: 1.4rem;
  padding-bottom: 0.5rem;
  text-align: center;
  line-height: 1.1;
  font-size: 0.55rem;
  color: #979797;
}

footer .active {
  color: #f40;
}

footer .index {
  background: url(../images/home_icon.png) center 0.2rem no-repeat;
  background-size: 1.1rem 1.1rem;
}

footer .shopping {
  background: url(../images/mall_icon.png) center 0.2rem no-repeat;
  background-size: 1.1rem 1.1rem;
}

footer .buyed {
  background: url(../images/shopping_icon.png) center 0.2rem no-repeat;
  background-size: 1.1rem 1.1rem;
}

footer .my {
  background: url(../images/mine_icon.png) center 0.2rem no-repeat;
  background-size: 1.1rem 1.1rem;
}

footer .index.active {
  background: url(../images/home_red_icon.png) center 0.2rem no-repeat;
  background-size: 1.1rem 1.1rem;
}

footer .shopping.active {
  background: url(../images/red_mall_icon.png) center 0.2rem no-repeat;
  background-size: 1.1rem 1.1rem;
}

footer .buyed.active {
  background: url(../images/red_shopping_icon.png) center 0.2rem no-repeat;
  background-size: 1.1rem 1.1rem;
}

footer .my.active {
  background: url(../images/red_mine_icon.png) center 0.2rem no-repeat;
  background-size: 1.1rem 1.1rem;
}

.excellentCourseNav {
  height: 2.25rem;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
}

.excellentCourseNav .tab-head-item a {
  display: block;
  padding-left: 0.75rem;
  padding-bottom: 1rem;
  font-weight: bold;
  font-size: 0.7rem;
  color: #666;
  line-height: 2.25rem;
}

.excellentCourseNav .tab-head .tab-head-item:nth-child(1) a {
  padding-left: 0.6rem;
}

.excellentCourseNav .tab-head .tab-head-item a.active span {
  color: #f40;
  border-bottom: 0.1rem solid #f40;
}

.excellentCourseNav2 {
  height: 2rem;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
}

.excellentCourseNav2 .tab-head-item a {
  display: block;
  padding-left: 0.75rem;
  padding-bottom: 1rem;
  font-weight: bold;
  font-size: 0.65rem;
  color: #999;
  line-height: 2rem;
}

.excellentCourseNav2 .tab-head .tab-head-item:nth-child(1) a {
  padding-left: 0.6rem;
}

.excellentCourseNav2 .tab-head .tab-head-item a.active span {
  color: #f40;
}

.excellentCourse .classList {
  padding: 0;
}

.excellentCourse .classList .item {
  padding: 0.5rem 0.6rem;
  margin-bottom: 0.5rem;
  background: #fff;
}

.membershipCard {
  height: 1.88rem;
  line-height: 1.88rem;
  padding: 0 0.6rem;
  background: #fff;
}

.membershipCard .name {
  font-size: 0.65rem;
  color: #666;
}

.membershipCard .price {
  font-size: 0.75rem;
  color: #f40;
}

/*通用button*/
input[type="submit"].allButton,
.allButton {
  display: block !important;
  width: 17.5rem;
  height: 2rem;
  background: linear-gradient(60deg, #f84e35 0%, #f97d42 100%);
  background: -webkit-linear-gradient(60deg, #f84e35 0%, #f97d42 100%);
  box-shadow: 0px 3px 9px 0px rgba(248, 56, 92, 0.35);
  -webkit-box-shadow: 0px 3px 9px 0px rgba(248, 56, 92, 0.35);
  border-radius: 1rem;
  text-align: center;
  color: #fff;
  font-weight: bolder;
  line-height: 2rem;
  margin: 0 auto;
}

.allButton.disable,
input[type="submit"].allButton.disable {
  background: #ccc;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/*通用大型input*/
.allBigInput {
  width: 17.5rem;
  height: 1.9rem;
  border-radius: 1rem;
  line-height: 1.9rem;
  background: #fff;
  border: 0.05rem solid #e2e2e2;
  text-align: center;
  margin: 1.45rem 0 0.55rem;
}

.receiveCoupons {
  color: #666;
  line-height: 1.6;
}

.receiveCoupons img {
  width: 6.75rem;
  margin: 0.4rem 0;
}

.receiveCoupons .link {
  text-decoration: underline;
  color: #f40;
}

/*优惠券样式*/
.coupons {
  position: relative;
  width: 17rem;
  height: 3.6rem;
  margin: 0.5rem auto;
  background: white;
  border: 1px solid #f3ebda;
}

.coupons .ticket_label {
  position: absolute;
  left: 0.8rem;
  top: -0.1rem;
  width: 3.05rem;
  height: 0.75rem;
  background: url(../images/ticket_label.png);
  background-size: 100% 100%;
  line-height: 0.75rem;
  text-align: center;
  color: #fff;
  font-size: 0.5rem;
}

.coupons .left {
  width: 11.5rem;
  padding-left: 1.25rem;
  text-align: left;
}

.coupons .userRuler,
.coupons .date {
  width: 11.5rem;
  line-height: 1.1;
}

.coupons .userRuler {
  font-size: 0.65rem;
  color: #f84f35;
  margin-bottom: 0.3rem;
}

.coupons .date {
  font-size: 0.45rem;
  color: #999;
}

.coupons .right {
  width: 4.3rem;
  text-align: center;
}

.coupons .right .much {
  color: #f84e35;
  font: 0.75rem;
  margin-right: 0.1rem;
  line-height: 1.1;
  text-align: center;
}

.coupons .right .much span {
  font-size: 1.25rem;
}

.coupons .right button {
  width: 2.9rem;
  height: 0.9rem;
  background: linear-gradient(90deg, #ff173f 0%, #ff4f04 100%);
  background: -webkit-linear-gradient(90deg, #ff173f 0%, #ff4f04 100%);
  border-radius: 0.45rem;
  color: #fff;
  border: none;
  font-size: 0.55rem;
}

/*搜索页*/
.searchPage {
  padding: 0.45rem 0.6rem 0.25rem;
  background: #fff;
  margin-bottom: 0.5rem;
}

.searchPage .search {
  width: 15.5rem;
  height: 1.6rem;
  line-height: 1.6rem;
  background: #f2f2f3;
  border-radius: 0.125rem;
}

.searchPage .search img {
  width: 0.65rem;
  padding: 0.45rem 0.17rem 0.45rem 0.45rem;
}

.searchPage .search input {
  background: #f2f2f3;
  width: 13.5rem;
}

.searchPage .cancel {
  color: #f40;
  font-size: 0.75rem;
  line-height: 1.6rem;
}

.searchPage .hotTitle {
  padding: 1.1rem 0 0.65rem;
  font-size: 0.6rem;
  line-height: 1.1;
}

.searchPage .hot .label {
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0 0.5rem;
  border-radius: 0.75rem;
  background: #eee;
  color: #666;
  margin-right: 0.4rem;
  margin-bottom: 0.5rem;
}

.searchPage .hot .label:nth-child(1),
.searchPage .hot .label:nth-child(2),
.searchPage .hot .label:nth-child(3) {
  padding-left: 1.25rem;
  background: #eee url(../images/popular_icon.png) 0.4rem 0.35rem no-repeat;
  background-size: 0.55rem 0.63rem;
}

.saerchList {
  background: #fff;
  padding: 0 0.6rem;
}

.saerchList .list {
  overflow: auto;
}

.saerchList .top {
  height: 2.1rem;
  line-height: 2.1rem;
  font-size: 0.6rem;
  color: #444;
}

.saerchList .top .clear {
  color: #999;
  padding-right: 0.85rem;
  background: url(../images/delect_icon.png) right center no-repeat;
  background-size: 0.6rem 0.6rem;
}

.saerchList .item {
  border-top: 0.05rem solid #f4f4f4;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.7rem;
}

.saerchList .item .close {
  width: 1rem;
  height: 2rem;
  background: url(../images/delect_icon2.png) center center no-repeat;
  background-size: 0.5rem 0.5rem;
}

/*tab切换*/
.tab {
  height: 2.2rem;
  font-size: 0.7rem;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  border-bottom: 0.05rem solid #e8e8e8;
  background: #fff;
}

.tab p {
  width: 50%;
  line-height: 2.2rem;
  color: #666;
  font-weight: bold;
}

.tab .active {
  color: #f40;
  border-bottom: 0.05rem solid #f40;
}

.tabs .fff {
  background: #fff;
}

/*文章列表*/
.articleList {
  padding: 0.25rem 0.6rem;
}

.tabs #article .articleList a {
  padding: 0.5rem 0;
  border-bottom: 1px solid #f4f4f4;
}

.articleList .a {
  padding: 0.5rem 0;
  border-bottom: 1px solid #f4f4f4;
}

.articleList .a:last-child {
  border-bottom: none;
}

.articleList .left {
  width: 11.25rem;
  position: relative;
}

.articleList .left h3 {
  line-height: 1rem;
  font-weight: bolder;
}

.articleList .img {
  width: 5.5rem;
  height: 3.625rem;
  overflow: hidden;
}

.articleList .left p {
  position: absolute;
  left: 0;
  bottom: 0.25rem;
  font-size: 0.55rem;
  color: #999;
  line-height: 1.1;
}

/*课程大纲列表*/
.syllabusList {
  padding: 0 0.6rem;
}

.syllabusList .centerImg {
  width: 0.9rem;
  height: 0.9rem;
  padding: 0 0.8rem 0 0.2rem;
}

.syllabusList a {
  padding: 0.7rem 0;
  border-bottom: 0.05rem solid #f4f4f4;
  position: relative;
}

.syllabusList h4 {
  line-height: 1rem;
  margin-bottom: 0.4rem;
}

.syllabusList .bottom {
  line-height: 1.1;
  font-size: 0.6rem;
  color: #aaaaaa;
  padding-left: 0.7rem;
  background: url(../images/course.png) left center no-repeat;
  background-size: 0.55rem 0.5rem;
}

.syllabusList .bottom em {
  width: 1px;
  height: 0.6rem;
  background: #aaaaaa;
  margin: 0 0.4rem;
}

.syllabusList .label {
  position: absolute;
  right: 0;
  bottom: 0.5rem;
  width: 1.55rem;
  height: 0.9rem;
  background: #ff4400;
  border-radius: 0.45rem;
  color: #fff;
  font-size: 0.5rem;
  text-align: center;
  line-height: 0.9rem;
}

/*课程详情*/
.curriculumDetail video {
  width: 100%;
  height: 10.55rem;
}

.videoMessage {
  padding: 0.6rem;
  border-bottom: 0.4rem solid #f9f9f9;
  padding-right: 1rem;
}

.videoMessage h2 {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1rem;
  margin-bottom: 0.4rem;
}

.videoMessage .bottom {
  font-size: 0.65rem;
  line-height: 1.1;
}

.videoMessage .bottom span {
  color: #898989;
}

.videoMessage .bottom .tvListBotton {
  color: #444;
  height: 0.65rem;
  padding-left: 0.7rem;
  background: url(../images/video/list_icon.png) left center no-repeat;
  background-size: 0.57rem 0.6rem;
}

.bottomButton {
  padding: 0.35rem 0.6rem;
  background: #f5f5f5;
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 5;
  margin-left: -9.375rem;
}

.audio {
  height: 10.5rem;
  background: #221b12 url(../images/audio_logo.png) 30% 56% no-repeat;
  background-size: 3.25rem 3.45rem;
}

.audio .button {
  padding-bottom: 1rem;
  padding-left: 3rem;
}

.audio .animateDiv {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto 0.5rem;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.audio .animateDiv p {
  width: 0.15rem;
  height: 1rem;
  border-radius: 0.075rem;
  background: #fff;
  animation: height 0.5s infinite;
  -webkit-animation: height 0.5s infinite;
}

.audio .animateDiv p:nth-child(1) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}

.audio .animateDiv p:nth-child(3) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}

.audio .animateDiv p:nth-child(4) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

@keyframes height {
  0% {
    height: 1rem;
  }
  50% {
    height: 0.3rem;
  }
  100% {
    height: 1rem;
  }
}

@-webkit-keyframes height /*Safari and Chrome*/ {
  0% {
    height: 1rem;
  }
  50% {
    height: 0.3rem;
  }
  100% {
    height: 1rem;
  }
}

.audio .playVideoButton {
  width: 5.35rem;
  height: 1.63rem;
  border: 0.1rem solid rgba(254, 254, 255, 0.3);
  border-radius: 0.85rem;
  color: #fff;
  line-height: 1.63rem;
  text-align: center;
}

.audio .playVideoButton p {
  padding-left: 1rem;
  background: url(../images/windeow_arrow_icon.png) 0.9rem center no-repeat;
  background-size: 0.5rem 0.65rem;
}

.audio .progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.25rem;
  font-size: 0.45rem;
  color: #fff;
  line-height: 0.8rem;
}

.audio .progress .arr_qj,
.audioButtons .arr_qj {
  width: 1.15rem;
  height: 1.07rem;
  background: url("../images/4.4icon/qj.png") no-repeat center center;
  background-size: 100% 100%;
  color: #333;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.audio .progress .arr_ht,
.audioButtons .arr_ht {
  width: 1.15rem;
  height: 1.07rem;
  background: url("../images/4.4icon/ht.png") no-repeat center center;
  background-size: 100% 100%;
  color: #333;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.xj_k_process {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 5.75rem;
}

.xj_k_process .bar {
  width: 14.5rem !important;
  left: 0 !important;
  margin: 0 0.4rem;
}

.audio .progress img {
  width: 0.65rem;
  height: 0.8rem;
  padding: 0 0.65rem;
}

.audio .progress .nowTime,
.audio .progress .overTime {
  padding: 0 0.25rem;
}

.audio .progress .overTime {
  padding-right: 0.6rem;
}

.audio .bar {
  width: 13rem;
  height: 0.15rem;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
  top: 0.3rem;
  border-radius: 0.1rem;
}

.audio .progress .bar div {
  position: absolute;
  left: 0;
  top: 0;
  height: 0.15rem;
  border-radius: 0.1rem;
}

.audio .progress .bar .first {
  width: 0rem;
  background: rgba(255, 255, 255, 0.5);
}

.audio .progress .bar .secced {
  width: 0rem;
  background: #fff;
}

.audio .progress .bar .ball {
  width: 0.5rem;
  height: 0.5rem;
  left: 0rem;
  background: #ff4400;
  box-shadow: 0px 0px 6px 0px rgba(255, 68, 0, 0.5);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(255, 68, 0, 0.5);
  border-radius: 50%;
  margin-top: -0.175rem;
  margin-left: -0.175rem;
}

.audio .progress .bar .ball::before {
  content: "";
  position: absolute;
  left: -0.25rem;
  top: -0.25rem;
  width: 1rem;
  height: 1rem;
}

.curriculumDetailMusic {
  position: absolute;
  right: 3.6rem;
  top: 0.6rem;
  z-index: 5;
  width: 1.05rem;
  height: 0.9rem;
  background: url(../images/video/headset_icon2.png);
  background-size: 100% 100%;
}

/*.curriculumDetailMusic {
    position: absolute;
    right:0.6rem;
    bottom: -2.2rem;
    z-index: 5;
    width:4.55rem;
    height:1.5rem;
    line-height: 1.5rem;
    border-radius: 0.75rem;
    text-align: center;
    color:#fff;
    font-size: 0.6rem;
    background: linear-gradient(60deg,rgba(248,78,53,1) 0%,rgba(249,125,66,1) 100%);
    background: -webkit-linear-gradient(60deg,rgba(248,78,53,1) 0%,rgba(249,125,66,1) 100%);
}
.curriculumDetailMusic img {
    width:0.9rem;
    padding-top: 0.3rem;
    padding-right: 0.2rem;
}*/
.curriculumComment button {
  border: none;
}

.curriculumComment .disabled {
  background: linear-gradient(60deg, #f84e35 0%, #f97d42 100%);
  background: -webkit-linear-gradient(60deg, #f84e35 0%, #f97d42 100%);
  box-shadow: 0px 3px 9px 0px rgba(248, 56, 92, 0.35);
  -webkit-box-shadow: 0px 3px 9px 0px rgba(248, 56, 92, 0.35);
  opacity: 0.5;
}

.curriculumComment .textarea {
  padding: 0 0.6rem;
  background: #fff;
  margin-bottom: 0.5rem;
}

.curriculumComment .textarea p {
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 0.75rem;
  color: #444;
  border-bottom: 1px solid #f4f4f4;
  font-weight: bolder;
}

.curriculumComment .textarea textarea {
  font-size: 0.7rem;
  padding: 0.5rem 0;
  line-height: 1.4;
  height: 8rem;
  border: none;
  width: 100%;
}

.curriculumAudio .audio {
  height: 21.38rem;
  background: #fff;
  border-bottom: 0.5rem solid #f9f9f9;
}

.curriculumAudio .audio .progress {
  bottom: 4.75rem;
}

.curriculumAudio .audio .img {
  width: 12.75rem;
  height: 11.5rem;
  margin: 0 auto;
  display: table;
}

.tableCell {
  display: table-cell;
  vertical-align: middle;
}

.curriculumAudio .audio .img p {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding: 0 0.2rem 0 0.5rem;
  line-height: 1rem;
  height: 1rem;
  background: linear-gradient(180deg, rgba(34, 27, 18, 0.5) 0%, rgba(34, 27, 18, 0) 100%);
  background: -webkit-linear-gradient(180deg, rgba(34, 27, 18, 0.5) 0%, rgba(34, 27, 18, 0) 100%);
  border-radius: 0px 0px 5px 0px;
  color: #fff;
  font-size: 0.5rem;
}

.curriculumAudio .audio .img p img {
  width: 0.5rem;
  padding-top: 0.2rem;
  margin-right: 0.1rem;
}

.curriculumAudio .audio h2 {
  line-height: 1rem;
  text-align: center;
  width: 17.5rem;
  margin: 1rem auto 0;
  font-size: 0.75rem;
  font-weight: bold;
}

.curriculumAudio .audio .bar {
  width: 17.5rem;
  height: 0.1rem;
  background: #f84e35;
  position: relative;
  top: 0;
  left: 0.6rem;
}

.curriculumAudio .audio .bar::before,
.curriculumAudio .audio .bar::after {
  content: "";
  position: absolute;
  top: -0.06rem;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background: #f84e35;
}

.curriculumAudio .audio .bar::before {
  left: -0.1rem;
}

.curriculumAudio .audio .bar::after {
  right: -0.1rem;
}

.curriculumAudio .audio .progress .bar .ball {
  width: 3.38rem;
  height: 0.9rem;
  background: linear-gradient(60deg, #f84e35 0%, #f97d42 100%);
  box-shadow: 0px 0px 0.2rem 0px rgba(248, 56, 92, 0.35);
  background: -webkit-linear-gradient(60deg, #f84e35 0%, #f97d42 100%);
  -webkit-box-shadow: 0px 0px 0.2rem 0px rgba(248, 56, 92, 0.35);
  border-radius: 0.45rem;
  text-align: center;
  margin-left: 0;
  margin-top: -0.4rem;
}

.curriculumAudio .audio .progress .nowTime,
.curriculumAudio .audio .progress .overTime {
  padding: 0;
  line-height: 0.9rem;
}

.curriculumAudio .audio .audioButtons {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 17.55rem;
  height: 3.25rem;
  margin-left: -9.375rem;
  padding: 0 0.6rem 0.75rem;
  font-size: 0.45rem;
  color: #666;
}

.curriculumAudio .audio .changeVideo,
.curriculumAudio .audio .playListButton {
  padding-top: 0.9rem;
  line-height: 1.1;
}

.curriculumAudio .audio .changeVideo {
  background: url(../images/video/play-video_icon.png) center top no-repeat;
  background-size: 0.9rem 0.7rem;
}

.curriculumAudio .audio .playListButton {
  background: url(../images/video/list_icon.png) center top no-repeat;
  background-size: 0.95rem 0.6rem;
}

.curriculumAudio .audio .prev,
.curriculumAudio .audio .next {
  width: 0.875rem;
}

.curriculumAudio .audio .playAudio,
.curriculumAudio .audio .pauseAudio {
  width: 3.25rem;
  height: 3.25rem;
}

.curriculumAudio #videoMask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
}

.curriculumAudio #videoMask .video {
  width: 100%;
}

.curriculumAudio #videoMask .video .open {
  position: absolute;
  top: -1.15rem;
  right: 0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  background: url(../images/cloase_icon.png);
  background-size: 100% 100%;
}

/*课程介绍*/
.goApp {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 55;
  width: 100%;
  height: 2.5rem;
  background: #fff;
}

.goApp .logo {
  width: 2.5rem;
}

.goApp button {
  width: 3.75rem;
  height: 1.4rem;
  border: 1px solid #d0d2d4;
  border-radius: 0.25rem;
  font-size: 0.6rem;
  color: #666;
  background: #fff;
}

.bannar .title {
  position: absolute;
  left: 0.65rem;
  bottom: 0.75rem;
  z-index: 5;
  color: #fff;
  width: 9.75rem;
  font-size: 0.88rem;
  line-height: 1.5;
}

.bannar .time {
  font-size: 0.6rem;
  position: absolute;
  right: 0.6rem;
  bottom: 0.85rem;
  z-index: 5;
  color: #fff;
  line-height: 1.1;
  padding-left: 0.65rem;
  background: url(../images/course_wicon.png) left center no-repeat;
  background-size: 0.55rem 0.5rem;
}

.bannar .time em {
  display: inline-block;
  width: 0.1rem;
  height: 0.6rem;
  background: rgba(255, 255, 255, 0.5);
  vertical-align: bottom;
  margin: 0 0.2rem;
}

.tabXJ {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 1.95rem;
  line-height: 1.95rem;
  background: #fff;
  border-bottom: 1px solid #f1efef;
  z-index: 5;
  color: #666;
  font-weight: bold;
}

.tabXJ div {
  width: 33.33%;
  text-align: center;
}

.tabXJ .active span {
  color: #f40;
  position: relative;
}

.tabXJ .active span:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 2em;
  height: 0.1rem;
  margin-left: -1em;
  background: #f40;
}

.tabItems {
  background: #fff;
}

.topCoupon {
  padding: 0 0.75rem;
  background: #fff;
}

.topCoupon .left {
  height: 1.95rem;
  line-height: 1.95rem;
  color: #f40;
}

.topCoupon .left .iconFont {
  width: 1rem;
  height: 1rem;
  margin-top: 0.475rem;
  margin-right: 0.3rem;
  color: #fff;
  background: #f40;
  border-radius: 0.2rem;
  text-align: center;
  line-height: 1rem;
}

.topCoupon button {
  width: 3rem;
  height: 1.2rem;
  border: 1px solid #f40;
  border-radius: 0.25rem;
  font-size: 0.6rem;
  background: none;
  border-radius: 0.2rem;
  color: #f40;
  margin-top: 0.33rem;
}

.couponListMask {
  position: fixed;
  left: 0;
  top: 100%;
  z-index: 888;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
}

.couponListMask .quans {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  padding: 0.75rem 0 0.25rem;
}

.couponListMask .open {
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.border {
  height: 0.5rem;
  background: #f5f5f5;
  border-top: 1px solid #f1efef;
  border-bottom: 1px solid #f1efef;
}

.tabItems .item1 .content {
  font-size: 0.65rem;
  line-height: 1.5;
  padding: 0 0.65rem 0.5rem;
  color: #666;
}

.tabItems .item1 .content p {
  margin-bottom: 0.5rem;
}

.tabItems .item1 .content video {
  width: 100%;
  height: auto;
  line-height: 1.1;
}

.tabItems .item1 .allColumn {
  padding: 0.65rem 0.7rem;
  font-size: 0.85rem;
}

.tabItems .item1 .allColumn h3 {
  font-weight: bold;
}

.tabItems .bottomBotton {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.75rem;
  line-height: 2.75rem;
  background: #f9f9f9;
  z-index: 5;
  border-top: 1px solid #f1efef;
}

.tabItems .bottomBotton .col {
  padding-left: 1rem;
  width: 2.45rem;
  padding-left: 1.35rem;
  text-align: center;
  background: url(../images/collection_default_icon.png) 0.8rem 45% no-repeat;
  background-size: 0.8rem 0.8rem;
}

.tabItems .bottomBotton .buy {
  width: 14rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 0.38rem;
  margin-right: 0.63rem;
  background: linear-gradient(90deg, #f84e35 0%, #f97d42 100%);
  box-shadow: 0px 0.1rem 0.2rem 0px rgba(248, 56, 92, 0.35);
  border-radius: 1rem;
  color: #fff;
}

.tabItems .bottomBotton .buy.disabled {
  background: gray;
  box-shadow: none;
}

.tabItems .bottomBotton .comtent {
  width: 14rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 0.38rem;
  margin-right: 0.63rem;
  background: linear-gradient(90deg, #f84e35 0%, #f97d42 100%);
  box-shadow: 0px 0.1rem 0.2rem 0px rgba(248, 56, 92, 0.35);
  border-radius: 1rem;
  color: #fff;
}

.tabItems .bottomBotton .col.active {
  background: url(../images/collection_action_icon.png) 0.8rem 45% no-repeat;
  background-size: 0.8rem 0.8rem;
}

.myComtent {
  padding: 0 0.6rem;
  margin-bottom: 0.7rem;
}

.myComtent:last-child {
  margin-bottom: 0;
}

.myComtent .head {
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  overflow: hidden;
  background: #ccc;
}

.myComtent .item {
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 0.5rem;
  margin-bottom: 0.7rem;
}

.myComtent .item .name.float {
  width: 15.63rem;
  font-size: 0.5rem;
}

.myComtent .item .name.float .name {
  font-size: 0.65rem;
}

.myComtent .item .content {
  margin-top: 0.3rem;
  padding-bottom: 0.5rem;
  padding-left: 1.85rem;
}

.itemNumber .myComtent .item .top {
  margin-bottom: 0.2rem;
}

.myComtent .item .name .nice {
  padding-top: 0.5rem;
  min-width: 0.7rem;
  text-align: center;
  background: url(../images/zan_default_icon.png) center top no-repeat;
  background-size: 0.7rem 0.7rem;
  color: #616161;
  line-height: 1.4;
}

.myComtent .item .name .nice.active {
  background: url(../images/zan_action_icon.png) center top no-repeat;
  background-size: 0.7rem 0.7rem;
  color: #f40;
}

.itemNumber .authorReply {
  padding: 0.7rem;
  background: #f8f8f8;
  font-size: 0.6rem;
  color: #545353;
  border-radius: 0.2rem;
  width: 14.25rem;
  margin-left: 1.88rem;
}

.itemNumber .authorReply h4 {
  color: #333;
  margin-bottom: 0.1rem;
}

.itemNumber .authorReply h4 span {
  font-size: 0.5rem;
  color: #c8c8c8;
}

.itemNumber .authorReply .text {
  color: #9a9a9a;
  font-size: 0.6rem;
}

/*课程详情*/
.tabItems .top .tvListBotton {
  font-size: 0.6rem;
  color: #159adc;
  height: 0.8rem;
  line-height: 0.8rem;
}

.tabItems .top .tvListBotton img {
  width: 0.33rem;
  height: 0.57rem;
  margin-left: 0.3rem;
}

.comtentBotton {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9;
  width: 100%;
  padding: 0.6rem 0;
  background: #fff;
}

.playList {
  position: fixed;
  left: 0;
  top: 100%;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.playList .list {
  width: 100%;
  height: 15rem;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.playList .list .open {
  width: 0.7rem;
  height: 0.7rem;
  padding: 0.77rem 0.6rem;
}

.playList .list .title {
  height: 2.25rem;
  line-height: 2.25rem;
}

.playList .list .title h3 {
  padding-left: 1.5rem;
  height: 2.25rem;
  line-height: 2.25rem;
  background: url(../images/video/list_icon.png) 0.6rem center no-repeat;
  background-size: 0.57rem 0.6rem;
}

.playList .list ul {
  height: 12.75rem;
  overflow: auto;
  padding: 0 0.6rem;
}

.playList .list li {
  border-top: 1px solid #f4f4f4;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.65rem;
  padding-right: 3rem;
  background: url(../images/box_video_icon.png) right center no-repeat;
  background-size: 0.9rem 0.9rem;
}

.playList .list li span {
  color: #999;
}

.playList .list li .text {
  color: #333;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.playList .list li.active span {
  color: #f40;
}

.playList .list li.active {
  background: url(../images/box_video_default_icon.png) right center no-repeat;
  background-size: 0.9rem 0.9rem;
}

.playBotton {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  text-align: center;
}

.playBotton img {
  width: 2.75rem;
  height: 2.75rem;
}

/*登陆页*/
.login {
  padding-top: 0.5rem;
}

.login ul {
  padding: 0 0.6rem;
  background: #fff;
  font-size: 0.7rem;
}

.login ul li {
  height: 1.25rem;
  line-height: 1.25rem;
  border-bottom: 0.02rem solid #f4f4f4;
  padding: 0.425rem 0;
  font-size: 0.7rem;
}

.login ul li label {
  width: 2.65rem;
  float: left;
}

.login ul li input {
  width: 14.5rem;
  height: 1.25rem;
  float: left;
  border: none;
  background: none;
}

.login ul .ver input {
  width: 9rem;
}

.login ul .ver span {
  float: right;
  color: #f40;
  cursor: pointer;
  width: 5.5rem;
  text-align: center;
  border-left: 1px solid #f4f4f4;
}

.login ul .ver span.disabled {
  opacity: 0.5;
}

.login .allButton {
  margin-top: 0.75rem;
}

.allButton.disabled {
  background: #ea9b7f;
}

/*文章资讯*/
.articleInformation {
  background: #fff;
}

/*文章详情*/
.articleDetail {
  padding: 0.6rem;
  background: #fff;
}

.articleDetail .bottom {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 5;
  background: #fff;
  padding: 0.6rem;
  height: 1rem;
  width: 17.55rem;
  line-height: 1rem;
  font-size: 0.65rem;
  color: #666;
  border-top: 1px solid #f4f4f4;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.articleDetail .bottom .fleft p {
  font-size: 0.6rem;
  padding-left: 1rem;
  margin-left: 0.7rem;
  line-height: 1.1rem;
}

.articleDetail .bottom .fleft .col {
  background: url(../images/collection_default_icon.png) left top no-repeat;
  background-size: 0.8rem 0.8rem;
}

.articleDetail .bottom .fleft .col.active {
  background: url(../images/collection_action_icon.png) left top no-repeat;
  background-size: 0.8rem 0.8rem;
}

.articleDetail .bottom .fleft .nice {
  background: url(../images/zan_default_icon.png) left top no-repeat;
  background-size: 0.8rem 0.8rem;
}

.articleDetail .bottom .fleft .nice.active {
  background: url(../images/zan_action_icon.png) left top no-repeat;
  background-size: 0.8rem 0.8rem;
}

.articleDetail h2 {
  font-size: 0.85rem;
  font-weight: bold;
  line-height: 1.2rem;
  margin-bottom: 0.4rem;
}

.articleDetail .date {
  font-size: 0.6rem;
  color: #999;
  line-height: 1.1;
  margin-bottom: 1rem;
}

/*文章详情播放器*/
.articleAudio {
  width: 17.55rem;
  height: 3.95rem;
  background: #f9f9f9;
  border: 1px solid #e8e8e8;
  border-radius: 0.13rem;
}

.articleAudio .iconcenter {
  height: 100%;
}

.articleAudio .play {
  width: 1.9rem;
  height: 1.9rem;
  margin-right: 0.8rem;
}

.articleAudio .right {
  width: 13rem;
  line-height: 1.1;
}

.articleAudio .right h3 {
  color: #444;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  margin-bottom: 0.5rem;
  font-size: 0.7rem;
  height: 0.8rem;
  line-height: 0.8rem;
}

.articleAudio .right .progress {
  width: 100%;
  height: 0.1rem;
  background: #ebebeb;
  margin-bottom: 0.5rem;
}

.articleAudio .right .progress p {
  background: #f40;
  height: 100%;
  width: 0;
}

.articleAudio .right .progress .longD {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
  margin-top: -0.28rem;
  cursor: pointer;
}

.articleAudio .right .time {
  color: #adadad;
  font-size: 0.55rem;
}

/*文章详情播放器结束*/
.articleDetail .content {
  text-align: justify;
  font-size: 0.65rem;
  line-height: 1rem;
  color: #666;
}

.articleDetail .content video {
  background: #000;
}

.articleDetail .content p {
  padding-bottom: 0.7rem;
}

.articleDetail .content table {
  width: 100%;
  max-width: 100%;
}

.articleDetail .content video {
  width: 100%;
}

/*已购专栏*/
.purchased .item {
  padding: 0.6rem;
  background: #fff;
  margin-bottom: 0.5rem;
}

.purchased .classList .item:last-child {
  margin-bottom: 0;
}

/*个人中心*/
.MY .top {
  height: 7rem;
  background: url(../images/wd_bg.png);
  background-size: 100% 100%;
}

.MY .top .item {
  padding: 1.38rem 0.6rem 0 0.9rem;
}

.MY .top .head {
  width: 2.9rem;
  height: 2.9rem;
  margin-right: 0.5rem;
  border-radius: 50%;
}

.MY .top .head img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: url(../images/avatar_icon.png);
  background-size: 100% 100%;
}

.MY .top .right {
  width: 13.8rem;
  color: #fff;
  line-height: 1.1;
  background: url(../images/wd_arrow_icon.png) right center no-repeat;
  background-size: 0.53rem 0.93rem;
}

.MY .top .right h3 {
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.MY .top .right p {
  font-size: 0.55rem;
}

.MY .middle {
  position: absolute;
  left: 50%;
  top: 5.65rem;
  width: 17.55rem;
  height: 4.5rem;
  margin-left: -8.775rem;
  background: white;
  box-shadow: 0px 0px 0.53rem 0.17rem rgba(4, 0, 0, 0.1);
  border-radius: 0.25rem;
}

.MY .middle a {
  width: 33.33%;
  text-align: center;
}

.MY .middle a img {
  width: 1.45rem;
  height: 1.45rem;
}

.MY .middle a p {
  height: 0.65rem;
  font-size: 0.7rem;
  margin-top: 0.4rem;
  font-weight: bold;
  line-height: 1.1;
}

.MY .myList {
  padding: 4rem 0.75rem 0.4rem 1rem;
  background: #fff;
}

.MY .myList li a {
  padding: 0.6rem 0;
  position: relative;
}

.MY .myList li .hasNew:after {
  content: "";
  width: 0.35rem;
  height: 0.35rem;
  background: #f2472f;
  border-radius: 50%;
  position: absolute;
  left: 0.8rem;
  top: 0.5rem;
  z-index: 2;
}

.MY .myList li img {
  width: 1.05rem;
  height: 0.95rem;
}

.MY .myList li p {
  width: 15rem;
  background: url(../images/gray_wd_arrow_icon.png) right center no-repeat;
  background-size: 0.3rem 0.53rem;
}

.MY .advLink {
  display: block;
  padding: 0.55rem 0.6rem 0;
}

.MY .advLink img {
  width: 100%;
}

/*我的消息*/
.myNews .item {
  width: 17.55rem;
  margin: 0 auto;
  padding-top: 0.75rem;
}

.myNews .item .time {
  width: 6.6rem;
  height: 1rem;
  background: #f3f3f3;
  font-size: 0.55rem;
  color: #999999;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 1rem;
  margin: 0 auto 0.75rem;
}

.myNews .item .new {
  display: block;
  padding: 0 0.8rem;
  background: #fff;
  border-radius: 0.15rem;
}

.myNews .item .new .text {
  padding: 0.7rem 0 0.5rem;
  font-size: 0.7rem;
  line-height: 0.9rem;
  border-bottom: 1px solid #f3f3f3;
}

.myNews .item .new .more {
  color: #999;
  padding: 0.5rem 0 0.55rem;
  background: url(../images/gray_wd_arrow_icon.png) right center no-repeat;
  background-size: 0.35rem 0.63rem;
}

/*个人信息*/
.personalInformation .from {
  background: #fff;
}

.personalInformation .item {
  width: 17.55rem;
  height: 2.1rem;
  margin: 0 auto;
  border-bottom: 1px solid #f4f4f4;
  font-size: 0.7rem;
  line-height: 2.1rem;
  color: #333;
}

.personalInformation .item:last-child {
  border: none;
}

.personalInformation .item input,
.personalInformation .item p {
  text-align: right;
  color: #444;
}

.personalInformation .item .select {
  width: 9rem;
  padding-right: 0.8rem;
  background: url(../images/gray_wd_arrow_icon.png) right center no-repeat;
  background-size: 0.33rem 0.7rem;
  position: relative;
}

.personalInformation .item .select select,
.personalInformation .item .select input[type="date"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}

.personalInformation .allButton {
  border: none;
  margin-top: 1.4rem;
}

.personalInformation .radio label {
  margin-left: 0.75rem;
  padding-left: 0.8rem;
  background: url(../images/icon/radio.png) left center no-repeat;
  background-size: 0.45rem 0.45rem;
}

.personalInformation .radio input[type="radio"]:checked + label {
  background: url(../images/icon/radio2.png) left center no-repeat;
  background-size: 0.45rem 0.45rem;
}

/*#picker {
    color: #8f8d8d;
}*/
.picker-title,
.picker .picker-panel .wheel-wrapper .wheel .wheel-scroll .wheel-item {
  font-size: 0.8rem !important;
}

/*我的会员*/
.myMember {
  padding: 0 0.45rem;
  padding-top: 0.4rem;
}

.myMember .item {
  display: block;
  width: 17.85rem;
  height: 7.25rem;
  background: url(../images/wd_card_bg.png) center center no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin-bottom: 0.5rem;
}

.myMember .item .label {
  position: absolute;
  right: 0.15rem;
  top: 1.5rem;
  width: 2.9rem;
  height: 1.35rem;
  padding-left: 0.2rem;
  background: url(../images/wd_card_sign.png);
  background-size: 100% 100%;
  font-size: 0.55rem;
  color: #eac880;
  text-align: center;
  line-height: 1.35rem;
}

.myMember .item .text1,
.myMember .item .text2 {
  font-size: 0.7rem;
  font-weight: bolder;
  line-height: 1rem;
  position: absolute;
  left: 1.55rem;
  top: 1.63rem;
}

.myMember .item .text2 {
  top: 2.63rem;
}

.myMember .item .text2 span {
  color: #ec9e18;
}

.myMember .item .date {
  position: absolute;
  left: 1.55rem;
  top: 5.1rem;
  font-size: 0.55rem;
  color: #d5a84d;
  line-height: 1.1;
}

/*我的评论*/
.myComment .item {
  padding: 0.6rem;
  margin-bottom: 0.5rem;
  background: #fff;
}

.myComment .item:last-child {
  margin-bottom: 0;
}

.myComment .item .time {
  font-size: 0.5rem;
  color: #c8c8c8;
  line-height: 1.1;
  padding-bottom: 0.3rem;
}

.myComment .item .text {
  line-height: 1rem;
  margin-bottom: 0.5rem;
  text-align: justify;
}

.myComment .item .callback {
  padding: 0.7rem 0.75rem 0.5rem;
  background: #f5f5f5;
}

.myComment .item .callback h4 {
  line-height: 1.1;
  color: #959595;
  font-size: 0.65rem;
  margin-bottom: 0.5rem;
}

.myComment .item .callback h4 .backTime {
  font-size: 0.5rem;
  line-height: 0.65rem;
  color: #c8c8c8;
}

.myComment .item .callback .backText {
  font-size: 0.6rem;
  color: #9a9a9a;
  text-align: justify;
}

/*学习卡列表*/
.LearnCardList .list {
  padding: 0 0.88rem 0;
}

.LearnCardList {
  padding-top: 6rem;
}

.LearnCardList .list li {
  margin-bottom: 0.5rem;
  box-shadow: 0 0 2px #ccc;
  -webkit-box-shadow: 0 0 2px #ccc;
  border-radius: 0.5rem;
  overflow: hidden;
}

.LearnCardList .list .float {
  line-height: 1.15rem;
  font-size: 0.55rem;
  color: #666;
  padding: 0.5rem 0.5rem 0.5rem 1.25rem;
  background: #fff;
}

.LearnCardList .giveCourse,
.LearnCardList .giveCard,
.LearnCardList .giveCardCancel,
.LearnCardList .giveCourseCancel {
  width: 3.25rem;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  color: #f40;
  border-radius: 0.55rem;
  border: 1px solid #f40;
  position: absolute;
  right: 0;
  bottom: 0;
}

.LearnCardList .giveCourse.disable {
  color: #999;
  border: 1px solid #999;
}

.LearnCardList .giveCard,
.LearnCardList .giveCardCancel {
  right: 0.5rem;
  bottom: 0.5rem;
}

.LearnCardListTab {
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  text-align: center;
}

.LearnCardListTab .top {
  height: 2.2rem;
  line-height: 2.2rem;
  border-bottom: 1px solid #eee;
  font-size: 0.8rem;
}

.LearnCardListTab .top p {
  width: 33%;
}

.LearnCardListTab .bottom {
  padding: 0.55rem 0;
  font-size: 0.75rem;
}

.LearnCardListTab .bottom p {
  width: 50%;
  height: 1rem;
  position: relative;
}

.LearnCardListTab .bottom p:before {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 1px;
  height: 100%;
  background: #eee;
}

.LearnCardListTab .bottom p:last-child:before {
  display: none;
}

.LearnCardListTab .bottom .active {
  color: #f84e35;
}

.LearnCardListTab .top .active {
  color: #303030;
  position: relative;
}

.LearnCardListTab .top .active:before {
  content: "";
  position: absolute;
  width: 2.1rem;
  height: 0.1rem;
  background: #f40;
  border-radius: 0.05rem;
  left: 50%;
  top: 1.7rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.giveIcon {
  position: fixed;
  right: 0.6rem;
  bottom: 11.5rem;
  z-index: 50;
  width: 2.8rem;
  display: none;
}

.givePay,
.givePay1 {
  position: fixed;
  left: 0;
  top: 100%;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.givePay .payBox,
.givePay1 .payBox {
  background: #fff;
  padding-top: 0.25rem;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 16.13rem;
}

.givePay .rightQuans,
.givePay1 .rightQuans {
  background: #fff;
  padding-top: 0.25rem;
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 100%;
  height: 16.13rem;
  overflow: hidden;
}

.givePay .rightQuans .return,
.givePay1 .rightQuans .return {
  width: 1rem;
  line-height: 1.5rem;
}

.givePay .rightQuans .return img,
.givePay1 .rightQuans .return img {
  width: 1rem;
  height: 1rem;
  padding: 0.25rem 0.5rem;
}

.givePay .rightQuans .coupons,
.givePay1 .rightQuans .coupons {
  margin: 0.5rem auto 0;
}

.givePay .payBox .title,
.givePay1 .payBox .title {
  line-height: 2.5rem;
  font-size: 0.8rem;
  padding: 0 0.75rem;
  border-bottom: 1px solid #eee;
}

.givePay .payBox .title img,
.givePay1 .payBox .title img {
  vertical-align: middle;
  width: 0.8rem;
  padding: 0.4rem;
}

.givePay .payBox .content,
.givePay1 .payBox .content {
  padding: 0 0.75rem;
  font-size: 0.6rem;
}

.givePay .payBox .content .list,
.givePay1 .payBox .content .list {
  border-bottom: 1px solid #eee;
}

.givePay .payBox .content .list h4,
.givePay1 .payBox .content .list h4 {
  height: 2.5rem;
  line-height: 2.5rem;
}

.givePay .payBox .number,
.givePay1 .payBox .number {
  width: 5rem;
  height: 2rem;
  line-height: 2rem;
  background: #ececec;
  color: #999;
  margin-top: 0.25rem;
  font-size: 1rem;
  text-align: center;
}

.givePay .payBox .add,
.givePay1 .payBox .add {
  padding-left: 0.25rem;
  width: 1.75rem;
}

.givePay .payBox .remove,
.givePay1 .payBox .remove {
  padding-right: 0.25rem;
  width: 1.75rem;
}

.givePay .payBox #giveNumber,
.givePay1 .payBox #giveNumber2 {
  width: 2rem;
  background: none;
  height: 2rem;
  color: #303030;
  text-align: center;
  font-size: 0.8rem;
}

.givePay .payBox .quanNumber,
.givePay1 .payBox .quanNumber {
  line-height: 2.5rem;
}

.givePay .payBox .quanNumber.f40,
.givePay1 .payBox .quanNumber.f40 {
  color: #f40;
}

.givePay .payBox .quanNumber img,
.givePay1 .payBox .quanNumber img {
  width: 0.3rem;
  height: 0.65rem;
  vertical-align: middle;
  margin-left: 0.3rem;
  margin-top: 1rem;
}

.givePay .payBox .price,
.givePay1 .payBox .price {
  height: 2.5rem;
  line-height: 2.5rem;
  color: #f40;
}

.givePay .bottom,
.givePay1 .bottom {
  padding: 1rem 0.75rem 0.5rem;
}

.givePay .bottom button,
.givePay1 .bottom button {
  width: 100%;
  border: none;
}

.LearningCardReceiving {
  position: absolute;
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.LearningCardReceiving .top {
  height: 8rem;
  width: 100%;
  background: #f9f9f9;
}

.LearningCardReceiving .header {
  text-align: center;
  padding: 1.5rem 0 0.75rem;
}

.LearningCardReceiving .header img {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  background: #ffe880;
}

.LearningCardReceiving .name {
  text-align: center;
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.7rem;
  color: #303030;
}

.LearningCardReceiving .bottom .box {
  background: url(../images/Learningbk_card.png);
  background-size: 100% 100%;
  width: 14.6rem;
  height: 12.23rem;
  padding-top: 2.2rem;
  margin: 2.9rem auto 0;
  font-size: 0.8rem;
  text-align: center;
}

.LearningCardReceiving .bottom .box h3 {
  width: 10rem;
  margin: 0 auto;
}

.LearningCardReceiving .bottom .box p {
  color: #f40;
}

.LearningCardReceiving .bottom .box input {
  text-align: center;
  font-size: 0.6rem;
  height: 1.2rem;
  line-height: 1.2rem;
  border-bottom: 1px solid #f84e35;
  background: none;
  width: 8.5rem;
  display: block;
  margin: 1rem auto 0;
}

.LearningCardReceiving .bottom .box .submit {
  width: 6.75rem;
  height: 1.3rem;
  line-height: 1.3rem;
  color: #fff;
  border-radius: 0.65rem;
  background: linear-gradient(90deg, #f40, #f84e35);
  background: -webkit-linear-gradient(90deg, #f40, #f84e35);
  margin: 5.5rem auto 0;
}

.coupons .right button.disabled {
  background: #ececec;
}

/*我的优惠券*/
.myCoupon {
  padding: 0.5rem 0.6rem 1rem;
}

.myCoupon .item {
  overflow: auto;
  padding-bottom: 1rem;
}

.myCoupon .itembox {
  margin-bottom: 0.5rem;
  overflow: hidden;
}

.myCoupon2 .item,
.myCoupon .item,
.myCoupon .itembox,
.floatItem {
  width: 17.5rem;
  height: 5.38rem;
}

.myCoupon .itembox:last-child {
  margin-bottom: 0;
}

.myCoupon .item .left,
.myCoupon2 .item .left {
  width: 4rem;
  height: 5.38rem;
  background: url(../images/34543534.png);
  background-size: 100% 100%;
  color: #fff;
}

.myCoupon .item .money,
.myCoupon2 .item .money {
  padding-top: 1.5rem;
}

.myCoupon .item .money span,
.myCoupon2 .item .money span {
  font-size: 0.7rem;
  padding-top: 1rem;
}

.myCoupon .item .money em,
.myCoupon2 .item .money em {
  font-size: 1.45rem;
}

.myCoupon .item .text,
.myCoupon2 .item .text {
  font-size: 0.55rem;
}

.myCoupon .item .right,
.myCoupon2 .item .right {
  width: 12.5rem;
  padding: 0 0.6rem 0 0.45rem;
  background: #fff;
}

.myCoupon .item .right .top,
.myCoupon2 .item .right .top {
  border-bottom: 1px dotted #bbb;
  height: 3.9rem;
}

.myCoupon .item .right h3,
.myCoupon2 .item .right h3 {
  font-size: 0.7rem;
  line-height: 1.5rem;
  padding-top: 0.3rem;
}

.myCoupon .item .right .desc,
.myCoupon2 .item .right .desc {
  font-size: 0.55rem;
  color: #bbb;
}

.myCoupon .item .right .a,
.myCoupon2 .item .right .a {
  display: block;
  margin-left: 9.75rem;
  width: 2.75rem;
  height: 1.1rem;
  line-height: 1.1rem;
  border-radius: 0.6rem;
  color: #f40;
  border: 1px solid #f40;
  text-align: center;
  margin-top: -0.3rem;
}

.myCoupon .item .right .a.disabled,
.myCoupon2 .item .right .a.disabled {
  color: #666;
  border-color: #666;
}

.myCoupon .item .right .time,
.myCoupon2 .item .right .time {
  font-size: 0.55rem;
  height: 1.4rem;
  line-height: 1.4rem;
  color: #bbb;
}

.myCoupon .item .box {
  width: 20.4rem;
  height: 5.38rem;
}

.myCoupon .item .remove {
  width: 2.5rem;
  height: 5.38rem;
  border-radius: 0.2rem;
  background: #ffa57c;
  color: #f40;
  margin-left: 0.2rem;
}

.myCouponBottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f9f9f9;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.myCouponBottom .middleText {
  height: 1.75rem;
  line-height: 1.75rem;
  text-align: center;
  font-size: 0.65rem;
  color: #999;
}

.myCouponBottom .detail {
  max-height: 50vh;
  background: #fff;
  overflow: auto;
  padding: 0.6rem;
  padding-bottom: 0.1rem;
}

.myCouponBottom .cardList a {
  display: block;
  position: relative;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}

.myCouponBottom .cardList a img {
  border-radius: 0.3rem;
}

.myCouponBottom .cardList a p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2rem;
  color: #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 226, 135, 0) 100%);
  line-height: 2rem;
  text-indent: 1em;
  padding-top: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.myCouponBottom .classList .right {
  width: 10.5rem;
}

.myCouponBottom .excellentCourse .classList .item {
  border-bottom: 1px solid #f9f9f9;
}

.myCouponBottom .myCoupon {
  padding: 0.6rem;
  padding-bottom: 0;
}

.myCouponBottom .open {
  height: 2.67rem;
  line-height: 2.67rem;
  text-align: center;
  font-size: 0.8rem;
  color: #5e5e5e;
}

.bottomPage {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.4rem;
  line-height: 1.4rem;
  padding: 0.3rem 0;
  border-top: 1px solid #e8e8e8;
  font-size: 0.7rem;
  background: #fff;
}

.bottomPage2 {
  bottom: 2.2rem;
}

.bottomPage a {
  color: #444;
  width: 50%;
  text-align: center;
  border-right: 1px solid #e8e8e8;
}

.bottomPage .nextPage {
  border-right: 0;
}

video {
  background: #000;
}

video::-webkit-media-controls-panel {
  background: rgba(0, 0, 0, 0.5);
}

video::-webkit-media-controls-play-button {
  background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04IDV2MTRsMTEtN3oiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==) center center no-repeat;
}

video::-webkit-media-controls-current-time-display {
  color: #fff;
}

video::-webkit-media-controls-time-remaining-display {
  color: #fff;
}

/*喇叭*/
video::-webkit-media-controls-mute-button {
  background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0zIDl2Nmg0bDUgNVY0TDcgOUgzem0xMy41IDNjMC0xLjc3LTEuMDItMy4yOS0yLjUtNC4wM3Y4LjA1YzEuNDgtLjczIDIuNS0yLjI1IDIuNS00LjAyek0xNCAzLjIzdjIuMDZjMi44OS44NiA1IDMuNTQgNSA2Ljcxcy0yLjExIDUuODUtNSA2LjcxdjIuMDZjNC4wMS0uOTEgNy00LjQ5IDctOC43N3MtMi45OS03Ljg2LTctOC43N3oiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==) center center no-repeat;
}

/*全屏*/
video::-webkit-media-controls-fullscreen-button {
  background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik03IDE0SDV2NWg1di0ySDd2LTN6bS0yLTRoMlY3aDNWNUg1djV6bTEyIDdoLTN2Mmg1di01aC0ydjN6TTE0IDV2MmgzdjNoMlY1aC01eiIvPgo8L3N2Zz4K) center center no-repeat;
}

/*下载*/
video::-internal-media-controls-download-button {
  display: none;
}

/*我的积分*/
.myIntegral {
  min-height: 100vh;
  background: #f5f5f9;
}

.myIntegral .bannar {
  width: 100%;
  height: 9.5rem;
  background: url(../images/vips/bg.png);
  background-size: cover;
}

.myIntegral .bannar .integralBox {
  text-align: center;
  font-size: 1.65rem;
  line-height: 1.4;
  color: #fff;
}

.myIntegral .bannar .integralBox .text {
  opacity: 0.8;
  font-size: 0.7rem;
}

.myIntegral .bannar .right1 {
  right: 0;
  top: 50%;
  width: 3.4rem;
  height: 1.25rem;
  border-bottom-left-radius: 0.65rem;
  border-top-left-radius: 0.65rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.6rem;
  line-height: 1.25rem;
  text-align: center;
  -webkit-transform: translateY(-70%);
  transform: translateY(-70%);
  box-shadow: 0 0 2px #fff;
  -webkit-box-shadow: 0 0 2px #fff;
}

.myIntegral .bannar .right2 {
  right: 0;
  top: 50%;
  width: 3.4rem;
  height: 1.25rem;
  border-bottom-left-radius: 0.65rem;
  border-top-left-radius: 0.65rem;
  color: rgba(255, 255, 255, 0.8);
  background: linear-gradient(90deg, #ffdf6e, #ff9625);
  font-size: 0.6rem;
  line-height: 1.25rem;
  text-align: center;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.allFont1 {
  font-size: 0.7rem;
}

.allFont2 {
  font-size: 0.65rem;
}

.allFont3 {
  font-size: 0.6rem;
}

.myIntegral .green {
  color: #2ebe5a;
}

.myIntegral .gray {
  color: #ccc;
}

.myIntegral .content {
  color: #191c22;
  padding: 0.1rem 0.75rem;
  background: #fff;
  width: 16rem;
  border-radius: 0.4rem;
  position: absolute;
  left: 50%;
  top: 8.38rem;
  bottom: 1rem;
  overflow: auto;
  z-index: 2;
  padding-bottom: 0.3rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.interTitle {
  height: 2.25rem;
  line-height: 2.25rem;
}

.myIntegral .item {
  padding: 0.4rem 0;
  border-top: 1px solid #eee;
  line-height: 1.8;
}

.myIntegral .item .line {
  width: 4.75rem;
  height: 0.3rem;
  background: rgba(66, 123, 222, 0.15);
  border-radius: 0.15rem;
  margin-left: 0.2rem;
}

.myIntegral .item .blueLine {
  width: 0;
  height: 0.3rem;
  background: #e93325;
  border-radius: 0.15rem;
  transition: width 0.5s linear;
  -webkit-transition: width 0.5s linear;
}

.myIntegral .item .look {
  width: 2.45rem;
  height: 1.13rem;
  line-height: 1.13rem;
  text-align: center;
  border: 1px solid #e93325;
  border-radius: 0.1rem;
  color: #e93323;
}

.myIntegral .item .disable {
  width: 2.45rem;
  height: 1.13rem;
  line-height: 1.13rem;
  text-align: center;
  background: #f5f5f9;
  border: 1px solid #f5f5f9;
  border-radius: 0.1rem;
  color: #949daa;
}

/*积分明细*/
.integralDetail {
  min-height: 100vh;
  background: #f5f5f9;
}

.integralDetail .top {
  padding: 1rem 0 0;
  background: #eee;
}

.integralDetail .top #moth,
.mySdudyTime #moth {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.integralDetail .top .mothChange,
.mySdudyTime .mothChange {
  width: 3.5rem;
  font-size: 0.65rem;
  position: relative;
  margin-bottom: 1rem;
  height: 1.5rem;
  line-height: 1.5rem;
  padding-bottom: 0.5rem;
  margin: 0 auto;
}

.integralDetail .top .mothChange p,
.mySdudyTime .mothChange p {
  background: url(../images/ico_down.png) right center no-repeat;
  background-size: 0.45rem 0.25rem;
}

.integralDetail .echartsbox {
  width: 90%;
  height: 30vh;
  margin: 0 auto;
}

.integralDetail .echarts {
  width: 100%;
  height: 30vh;
  margin: 0 auto;
}

.integralDetail .bottom {
  max-width: 18.75rem;
  margin: 0.5rem auto 0;
  background: #fff;
  padding: 0 0.6rem;
}

.integralDetail .bottom .content {
  border-top: 1px solid #eee;
  padding: 1rem 0.1rem;
}

.integralDetail .bottom .content .box {
  margin-left: 0.25rem;
  border-left: 1px solid #eee;
}

.integralDetail .bottom .content .box .item {
  padding-left: 0.8rem;
  position: relative;
  padding-bottom: 1rem;
  -webkit-transform: translateY(-0.4rem);
  transform: translateY(-0.4rem);
  line-height: 1.5;
}

.integralDetail .bottom .content .box .item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(-50%, 0.2rem);
  transform: translate(-50%, 0.2rem);
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #eee;
}

.integralDetail .red {
  color: #f97075;
}

.integralDetail .green {
  color: #2ebe5a;
}

.integralDetail .item .red:before {
  content: "-";
}

.integralDetail .item .green:before {
  content: "+";
}

.integralDetail .gray {
  color: #999;
}

/*新加的顶部*/
.addTop {
  width: 17rem;
  padding: 0 0.875rem;
  font-size: 0.7rem;
  background: #f7f7f7;
  height: 2rem;
  line-height: 2rem;
  margin: 0 auto;
}

.addTop .icon {
  width: 0.7rem;
  margin-top: 0.65rem;
  margin-right: 0.3rem;
}

.addTop2 {
  background: #fff;
  height: 2.5rem;
  box-shadow: 0 0 1px #ccc;
  -webkit-box-shadow: 0 0 1px #ccc;
}

.addTop2 .logo {
  height: 1.35rem;
  padding-top: 0.55rem;
}

.addTop .mask .iconcenter {
  height: 100vh;
}

.addTop .rightButtons {
  padding-top: 0.22rem;
}

.addTop2 .rightButtons {
  padding-top: 0.5rem;
}

.addTop .rightButtons .button {
  display: block;
  width: 3.75rem;
  height: 1.4rem;
  border: 1px solid #d0d2d4;
  border-radius: 0.25rem;
  font-size: 0.6rem;
  color: #666;
  background: #fff;
  line-height: 1.4rem;
  text-align: center;
}

.addTop .rightButtons .openApp {
  margin-left: 0.2rem;
}

.maskErweima img {
  width: 10rem;
}

/*H5推广*/
.addTop2 {
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 3;
  margin-left: -9.375rem;
}

.allBox {
  width: 16.15rem;
  background: #fff;
  border-radius: 0.25rem;
  padding: 0.625rem;
  margin: 0.5rem auto 0;
  line-height: 1.5;
}

.yjallSubmit {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  color: #fff;
  text-align: center;
  font-size: 0.8rem;
  background: #e93323;
  border-radius: 1rem;
}

.yjallSubmit.disabled,
.yjallSubmit.disable {
  background: #ccc;
}

.extension #phone {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 0.7rem;
  background: #f5f5f5;
  border-radius: 0.2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.extension .allButton {
  margin-top: 0.75rem;
  margin-bottom: 2.5rem;
}

/*医阶APP优惠券*/
.APPquan .topText,
.APPquan .seccText {
  font-size: 0.7rem;
  color: #e93323;
  line-height: 1.5;
  text-align: center;
}

.APPquan .seccText {
  color: #666666;
  margin-bottom: 0.8rem;
}

.APPquan .coupon {
  width: 15.75rem;
  height: 3.85rem;
  background: url(../images/voucher_bg.png);
  background-size: 100% 100%;
  margin: 0 auto 0.5rem;
  color: #fff;
}

.APPquan .coupon .icon {
  width: 3.05rem;
  height: 0.7rem;
  line-height: 0.7rem;
  left: 0.82rem;
  top: -0.1rem;
  z-index: 2;
  text-align: center;
  background: url(../images/ticket_label.png);
  background-size: 100% 100%;
  font-size: 0.5rem;
}

.APPquan .coupon .left {
  padding-left: 1.25rem;
}

.APPquan .coupon .studas {
  font-size: 0.65rem;
}

.APPquan .coupon .time {
  font-size: 0.55rem;
}

.APPquan .coupon .price {
  width: 4.5rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 0.75rem;
}

.APPquan .coupon .price:before {
  content: "￥";
  font-size: 0.75rem;
}

.APPquan .dhjd,
.APPquan .intell {
  font-size: 2.1rem;
  color: #191c22;
  line-height: 2;
  text-align: center;
}

.APPquan .dhjd img,
.APPquan .intell img {
  vertical-align: middle;
  margin-right: 0.4rem;
  width: 0.95rem;
}

.bottomLoadApp {
  padding: 1rem 0 2rem;
  font-size: 0.65rem;
  text-align: center;
}

.bottomLoadApp p {
  color: #666;
  line-height: 1.5;
  padding: 0.8rem 0;
}

.bottomLoadApp a {
  display: inline-block;
  width: 3.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border: 1px solid #e93323;
  border-radius: 0.1rem;
  text-align: center;
  color: #e93323;
}

/*组队*/
.teamFormation {
  background: #f7755d;
  min-height: 100vh;
}

.teamFormation .content {
  width: 18.75rem;
  height: 27.95rem;
  margin: 0 auto;
  background: #fff;
  position: relative;
}

.teamFormation .zd_mzbj {
  width: 18.75rem;
  height: 19.55rem;
  position: absolute;
  left: 50%;
  top: 8.5rem;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.teamFormation .concait {
  position: absolute;
  left: 50%;
  top: 13rem;
  z-index: 2;
  width: 13rem;
  height: 13.4rem;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.teamFormation .concait .text {
  line-height: 1.5;
  padding: 0 1rem;
}

.teamFormation .concait .heads {
  width: 13rem;
  height: 6.25rem;
}

.teamFormation .concait .heads .item {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: url(../images/h5zd_jia.png);
  background-size: 100% 100%;
  overflow: hidden;
  display: inline-block;
}

.teamFormation .concait .heads .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.teamFormation .rightPf {
  width: 3.77rem;
  height: 1.5rem;
  line-height: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 0.75rem;
  border-top-left-radius: 0.75rem;
  text-align: center;
  color: #fff;
  position: fixed;
  right: 0;
  top: 3.25rem;
  z-index: 2;
}

.ruleMask .iconcenter {
  height: 100vh;
}

.ruleMask .content {
  width: 12.5rem;
  padding: 1rem 1.4rem;
  border-radius: 20px;
  background: #fff;
}

.ruleMask .close {
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/yqgz_close.png);
  background-size: 100% 100%;
  margin: 1rem auto 0;
}

.ruleMask .title {
  width: 9.1rem;
  height: 2.1rem;
  background: url(../images/yqgz_title.png);
  background-size: 100% 100%;
  text-align: center;
  color: #fff;
  line-height: 1.6rem;
  margin: 0 auto;
  margin-bottom: 1rem;
}

.ruleMask .content p {
  line-height: 1.8;
  margin-bottom: 0.5rem;
}

.invitationDtails {
  padding-bottom: 1rem;
}

.invitationDtails .topBannar {
  height: 8rem;
  width: 16.75rem;
  padding: 0 1rem;
  background: url(../images/yqmx_bj.png);
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  position: relative;
  margin: 0 auto;
}

.invitationDtails .topBannar .iconcenter {
  width: 50%;
  font-size: 0.7rem;
  line-height: 1.4rem;
}

.invitationDtails .topBannar:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 1px;
  height: 1.2rem;
  background: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.3;
}

.invitationDtails .topBannar .number {
  font-size: 1.65rem;
}

.invitationDtails .table,
.invitationDtails .ranking {
  width: 17.5rem;
  margin: 0.6rem auto 0;
  font-size: 0.65rem;
  text-align: center;
}

.invitationDtails .table th {
  font-size: 0.7rem;
  background: #fff;
}

.invitationDtails .table table {
  width: 100%;
  line-height: 2rem;
  border-radius: 0.2rem;
  overflow: hidden;
}

.invitationDtails .table tbody tr:nth-child(2n) {
  background: #fff;
}

.invitationDtails .more {
  text-align: center;
  height: 2rem;
  line-height: 2rem;
  padding-bottom: 0.25rem;
  color: #999;
}

.invitationDtails .more img {
  vertical-align: middle;
  width: 0.25rem;
  margin-left: 0.25rem;
}

.invitationDtails .ranking {
  margin-top: 0;
}

.invitationDtails .ranking .title {
  width: 13.4rem;
  height: 2.15rem;
  line-height: 1.7rem;
  background: url(../images/yqmx_bt.png);
  background-size: 100% 100%;
  color: #fff;
  font-size: 0.7rem;
  margin: 0 auto 0.4rem;
}

.invitationDtails .ranking .content {
  width: 17.15rem;
  height: 10.15rem;
  background: url(../images/yqmx_pm.png);
  background-size: 100%;
  position: relative;
}

.invitationDtails .ranking .content .item {
  width: calc(1 / 3 * 100%);
  position: absolute;
}

.invitationDtails .ranking .content .item .head {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.invitationDtails .ranking .content .item .head img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.invitationDtails .ranking .content .item .name {
  font-size: 0.7rem;
  margin-top: 0.8rem;
  line-height: 1;
}

.invitationDtails .ranking .content .item p {
  font-size: 0.6rem;
  color: #999;
  line-height: 0.6rem;
  margin-top: 0.4rem;
}

.invitationDtails .ranking .content .item p span {
  font-size: 0.9rem;
  color: #f85c62;
}

.invitationDtails .ranking .content .item:nth-child(1) {
  left: calc(1 / 3 * 100%);
  top: 1.5rem;
}

.invitationDtails .ranking .content .item:nth-child(2) {
  left: calc(0 / 3 * 100%);
  top: 2.77rem;
}

.invitationDtails .ranking .content .item:nth-child(3) {
  left: calc(2 / 3 * 100%);
  top: 2.77rem;
}

.invitationDtails .ranking .content .item:nth-child(1):before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -65%);
  transform: translate(-50%, -65%);
  background: url(../images/yqmx_n1.png);
  background-size: 100% 100%;
  width: 1.3rem;
  height: 1.3rem;
  z-index: 1;
}

.invitationDtails .ranking .content .item:nth-child(2):before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  background: url(../images/yqmx_n2.png);
  background-size: 100% 100%;
  width: 1rem;
  height: 1rem;
  z-index: 1;
}

.invitationDtails .ranking .content .item:nth-child(3):before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  background: url(../images/yqmx_n3.png);
  background-size: 100% 100%;
  width: 1rem;
  height: 1rem;
  z-index: 1;
}

/*我的学习时长*/
.mySdudyTime #echarts {
  width: 100%;
  height: 30vh;
}

.mySdudyTime .echartsbox {
  padding: 0.8rem 1.2rem 0.5rem;
  background: #fff;
  width: 16.35rem;
  margin: 0 auto;
}

.mySdudyTime .topText {
  padding: 0.85rem 1.5rem 0;
  background: #fff;
}

.mySdudyTime .cblue {
  color: #e93323;
}

.mySdudyTime .list {
  width: 16rem;
  padding: 0.75rem;
  background: #fff;
  border-radius: 0.2rem;
  margin: 0.6rem auto 0;
  line-height: 2rem;
  color: #191c22;
}

.mySdudyTime .list ul li {
  border-bottom: 1px solid #eee;
}

.mySdudyTime .list ul li:last-child {
  border-bottom: none;
}

.layui-laydate {
  font-size: 0.65rem !important;
}

.laydate-footer-btns .laydate-btns-clear {
  display: none;
}

.teamFormation .allButton {
  width: 100%;
}

/* 2020 7-6 新增样式 */
.swiper_box {
  height: 5rem;
  overflow: hidden;
}

.cb_swiper .swiper-slide {
  height: 5rem;
  /* background-color: red; */
}

/* 个人中心 */
.flex_start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

.flex_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.cb_my_page .cb_header {
  width: 18.75rem;
  /* height: 9rem; */
  padding: 0.8rem 0;
  background-image: linear-gradient(to top, #ff362d, #fa3230);
  flex-direction: column;
  margin: 0 auto;
}

.cb_my_page .cb_header .header_img {
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 50%;
}

.cb_my_page .cb_header .header_img > img {
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 50%;
}

.cb_info {
  font-size: 0.85rem;
  color: #fff;
  box-sizing: border-box;
  padding-left: 0.7rem;
}

.cb_da_ka {
  width: 3.75rem;
  height: 1.25rem;
  background: url("../images/da_ka.png") no-repeat center center;
  background-size: 100% 100%;
}

.cb_btn {
  width: 7.93rem;
  height: 2.88rem;
  background: url("../images/btn_bg.png") no-repeat center center;
  background-size: 100% 100%;
  flex-direction: column;
  font-size: 0.6rem;
  color: #fff;
}

.cb_ct {
  font-size: 1rem;
  font-weight: bold;
  color: #ffce59;
}

.cb_nav_box {
  padding-top: 0.5rem;
}

.cb_title {
  width: 16.75rem;
  margin: 0 auto;
  border-bottom: 1px solid #eee;
  position: relative;
  height: 1.8rem;
}

.cb_title::before {
  content: "";
  width: 0.13rem;
  height: 0.7rem;
  background-color: #e93323;
  margin-right: 0.35rem;
}

.cb_nav_item_1 {
  font-size: 0.65rem;
  width: 16.75rem;
  margin: 0 auto;
}

.cb_item_nav {
  text-align: center;
  color: #191c22;
  width: 2.7rem;
  flex-direction: column;
  margin-right: 2.05rem;
  margin-top: 0.7rem;
  margin-bottom: 0.3rem;
}

.cb_item_nav:last-child {
  margin-right: 0;
}

.cb_dz {
  width: 2.7rem;
  height: 2.75rem;
  background: url("../images/icons/address.png") no-repeat center center;
  background-size: 100% 100%;
}

.cb_jl {
  width: 2.7rem;
  height: 2.75rem;
  background: url("../images/icons/zengsongjilu.gif") no-repeat center center;
  background-size: 100% 100%;
}

.cb_sc {
  width: 2.7rem;
  height: 2.75rem;
  background: url("../images/icons/shou_cang.png") no-repeat center center;
  background-size: 100% 100%;
}

.cb_xfm {
  width: 2rem;
  height: 2.05rem;
  background: url("../images/icons/xfm.gif") no-repeat center center;
  background-size: 100% 100%;
}

.cb_yhby {
  width: 2rem;
  height: 2.05rem;
  background: url("../images/4.3icon/yhsq.png") no-repeat center center;
  background-size: 100% 100%;
}

.cb_ngkc {
  width: 2rem;
  height: 2.05rem;
  background: url("../images/icons/ngkc.gif") no-repeat center center;
  background-size: 100% 100%;
}

.cb_pl {
  width: 2.7rem;
  height: 2.75rem;
  background: url("../images/icons/ping_lun.png") no-repeat center center;
  background-size: 100% 100%;
}

.cb_tg {
  width: 2.7rem;
  height: 2.75rem;
  background: url("../images/icons/tougao.gif?v=1") no-repeat center center;
  background-size: 100% 100%;
}

.cb_hc {
  width: 2.7rem;
  height: 2.75rem;
  background: url("../images/icons/huan_cun.png") no-repeat center center;
  background-size: 100% 100%;
}

.cb_zd {
  width: 2.7rem;
  height: 2.75rem;
  background: url("../images/icons/zudui.gif") no-repeat center center;
  background-size: 100% 100%;
}

.cb_zs {
  width: 2.7rem;
  height: 2.75rem;
  background: url("../images/icons/zheng_shu.png") no-repeat center center;
  background-size: 100% 100%;
}

.cb_ks {
  width: 2.7rem;
  height: 2.75rem;
  background: url("../images/icons/kaoshi.gif") no-repeat center center;
  background-size: 100% 100%;
}

.cb_cwt {
  width: 2.7rem;
  height: 2.75rem;
  background: url("../images/icons/cwt.png") no-repeat center center;
  background-size: 100% 100%;
}

.cb_share {
  width: 16.77rem;
  height: 2.15rem;
  background: url("../images/icons/fx.png") no-repeat center center;
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  display: block;
}

.cb_fan_kui {
  width: 16.77rem;
  height: 2.15rem;
  background: url("../images/icons/fk.png") no-repeat center center;
  background-size: 100% 100%;
  margin: 0 auto;
  display: block;
}

.cb_vip {
  padding-top: 0.3rem;
  flex-direction: column;
}

.cb_user_box {
  width: 17.15rem;
  height: 9.75rem;
  margin: 0 auto;
  background: url("../images/vips/bg.png") no-repeat center center;
  background-size: 100% 100%;
  flex-direction: column;
}

.cb_header_img {
  width: 3.23rem;
  height: 3.23rem;
  border-radius: 50%;
}

.cb_header_img > img {
  width: 3.23rem;
  height: 3.23rem;
  border-radius: 50%;
}

.cb_name {
  font-size: 0.87rem;
  color: #fff;
  margin-top: 0.1rem;
}

.cb_level {
  width: 2rem;
  height: 0.63rem;
  position: relative;
  margin-top: 0.3rem;
}

.cb_level::before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 0.63rem;
  background-color: #ffe880;
  transform: skewX(-25deg);
  left: 0;
  top: 0;
}

.cb_level_num {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 0.63rem;
  font-size: 0.3rem;
  color: #fff;
  font-weight: bold;
}

.cb_time_express {
  font-size: 0.5rem;
  color: #fff;
  margin-top: 0.2rem;
}

.cb_no_vip {
  width: 4.95rem;
  height: 0.83rem;
  background: url("../images/vips/no_vip.png") no-repeat center center;
  background-size: 100% 100%;
  margin-top: 0.3rem;
}

.cb_swiper_box {
  width: 18.75rem;
  height: 7.7rem;
  box-sizing: border-box;
  padding-left: 0.8rem;
  overflow-x: scroll;
  overflow-y: hidden;
}

.cb_item_child {
  width: 5rem;
  height: 7.6rem;
  border-radius: 0.3rem;
  background-color: #f5f5f5;
  margin-right: 0.5rem;
  flex-direction: column;
  position: relative;
  border: 1px solid transparent;
}

.cb_childrens {
  display: inline-flex;
}

.cb_price {
  font-size: 0.86rem;
  color: #644931;
  margin-top: 0.4rem;
}

.cb_price_current {
  color: #ff2020;
  font-size: 1.07rem;
  font-weight: bold;
  align-items: baseline;
  margin-top: 0.4rem;
}

.cb_no_price {
  font-size: 0.86rem;
  color: #666;
  text-decoration: line-through;
}

.cb_tip_1 {
  width: 4.08rem;
  line-height: 1.18rem;
  height: 1.18rem;
  box-sizing: border-box;
  border-radius: 0.59rem;
  text-align: center;
  color: #fff;
  font-size: 0.6rem;
  background-color: #fe0000;
  margin-top: 0.4rem;
}

.cb_selected {
  background-color: #fff;
  border: 1px solid #fe0000;
}

.cb_recomm_tip {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.33rem;
  height: 1.15rem;
  border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  background-color: #fe0000;
  text-align: center;
  line-height: 1.15rem;
  color: #fff;
  font-size: 0.7rem;
}

.cb_tip_content {
  text-align: left;
  font-size: 0.6rem;
  color: #929395;
  margin-top: 1.18rem;
  padding-left: 0.6rem;
  box-sizing: border-box;
}

.cb_add_img {
  width: 18.75rem;
  margin: 0 auto;
  margin-top: 0.75rem;
  padding: 1.45rem 0;
  background-color: #fff;
}

.cb_add_img > img {
  width: 16.75rem;
  /* height: 8rem; */
}

.cb_price_box {
  width: 18.75rem;
  margin: 0 auto;
  height: 2.8rem;
  margin-top: 0.75rem;
  box-sizing: border-box;
  padding: 0 1rem;
  background-color: #fff;
  font-size: 0.8rem;
  color: #333;
}

.cb_tip_check {
  background-color: #fff;
  margin-top: 0.75rem;
  flex-direction: column;
  padding-top: 1.18rem;
  padding-bottom: 2.68rem;
}

.cb_check_box {
  width: 0.7rem;
  height: 0.7rem;
  background: url("../images/vips/no_check.png") no-repeat center center;
  background-size: 100% 100%;
  margin-right: 0.5rem;
}

.cb_select_icon {
  background: url("../images/vips/check.png") no-repeat center center;
  background-size: 100% 100%;
}

.cb_btn_buy {
  width: 16.8rem;
  height: 1.83rem;
  margin: 0 auto;
  background-color: #ff0000;
  border-radius: 0.925rem;
  text-align: center;
  line-height: 1.83rem;
  font-size: 0.7rem;
  color: #f9f9f9;
  margin-top: 1.4rem;
}

.cb_vip_banner {
  width: 18.72rem;
  min-height: 5.6rem;
  background: url("../images/vips//banner.png") no-repeat center center;
  background-size: 100%;
  margin: 0 auto;
}

.cb_vip_banner > img {
  width: 100%;
}

.cb_vip_tip {
  text-align: center;
  font-size: 0.7rem;
  color: #333;
  padding-top: 3rem;
}

.cb_f_eee {
  color: #c5c5c5;
}

.cb_fill_num {
  width: 15rem;
  margin: 0 auto;
  background-color: #f8f9fb;
  height: 2.25rem;
  border-radius: 0.3rem;
  margin-top: 2rem;
}

.cb_fill_num > input {
  width: 12rem;
  height: 2rem;
  background-color: transparent;
  text-align: center;
}

.cb_load_img {
  width: 18.75rem;
  margin: 0 auto;
  height: 28rem;
  background: url("../images/load_tip.png") no-repeat center center;
  background-size: 100% 100%;
  padding-top: 1.7rem;
}

.cb_load_btn {
  width: 13.18rem;
  height: 2.2rem;
  border-radius: 1.1rem;
  text-align: center;
  line-height: 2.2rem;
  box-sizing: border-box;
  font-size: 0.9rem;
  color: #fff;
  border: 1px solid #fff;
  margin: 0 auto;
  margin-top: 1.38rem;
}

.cb_load_tip {
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
}

.cb_load_tip_2 {
  font-size: 0.7rem;
  text-align: center;
  color: #fff;
}

.cb_back {
  color: #fff;
  font-size: 0.6rem;
  margin-top: 0.7rem;
}

.cb_load {
  padding-bottom: 1.3rem;
}

.__item__ {
  width: 25%;
  height: 1.85rem;
  /* text-align: center; */
}

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

.cb_footer {
  height: auto !important;
}

.cb_footer .ysbt_tab {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.cb_is_rz {
  flex-direction: column;
  position: absolute;
  left: 50%;
  bottom: -1.2rem;
  font-size: 0.5rem;
  color: #fff;
  text-align: center;
  transform: translateX(-50%);
}

.cb_rz_box > img {
  width: 0.8rem;
  height: 0.678rem;
}

.cb_setting {
  width: 1rem;
  height: 1rem;
  background: url("../images/icons/setting.png") no-repeat center center;
  background-size: 1.5rem 1.5rem;
  display: block;
}

.cb_message {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.75rem;
  display: block;
}

.cb_hidden,
.cbh {
  display: none;
}

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

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

/* 4.2期 */
.cb_tip_box {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999999;
}

.cb_tip_box .cb_comfirm {
  width: 16.75rem;
  margin: 0 auto;
  height: 10.98rem;
  background-color: #fff;
  border-radius: 0.5rem;
  box-sizing: border-box;
  padding: 0 1.5rem;
}

.cb_tip_box .cb_comfirm .tip_icon {
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/4.2icon/tip.png") no-repeat center center;
  background-size: 100% 100%;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

.cb_tip_box .cb_comfirm .tip_content {
  color: #141821;
  font-size: 0.8rem;
  height: 2.1rem;
  box-sizing: border-box;
  margin-bottom: 1rem;
}

.cb_tip_box .cb_comfirm .btn:nth-child(1) {
  margin-right: 0.5rem;
  color: #323232;
  border: 1px solid #ff0000;
}

.cb_tip_box .cb_comfirm .btn:nth-child(2) {
  background-color: #ff0000;
}

.cb_tip_box .cb_comfirm .btn {
  width: 7rem;
  height: 2.15rem;
  border-radius: 1.075rem;
  line-height: 2.15rem;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.8rem;
  color: #fff;
}

.cb_access_success {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999999;
}

.cb_access_success .score_box {
  width: 14.5rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  background-color: #fff;
  border-radius: 0.5rem;
  box-sizing: border-box;
  padding: 0.95rem 1.18rem;
}

.cb_access_success .score_box .score_close {
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/4.5icon/yqgz_close@2x.png") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -3rem;
}

.cb_access_success .score_box .header_score {
  width: 100%;
  height: 2.1rem;
  background: url("../images/4.5icon/yqgz_title@2x.png") no-repeat center center;
  background-size: 9.1rem 2.1rem;
  margin-bottom: 1.2rem;
}

.cb_access_success .score_box .score_box_list {
  font-size: 0.65rem;
  color: #333;
}

.cb_access_success .score_box .score_box_list .copy_item {
  margin-bottom: 0.5rem;
}

.cb_access_success .score_box .score_box_list .copy_item .copy {
  width: 2.5rem;
  line-height: 1.4rem;
  border: 1px solid #d0d0d0;
  border-radius: 0.7rem;
  text-align: center;
  color: #666;
  font-size: 0.55rem;
}

.cb_access_success .score_box_list {
  font-size: 0.65rem;
  color: #333;
}

.cb_access_success .score_box_list .copy_item {
  margin-bottom: 0.5rem;
}

.cb_access_success .score_box_list .copy_item .copy {
  width: 2.5rem;
  line-height: 1.4rem;
  border: 1px solid #d0d0d0;
  border-radius: 0.7rem;
  text-align: center;
  color: #666;
  font-size: 0.55rem;
}

.cb_access_success .success_box {
  width: 16.75rem;
  padding-bottom: 1.1rem;
  background-color: #fff;
  border-radius: 0.5rem;
}

.cb_access_success .success_box .header_bg {
  width: 100%;
  height: 7.53rem;
  background: url("../images/4.2icon/success.png") no-repeat center -0.4rem;
  background-size: 100% 100%;
  flex-direction: column;
}

.cb_access_success .success_box .header_bg .accsee_title_success {
  font-size: 1.18rem;
  color: #fff;
  background: url("../images/4.2icon/finish.png") no-repeat left center;
  background-size: 1.22rem 1.15rem;
  box-sizing: border-box;
  padding-left: 1.4rem;
}

.cb_access_success .success_box .header_bg .study_score {
  font-size: 0.7rem;
  color: #fff;
  margin-bottom: 1rem;
}

.cb_access_success .success_box .content {
  font-size: 0.8rem;
  color: #141821;
  text-align: center;
  box-sizing: border-box;
  padding-bottom: 1rem;
}

.cb_access_success .success_box .btns .btn:nth-child(1) {
  margin-right: 0.5rem;
  color: #323232;
  border: 1px solid #ff0000;
}

.cb_access_success .success_box .btns .btn:nth-child(2) {
  background-color: #ff0000;
}

.cb_access_success .success_box .btns .btn {
  width: 7rem;
  height: 2.15rem;
  border-radius: 1.075rem;
  line-height: 2.15rem;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.8rem;
  color: #fff;
}

.cb_access_page {
  padding-bottom: 1rem;
}

.cb_access_page .fill_info {
  padding-top: 1.5rem;
}

.cb_access_page .fill_info .items {
  width: 18.75rem;
  box-sizing: border-box;
  padding: 0 1.3rem;
  background-color: #fff;
  font-size: 0.7rem;
  color: #333;
  margin-bottom: 0.75rem;
}

.cb_access_page .fill_info .items .label {
  width: 3.7rem;
  text-align: left;
}

.cb_access_page .fill_info .items .label.red {
  color: #ff0000;
}

.cb_access_page .fill_info .items .input {
  width: 12.45rem;
  height: 1.95rem;
  background-color: #f8f9fa;
  box-sizing: border-box;
  padding: 0 1rem;
  position: relative;
}

.cb_access_page .fill_info .items .input input {
  width: 100%;
  background-color: transparent;
  height: 1.95rem;
  color: #999;
  font-size: 0.7rem;
}

.cb_access_page .fill_info .items .placeholder {
  width: 15.45rem;
  line-height: 1.95rem;
  color: #999;
  font-size: 0.7rem;
}

.cb_access_page .fill_info .items .arr {
  width: 0;
  height: 0;
  border: 0.3rem solid;
  border-color: transparent transparent transparent #cccccc;
  transform: translateX(0.5rem);
}

.cb_access_page .fill_mobile_box {
  border-top: 0.3rem solid #eee;
  padding-top: 3rem;
}

.cb_access_page .fill_mobile_box .fill_item {
  width: 16.75rem;
  height: 2rem;
  border-radius: 1rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 3.3rem;
}

.cb_access_page .fill_mobile_box .fill_item:nth-child(1) {
  background: url("../images/4.2icon/person.png") no-repeat 1.85rem center;
  background-color: #f8f9fa;
  background-size: 0.66rem 0.7rem;
  margin-bottom: 0.75rem;
}

.cb_access_page .fill_mobile_box .fill_item:nth-child(2) {
  background: url("../images/4.2icon/lock.png") no-repeat 1.85rem center;
  background-color: #f8f9fa;
  background-size: 0.7rem 0.7rem;
}

.cb_access_page .fill_mobile_box .fill_item:nth-child(2) input {
  width: 8rem;
}

.cb_access_page .fill_mobile_box .fill_item input {
  background-color: transparent;
  height: 1.3rem;
  width: 90%;
}

.cb_access_page .fill_mobile_box .fill_item .line {
  width: 1px;
  height: 0.73rem;
  background-color: #ff0000;
  margin-right: 0.73rem;
}

.cb_access_page .fill_mobile_box .fill_item .get_code {
  width: 3.95rem;
  text-align: center;
  line-height: 1.15rem;
  text-align: center;
  background-color: #ff0000;
  font-size: 0.6rem;
  color: #fff;
  border-radius: 0.575rem;
}

.cb_access_page .fill_mobile_box .tip {
  font-size: 0.6rem;
  color: #ff0000;
  box-sizing: border-box;
  padding: 0.45rem 2.5rem;
}

.cb_access_page .fill_mobile_box .tip .f_k {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #ff0000;
  margin-right: 0.2rem;
}

.cb_access_page .bind_phone {
  width: 16.75rem;
  line-height: 2rem;
  border-radius: 1rem;
  margin: 0 auto;
  background-color: #ff0000;
  text-align: center;
  font-size: 0.7rem;
  color: #fff;
  margin-top: 2rem;
}

._opacity_ {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
}

.van-notify--warning {
  color: #fff !important;
}

.absolute {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.list_box_code .lesson_item {
  width: 17.25rem;
  border-radius: 0.15rem;
  margin: 0 auto;
  margin-bottom: 0.75rem;
  overflow: hidden;
  position: relative;
  display: block;
}

.list_box_code .lesson_item img {
  width: 100%;
  object-fit: fill;
}

.list_box_code .lesson_item .info {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.list_box_code .lesson_item .info .info_detail {
  box-sizing: border-box;
  padding: 0 0.5rem;
  font-size: 0.5rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  line-height: 1.2rem;
}

.list_box_code .lesson_item .info .info_detail .look_score_btn {
  width: 3.25rem;
  line-height: 0.9rem;
  text-align: center;
  color: #fff;
  font-size: 0.5rem;
  border-radius: 0.45rem;
  background-color: #fd0d1b;
  padding: 0 0.38rem;
}

.list_box_code .lesson_item .info .info_detail .title {
  width: 8rem;
}

.auth_page .border_bottom {
  border-bottom: 0.5rem solid #f2f2f2;
}

.auth_page .ids {
  width: 100%;
  padding: 0 0.875rem;
  box-sizing: border-box;
  margin: 0 auto;
}

.auth_page .title_box {
  font-size: 0.675rem;
  height: 2.5rem;
  border-bottom: 0.05001rem solid #dcdcdc;
}

.auth_page .title_box .title_2 {
  color: #333;
  font-weight: 400;
}

.auth_page .title_box .tip_2 {
  color: #8a8a8a;
}

.auth_page i.icon {
  display: block;
  width: 1.875rem;
  height: 1.525rem;
  background: url("../images/4.2icon/ico_carema.png") no-repeat center center;
  background-position: center center;
  background-size: 100% 100%;
  margin: 0 auto;
}

.auth_page .id_items {
  width: 17rem;
  margin: 0 auto;
  padding: 0.875rem 0;
}

.auth_page .id_items .id_item {
  width: 8.1rem;
  height: 5.1rem;
  border: 0.05001rem dashed #e6e6e6;
  box-sizing: border-box;
  position: relative;
}

.auth_page .id_items .id_item .img_box {
  width: 8.1rem;
  height: 5.1rem;
  border: 0.05001rem dashed #e6e6e6;
  overflow: hidden;
  box-sizing: border-box;
}

.auth_page .id_items .id_item .del {
  position: absolute;
  width: 0.875rem;
  line-height: 0.875rem;
  border-radius: 50%;
  background-color: red;
  top: -0.375rem;
  right: -0.375rem;
  text-align: center;
  color: #fff;
  font-size: 0.5rem;
  font-weight: bold;
}

.auth_page .id_items .id_item img {
  width: 100%;
}

.auth_page .id_items .id_item .id_item_2 {
  flex-direction: column;
}

.auth_page .id_items .id_item .img_tip_text {
  width: 100%;
  text-align: center;
  font-size: 0.5rem;
  color: #8a8a8a;
  margin-top: 0.35rem;
}

.auth_page .id_items .id_item_box {
  width: 30% !important;
}

.auth_page .id_items .id_item_box:nth-child(2) {
  margin: 0 1rem;
}

.auth_page .submit_auth {
  width: 16.95rem;
  height: 2.4rem;
  border-radius: 0.186667rem;
  background: linear-gradient(90deg, #f84e35 0%, #f97d42 100%);
  text-align: center;
  font-size: 0.8rem;
  color: #fff;
  line-height: 2.4rem;
  border: none;
  margin: 0.8rem auto 0;
}

.cb_bottom_audio.audioIndex {
  height: 2.5rem;
}

.cb_left_box_class {
  position: fixed;
  width: 4rem;
  left: 0;
  top: 0;
  bottom: 0;
  background: #f8f9fa;
  overflow-y: scroll;
  padding-bottom: 2.3rem;
}

.cb_left_box_class .item_class {
  width: 100%;
  line-height: 2.5rem;
  text-align: center;
  color: #333;
  font-size: 0.7rem;
  position: relative;
}

.cb_left_box_class .item_class.active {
  background-color: #fff;
  color: #ff0000;
}

.cb_left_box_class .item_class.active::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0.1rem;
  height: 0.75rem;
  background-color: #ff0000;
  border-radius: 0.05rem;
  top: 50%;
  transform: translateY(-50%);
}

.cb_left_box_class .cb_item_left {
  height: 2.5rem;
}

.cb_left_box_class .cb_item_left .show {
  display: block;
}

.cb_left_box_class .cb_item_left .hidden {
  display: none;
}

.cb_left_box_class .cb_item_left .text_name {
  max-width: 2.6rem;
  font-size: 0.7rem;
}

.cb_left_box_class .cb_item_left .icon {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.35rem;
}

.cb_left_box_class .cb_item_left .icon img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.cb_left_box_class .cb_item_left.active {
  background-color: #fff;
}

.cb_left_box_class .cb_item_left.active .show {
  display: none;
}

.cb_left_box_class .cb_item_left.active .hidden {
  display: block;
}

.cb_left_box_class .cb_item_left.active .text_name {
  color: #ff0000;
}

.two_mark_box {
  position: fixed;
  left: 4rem;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
}

.two_mark_box.mark_bg {
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99;
}

.two_mark_box .cb_box_two_class {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 0.45rem;
  pointer-events: all;
}

.two_mark_box .cb_box_two_class .two_class_item {
  width: 12.5rem;
  flex-wrap: wrap;
  height: 1.6rem;
  overflow: hidden;
  padding: 0.1rem 0;
}

.two_mark_box .cb_box_two_class .two_class_item .two_item {
  font-size: 0.6rem;
  color: #666;
  border: 1px solid #e0e0e0;
  padding: 0.3rem;
  margin-left: 0.3rem;
  margin-bottom: 0.2rem;
  border-radius: 0.2rem;
}

.two_mark_box .cb_box_two_class .two_class_item .two_item.active {
  color: #ff0000;
  border-color: #ff0000;
}

.two_mark_box .cb_box_two_class.open_item_class {
  padding-top: 0.45rem;
  padding-bottom: 0.3rem;
  align-items: flex-start;
}

.two_mark_box .cb_box_two_class.open_item_class .more_arr {
  margin-top: 0.2rem;
}

.two_mark_box .cb_box_two_class.open_item_class .two_class_item {
  height: auto;
}

.two_mark_box .cb_box_two_class .more_arr {
  width: 1rem;
  height: 1rem;
  background: url("../images/4.3icon/xiala.png") no-repeat center center;
  background-size: 0.53rem 0.34rem;
  transition: all 0.2s linear;
}

.two_mark_box .cb_box_two_class .more_arr.open_arr {
  transform: rotate(180deg);
}

.cb_container_box {
  padding-left: 4rem;
  padding-top: 2.5rem;
}

.cb_container_box .cb_class_item {
  width: 13.38rem;
  margin: 0 auto;
  border-bottom: 1px solid #e0e0e0;
  padding: 0.78rem 0;
}

.cb_container_box .cb_class_item .cover {
  width: 3.25rem;
  height: 4.78rem;
  border-radius: 0.1rem;
  overflow: hidden;
}

.cb_container_box .cb_class_item .cover img {
  object-fit: cover;
  /* transform: scale(1.1); */
  width: 100%;
  height: 100%;
}

.cb_container_box .cb_class_item .right_info {
  width: 9.7rem;
  height: 4.78rem;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.cb_container_box .cb_class_item .right_info .title {
  font-size: 0.65rem;
  color: #121212;
  width: 9.7rem;
}

.cb_container_box .cb_class_item .right_info .desc {
  font-size: 0.6rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.cb_container_box .cb_class_item .right_info .lesson_listion_num {
  font-size: 0.55rem;
  color: #999;
}

.cb_container_box .cb_class_item .right_info .lesson_listion_num img {
  width: 0.7rem;
  height: 0.58rem;
}

.cb_container_box .cb_class_item .right_info .lesson_listion_num .lesson_num {
  height: 0.58rem;
}

.cb_container_box .cb_message_item {
  width: 13.38rem;
  margin: 0 auto;
  height: 4.53rem;
  border-bottom: 1px solid #e0e0e0;
}

.cb_container_box .cb_message_item .cover_img {
  width: 4.13rem;
  height: 2.75rem;
  border-radius: 0.2rem;
  overflow: hidden;
}

.cb_container_box .cb_message_item .cover_img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.cb_container_box .cb_message_item .right_info_box {
  font-size: 0.65rem;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  box-sizing: border-box;
  padding-left: 0.5rem;
  height: 2.75rem;
  width: 8.5rem;
  color: #121212;
}

.cb_container_box .cb_message_item .right_info_box .data_show {
  font-size: 0.55rem;
  color: #999;
  width: 100%;
}

.cb_container_box .cb_message_item .right_info_box .data_show .lesson_icon {
  width: 0.7rem;
  height: 0.57rem;
}

.cb_container_box .cb_know_item {
  height: 5.35rem;
  width: 12.3rem;
  margin: 0 auto;
  border-bottom: 1px solid #e0e0e0;
  font-size: 0.65rem;
  color: #121212;
}

.cb_container_box .cb_know_item .left {
  width: 9.75rem;
}

.cb_container_box .cb_know_item .left .des {
  height: 1.83rem;
  margin-bottom: 1.13rem;
}

.cb_container_box .cb_know_item .left .show_info_data {
  font-size: 0.55rem;
  color: #999;
}

.cb_container_box .cb_know_item .left .show_info_data .show_time {
  background: url("../images/course.png") no-repeat left center;
  padding-left: 0.7rem;
  background-size: 0.55rem 0.5rem;
  box-sizing: border-box;
  margin-right: 0.4rem;
}

.cb_container_box .cb_know_item .left .show_info_data .lesson_num {
  background: url("../images/4.3icon/lesson_icon.png") no-repeat left center;
  padding-left: 1rem;
  background-size: 0.7rem 0.57rem;
  box-sizing: border-box;
  margin-right: 0.1rem;
  margin-left: 0.4rem;
}

.cb_container_box .cb_know_item .right_play {
  width: 1.6rem;
  height: 1.6rem;
}

.cb_container_box .cb_know_item .right_play img {
  width: 100%;
  height: 100%;
}

.cb_footer .cb_nav_bar {
  width: 20%;
  height: 2.5rem;
  flex-direction: column;
  font-size: 0.45rem;
  color: #979797;
}

.cb_footer .cb_nav_bar .img_bar {
  width: 100%;
  height: 100%;
  margin-bottom: 0.2rem;
}

.cb_footer .cb_nav_bar .nav_text {
  width: 100%;
  text-align: center;
  position: relative;
  top: -0.175rem;
}

.cb_footer .cb_nav_bar .nav_text.active {
  color: #f40;
}

.cb_footer .cb_nav_bar .cb_bar_img {
  margin-bottom: 0;
}

.cb_footer .cb_nav_bar .img_box_size {
  width: 2rem;
  height: 1.875rem;
}

.cb_medical_page {
  padding-bottom: 2.6rem;
}

.cb_medical_page .swiper {
  left: 0;
  right: 0;
  top: 0;
  height: 9rem;
  background-color: #fff;
}

.cb_medical_page .swiper .my-swipe {
  width: 17.25rem;
  margin: 0 auto;
  height: 7.5rem;
}

.cb_medical_page .swiper .my-swipe .img_banner {
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  overflow: hidden;
}

.cb_medical_page .swiper .my-swipe .img_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.25rem;
}

.cb_medical_page .ht_list {
  width: 18.75rem;
  height: 7rem;
  background-color: #fff;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}

.cb_medical_page .ht_list .ht_title_arr_box {
  font-size: 0.55rem;
  color: #999999;
  width: 17.25rem;
  margin: 0 auto;
}

.cb_medical_page .ht_list .ht_title_arr_box .ht_title_name {
  color: #fd0d1b;
  font-size: 0.7rem;
}

.cb_medical_page .ht_list .ht_wap_scroll_box {
  width: 100%;
  min-height: 5rem;
  overflow-y: scroll;
}

.cb_medical_page .ht_list .ht_wap_scroll_box .ht_wap {
  box-sizing: border-box;
  padding-left: 0.88rem;
}

.cb_medical_page .ht_list .ht_wap_scroll_box .ht_wap .ht_slider .item_ht {
  font-size: 0.7rem;
  color: #121212;
  margin-top: 0.75rem;
  margin-right: 2rem;
}

.cb_medical_page .ht_list .ht_wap_scroll_box .ht_wap .ht_slider .item_ht .ht_img {
  width: 1.85rem;
  height: 1.85rem;
}

.cb_medical_page .ht_list .ht_wap_scroll_box .ht_wap .ht_slider .item_ht .ht_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cb_medical_page .ht_list .ht_wap_scroll_box .ht_wap .ht_slider .item_ht .right_info {
  padding-left: 0.65rem;
}

.cb_medical_page .ht_list .ht_wap_scroll_box .ht_wap .ht_slider .item_ht .right_info .ht_item_title {
  width: 10rem;
}

.cb_medical_page .ht_list .ht_wap_scroll_box .ht_wap .ht_slider .item_ht .right_info .read_info {
  font-size: 0.55rem;
  color: #999;
}

.cb_medical_page .relace_medical {
  position: fixed;
  width: 4rem;
  height: 4rem;
  background: url("../images/4.3icon/release.png") no-repeat center center;
  background-size: 100%;
  right: 0;
  bottom: 4rem;
}

.cb_medical_page .wrapper_jb {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cb_medical_page .wrapper_jb .block {
  width: 14rem;
  height: 14rem;
  background-color: #fff;
  border-radius: 0.5rem;
  flex-direction: column;
  position: relative;
}

.cb_medical_page .wrapper_jb .block .jb_item {
  width: 10rem;
  height: 1.75rem;
}

.cb_medical_page .wrapper_jb .block .jb_item .selct_no {
  border: 0.05rem solid #adadad;
  border-radius: 50%;
  width: 0.7rem;
  height: 0.7rem;
  margin-right: 0.55rem;
}

.cb_medical_page .wrapper_jb .block .jb_item .select_yes {
  border-color: #ff0000;
  position: relative;
}

.cb_medical_page .wrapper_jb .block .jb_item .select_yes::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background-color: #ff0000;
}

.cb_medical_page .wrapper_jb .block .sure_btn {
  width: 5rem;
  line-height: 2rem;
  background-color: #ff0000;
  text-align: center;
  line-height-step: 2rem;
  color: #fff;
  font-size: 0.7rem;
  text-align: center;
  border-radius: 1rem;
  margin-top: 1rem;
}

.cb_medical_page .wrapper_jb .block .del_icon {
  width: 1.3rem;
  height: 1.3rem;
  background: url("../images/4.3icon/guanbi-2@2x.png") no-repeat center center;
  background-size: 1rem 1rem;
  position: absolute;
  top: 0.45rem;
  right: 0.45rem;
}

.action_list {
  width: 100%;
  background-color: #fff;
}

.action_list .action_item {
  font-size: 0.7rem;
  color: #121212;
  height: 2.48rem;
  width: 16.15rem;
  margin: 0 auto;
}

.action_list .action_item.action_item:nth-child(1) {
  border-bottom: 1px solid #e0e0e0;
}

.action_list .action_item .icon_box_a {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.55rem;
}

.action_list .action_item .icon_box_a img {
  width: 100%;
}

.action_list .action_item .icon_box_b {
  width: 0.85rem;
  height: 0.75rem;
  margin-right: 0.55rem;
}

.action_list .action_item .icon_box_b img {
  width: 100%;
}

.action_list .action_item_cancel {
  font-size: 0.7rem;
  color: #ff0000;
  height: 2.25rem;
  border-top: 1px solid #e0e0e0;
}

.medical_box {
  width: 18.75rem;
  margin: 0 auto;
  background-color: #fff;
  box-sizing: border-box;
  padding: 1rem 0.98rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0;
}

.medical_box .zf_node {
  font-size: 0.5rem;
  color: #999;
  background: url("../images/4.3icon/zhuanfa@2x1.png") no-repeat left center;
  background-size: 0.85rem 0.63rem;
  padding-left: 1rem;
  margin-bottom: 0.6rem;
}

.medical_box .user_infor {
  font-size: 0.7rem;
  color: #121212;
  margin-bottom: 0.57rem;
}

.medical_box .user_infor .avar_box {
  width: 2rem;
  height: 2rem;
  position: relative;
}

.medical_box .user_infor .king_icon {
  width: 3rem;
  /* height: 0.6rem; */
  position: absolute;
  left: 50%;
  top: -0.7rem;
  transform: translateX(-50%);
}

.medical_box .user_infor .avar {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 0.48rem;
  position: absolute;
  left: 0;
  top: 0;
}

.medical_box .user_infor .avar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.medical_box .user_infor .share_time {
  font-size: 0.55rem;
  color: #999;
}

.medical_box .user_infor .zd {
  width: 1.55rem;
  line-height: 0.8rem;
  background-color: #ff0000;
  text-align: center;
  font-size: 0.55rem;
  color: #fff;
}

.medical_box .user_infor .jing {
  width: 0.8rem;
  height: 1.1rem;
  background: url("../images/4.3icon/ziyuan@2x.png") no-repeat center center;
  background-size: 100%;
}

.medical_box .user_infor .jb_btn {
  width: 1rem;
  height: 1rem;
  background: url("../images/4.3icon/share_tip.png") no-repeat right center;
  background-size: 0.25rem 1rem;
}

.medical_box .content_box {
  font-size: 0.7rem;
  color: #121212;
  margin-bottom: 0.5rem;
}

.medical_box .content_box ._content_ {
  line-height: 1rem;
  word-break: break-all;
  white-space: pre-wrap;
}

.medical_box .content_box .all_btn {
  font-size: 0.6rem;
  color: #588cd3;
  text-decoration: underline;
}

.medical_box .img_box_relace_2 {
  width: 10.75rem !important;
}

.medical_box .img_box_relace {
  flex-wrap: wrap;
}

.medical_box .img_box_relace .grid_item {
  width: 5.23rem;
  height: 5.23rem;
  border-radius: 0.2rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
}

.medical_box .img_box_relace .grid_item.grid_item:nth-child(3n-1) {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.medical_box .img_box_relace .grid_item.one_pic {
  height: 8.15rem;
  width: 8.15rem;
}

.medical_box .img_box_relace .grid_item.two_pic {
  width: 5.23rem !important;
  height: 5.23rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.medical_box .img_box_relace .grid_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.medical_box .video_box {
  width: 16.85rem;
  margin: 0.4rem auto;
  border-radius: 0.25rem;
  overflow: hidden;
  position: relative;
}

.medical_box .video_box .full_play {
  width: 1.3rem;
  height: 1.08rem;
  position: absolute;
  left: 0.45rem;
  bottom: 0.48rem;
}

.medical_box .video_box .full_play img {
  width: 100%;
  height: 100%;
}

.medical_box .video_box video {
  max-width: 100%;
}

.medical_box .do_box {
  font-size: 0.65rem;
  color: #121212;
}

.medical_box .do_box .do_item {
  width: 25%;
  height: 1.5rem;
  padding-bottom: 0.4rem;
}

.medical_box .do_box .do_item .do_icon {
  margin-right: 0.3rem;
}

.medical_box .do_box .do_item .do_icon img {
  width: 0.85rem;
}

.van-dialog__footer {
  display: flex;
}

.cb_medical_release_page {
  padding-bottom: 3rem;
}

.cb_medical_release_page .release_btns {
  font-size: 0.9rem;
  color: #121212;
  height: 2.21rem;
  background: #f8f9fa;
}

.cb_medical_release_page .release_btns .back {
  line-height: 2.21rem;
  padding: 0 1rem;
  font-size: 0.7rem;
}

.cb_medical_release_page .release_btns .release {
  line-height: 2.21rem;
  padding: 0 1rem;
  font-size: 0.7rem;
  color: #ff0000;
}

.cb_medical_release_page .release_content {
  width: 18.75rem;
}

.cb_medical_release_page .release_content textarea {
  width: 100%;
  border: none;
  box-sizing: border-box;
  padding: 1rem;
  height: 10rem;
  background-color: #fff;
}

.cb_medical_release_page .add_img_box {
  box-sizing: border-box;
  padding: 0 0.78rem;
  flex-wrap: wrap;
}

.cb_medical_release_page .add_img_box .img_container_box {
  margin-bottom: 0.3rem;
  position: relative;
}

.cb_medical_release_page .add_img_box .img_container_box .del_icon {
  width: 1rem;
  height: 1rem;
  background: url("../images/4.3icon/del.png") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
}

.cb_medical_release_page .add_img_box .img_container_box.img_container_box:nth-child(3n-1) {
  margin: 0 0.3rem;
  margin-bottom: 0.3rem;
}

.cb_medical_release_page .add_img_box .img_container_box .add_img_icon {
  width: 5.05rem;
  height: 5.05rem;
  border-radius: 0.15rem;
  background: url("../images/4.3icon/shangchuanzhaopiancopy@2x.png") no-repeat center center;
  background-size: 2.02rem 1.73rem;
  background-color: #f7f7f7;
}

.cb_medical_release_page .add_img_box .img_container_box .added_img {
  width: 5.05rem;
  height: 5.05rem;
  border-radius: 0.15rem;
  overflow: hidden;
}

.cb_medical_release_page .add_img_box .img_container_box .added_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cb_medical_release_page .select_ht {
  font-size: 0.65rem;
  color: #121212;
  height: 2.25rem;
  width: 17.25rem;
  margin: 0 auto;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 0.93rem;
}

.cb_medical_release_page .select_ht .radio {
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  margin-right: 0.43rem;
}

.cb_medical_release_page .select_ht .radio_select {
  width: 0.7rem;
  height: 0.7rem;
  background: url("../images/4.3icon/xuanzhong@2x.png") no-repeat center center;
  background-size: 100% 100%;
  margin-right: 0.43rem;
}

.cb_medical_release_page .select_ht .arr {
  margin-left: 0.45rem;
}

.cb_medical_release_page .select_ht .arr img {
  width: 0.25rem;
  height: 0.45rem;
}

.cb_medical_release_page .content_ht_box {
  min-height: 20rem;
}

.cb_medical_release_page .content_ht_box .title_bar {
  height: 3.23rem;
  box-sizing: border-box;
  padding: 0 1rem;
}

.cb_medical_release_page .content_ht_box .title_bar .back_icon {
  width: 1rem;
  height: 1rem;
  background: url("../images/4.3icon/bianzu3beifen4@2x.png") no-repeat center center;
  background-size: 0.52rem 0.95rem;
}

.cb_medical_release_page .content_ht_box .search_box {
  padding: 0 0.4rem;
}

.cb_medical_release_page .content_ht_box .search_box .van-search__content {
  border-radius: 0.2rem;
}

.cb_medical_release_page .content_ht_box .search_box .van-field__left-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cb_medical_release_page .content_ht_box .search_box .icon_left_box {
  width: 0.8rem;
  height: 0.8rem;
}

.cb_medical_release_page .content_ht_box .ht_list_box {
  max-height: 18rem;
  overflow-y: scroll;
}

.cb_medical_release_page .content_ht_box .ht_list_box .ht_item {
  font-size: 0.7rem;
  color: #121212;
  width: 16.75rem;
  margin: 0 auto;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.cb_medical_release_page .content_ht_box .ht_list_box .ht_item .item_icon {
  width: 3rem;
  height: 3rem;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0.3rem;
  margin-right: 0.75rem;
}

.cb_medical_release_page .content_ht_box .ht_list_box .ht_item .item_icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cb_medical_release_page .content_ht_box .ht_list_box .ht_item .info_ht {
  width: 13rem;
}

.cb_medical_release_page .content_ht_box .ht_list_box .ht_item .info_ht .ht_title {
  margin-bottom: 0.6rem;
}

.cb_medical_release_page .content_ht_box .ht_list_box .ht_item .info_ht .tj_ht {
  color: #999;
  font-size: 0.6rem;
}

.cb_medical_detail_page {
  padding-bottom: 2.5rem;
}

.cb_medical_detail_page .comment_list {
  background-color: #fff;
  border-top: 0.3rem solid #f8f9fa;
}

.cb_medical_detail_page .comment_list .pl_title {
  font-size: 0.7rem;
  font-weight: 600;
  box-sizing: border-box;
  padding: 0 0.78rem;
  padding-top: 1rem;
}

.cb_medical_detail_page .comment_list .comment_item {
  font-size: 0.6rem;
  color: #121212;
  box-sizing: border-box;
  padding: 0 0.78rem;
  margin: 0 auto;
  align-items: flex-start;
  padding-top: 0.3rem;
  margin-bottom: 0.73rem;
}

.cb_medical_detail_page .comment_list .comment_item .photo {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.6rem;
}

.cb_medical_detail_page .comment_list .comment_item .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cb_medical_detail_page .comment_list .comment_item .comm_info {
  width: 80%;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 0.45rem;
  word-break: break-all;
}

.cb_medical_detail_page .comment_list .comment_item .comm_info .user_info {
  width: 5rem;
  color: #666666;
  font-size: 0.65rem;
  width: 100%;
  margin-bottom: 0.25rem;
}

.cb_medical_detail_page .comment_list .comment_item .comm_info .user_info .nickname {
  width: 3.5rem;
}

.cb_medical_detail_page .comment_list .comment_item .comm_info .hf_box {
  padding-top: 0.4rem;
}

.cb_medical_detail_page .comment_list .comment_item .comm_info .hf_box .child_comm {
  background-color: #f7f7f7;
  margin-bottom: 0;
}

.cb_medical_detail_page .comment_list .comment_item .comm_info .hf_box .child_comm .comm_info {
  border-bottom: none;
}

.cb_medical_detail_page .comm_control {
  position: fixed;
  width: 18.75rem;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 2.5rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 0.25rem;
  box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.1);
}

.cb_medical_detail_page .comm_control .input_box {
  width: 9.78rem;
  line-height: 2rem;
  background-color: #f7f7f7;
  border-radius: 1rem;
  font-size: 0.65rem;
  color: #999;
  box-sizing: border-box;
  padding-left: 0.88rem;
}

.cb_medical_detail_page .comm_control .control_btns {
  width: 8rem;
  padding-left: 0.65rem;
  box-sizing: border-box;
  font-size: 0.65rem;
  color: #121212;
}

.cb_medical_detail_page .comm_control .control_btns .zf {
  background: url("../images/4.4icon/collect_no.png") no-repeat left center;
  background-size: 0.8rem 0.77rem;
  width: 2.8rem;
  box-sizing: border-box;
  padding-left: 1rem;
  line-height: 2rem;
}

.cb_medical_detail_page .comm_control .control_btns .zf.collect_yes {
  background: url("../images/4.4icon/collect_yes.png") no-repeat left center;
  background-size: 0.8rem 0.77rem;
  color: #ff0000;
}

.cb_medical_detail_page .comm_control .control_btns .zf.is_tran {
  background: url("../images/4.3icon/zhuanfa@2x.png") no-repeat left center;
  background-size: 0.85rem 0.63rem;
  color: #ff0000;
}

.cb_medical_detail_page .comm_control .control_btns .dz {
  background: url("../images/4.3icon/zanpress@2x.png") no-repeat left center;
  background-size: 0.8rem 0.8rem;
  width: 2.6rem;
  box-sizing: border-box;
  padding-left: 1rem;
  line-height: 2rem;
}

.cb_medical_detail_page .comm_control .control_btns .dz.is_like {
  background: url("../images/4.5icon/z1.png") no-repeat left center;
  background-size: 0.8rem 0.8rem;
  color: #ff0000;
}

.cb_medical_detail_page .comm_control .control_btns .fx {
  height: 2rem;
  width: 2rem;
}

.cb_medical_detail_page .comm_control .control_btns .fx img {
  width: 0.8rem;
  height: 0.8rem;
}

.cb_medical_detail_page .mark_box {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.cb_medical_detail_page .mark_box .input_box {
  width: 18.75rem;
  height: 6.38rem;
  background-color: red;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.68rem 0;
  padding-left: 0.75rem;
  background-color: #fff;
}

.cb_medical_detail_page .mark_box .input_box textarea {
  width: 15rem;
  border: none;
  box-sizing: border-box;
  padding: 1rem;
  height: 6.38rem;
  background-color: #f7f7f7;
}

.cb_medical_detail_page .mark_box .input_box .send {
  color: #fd0d1b;
  font-size: 0.8rem;
  height: 6.38rem;
  padding: 0.57rem 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
}

.common_box .title_box_container {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2rem;
}

.common_box .title_box_container .title_box {
  width: 17.25rem;
  height: 4rem;
  margin: 0 auto;
  background-color: #f7f7f7;
  box-sizing: border-box;
  padding: 0 0.75rem;
  justify-content: center;
  flex-direction: column;
}

.common_box .title_box_container .title_box .avar_box {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  overflow: hidden;
}

.common_box .title_box_container .title_box .avar_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.common_box .title_box_container .title_box .nickname {
  font-size: 0.65rem;
  color: #121212;
  margin-left: 0.43rem;
}

.common_box .title_box_container .title_box .arrow_right {
  width: 0.25rem;
  height: 0.45rem;
  background: url("../images/gray_wd_arrow_icon.png") no-repeat center center;
  background-size: 100%;
}

.common_box .title_box_container .title_box .title_desc {
  font-size: 0.6rem;
  color: #666;
  padding-top: 0.5rem;
  width: 100%;
}

.common_box .title_box_container .zf_btn {
  font-size: 0.65rem;
  color: #666;
  padding: 0.63rem 0;
}

.common_box .title_box_container .radio_radio_box {
  width: 0.7rem;
  height: 0.8rem;
  margin-right: 0.43rem;
}

.common_box .title_box_container .radio_radio_box img {
  width: 100%;
}

.cb_my_medical .tabs_bar {
  position: fixed;
  width: 18.75rem;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 2.4rem;
  background-color: #fff;
  z-index: 1;
}

.cb_my_medical .van-tabs__line {
  width: 0.75rem;
  background-color: #ff0000;
}

.cb_my_medical .list_box_3 {
  padding-top: 2.4rem;
}

.cb_my_medical .list_box_3 .t_z_box {
  width: 18.75rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 1.73rem;
  padding-right: 0.77rem;
  position: relative;
  display: block;
}

.cb_my_medical .list_box_3 .t_z_box .left_point {
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #e0e0e0;
  top: 0.8rem;
  left: 0.75rem;
}

.cb_my_medical .list_box_3 .t_z_box .left_line {
  position: absolute;
  width: 2px;
  bottom: 0;
  background-color: #e0e0e0;
  top: 0;
  left: 0.9rem;
}

.cb_my_medical .list_box_3 .t_z_box .rightn_info_box .top {
  height: 2rem;
  width: 16.25rem;
  margin-left: auto;
  font-size: 0.65rem;
  color: #999999;
}

.cb_my_medical .list_box_3 .t_z_box .rightn_info_box .top .action_show_btn {
  width: 1rem;
  height: 1rem;
  background: url("../images/4.3icon/more_btn_cion.png") no-repeat center center;
  background-size: 1rem 0.25rem;
}

.cb_my_medical .list_box_3 .t_z_box .rightn_info_box .content_box_bottom {
  font-size: 0.7rem;
  color: #121212;
  box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.2rem;
  box-sizing: border-box;
  padding: 0.68rem 0.8rem;
  position: relative;
}

.cb_my_medical .list_box_3 .t_z_box .rightn_info_box .content_box_bottom.red_dian_dian::after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #e43943;
  right: 0.25rem;
  top: 0.97rem;
}

.cb_my_medical .list_box_3 .t_z_box .rightn_info_box .content_box_bottom .content {
  margin-top: 0.3rem;
}

.cb_my_medical .list_box_3 .t_z_box .rightn_info_box .content_box_bottom .content.red_dian_dian::after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #e43943;
  right: 0.25rem;
  top: 0.97rem;
}

.cb_my_medical .list_box_3 .t_z_box .rightn_info_box .content_box_bottom .img_box_wrap {
  flex-wrap: wrap;
}

.cb_my_medical .list_box_3 .t_z_box .rightn_info_box .content_box_bottom .img_box_wrap .icon_box_img {
  width: 4.68rem;
  height: 4.68rem;
  border-radius: 0.2rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
}

.cb_my_medical .list_box_3 .t_z_box .rightn_info_box .content_box_bottom .img_box_wrap .icon_box_img:nth-child(3n-1) {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.cb_my_medical .list_box_3 .t_z_box .rightn_info_box .content_box_bottom .img_box_wrap .icon_box_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cb_my_medical .list_box_3 .comment_item .comment_content {
  position: relative;
  align-items: flex-start;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .avar_box {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.6rem;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .avar_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .content_comment_info {
  font-size: 0.6rem;
  color: #121212;
  width: 12rem;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .content_comment_info .user_name {
  font-size: 0.65rem;
  color: #666;
  width: 4rem;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .reply_box {
  padding: 0.575rem 0 0 2.6rem;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .reply_box > .reply_detail:nth-child(1) {
  margin-top: 0;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .reply_box .reply_detail {
  margin-top: 1rem;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .reply_box .reply_detail .reply_box_top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .reply_box .reply_detail .reply_box_top .reply_box_top_img {
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  border-radius: 50%;
  object-fit: center;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .reply_box .reply_detail .reply_box_top .reply_box_top_img img {
  width: 100%;
  height: 100%;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .reply_box .reply_detail .reply_box_top .reply_box_top_name {
  width: 2.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #646566;
  font-weight: 400;
  font-size: 0.65rem;
  margin-left: 0.3rem;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .reply_box .reply_detail .reply_box_content {
  margin: 0.5rem 0 0 0.1rem;
  font-size: 0.7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #121212;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .reply_box .reply_detail .reply_box_time {
  margin: 0.375rem 0 0 0.1rem;
  font-size: 0.55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}

.cb_my_medical .list_box_3 .comment_item .comment_content .reply_box .show-more {
  color: #666666;
  width: 1.5rem;
  font-size: 0.65rem;
  text-decoration: underline;
  margin-top: 0.575rem;
}

.cb_my_interl .top {
  position: fixed;
  width: 18.75rem;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 9999;
}

.cb_my_interl .top .bg_banner {
  background: url("../images/4.3icon/j_dtu@2x.png") no-repeat center center;
  width: 18.75rem;
  height: 9.5rem;
  background-size: 100% 100%;
  flex-direction: column;
}

.cb_my_interl .top .bg_banner .jf_box {
  width: 18.75rem;
  box-sizing: border-box;
  padding: 0 1.85rem;
}

.cb_my_interl .top .bg_banner .jf_box .kyjf {
  font-size: 0.7rem;
  color: #fff;
}

.cb_my_interl .top .bg_banner .jf_box .jf {
  font-size: 1.65rem;
  color: #fff;
}

.cb_my_interl .top .bg_banner .jf_box .dh {
  width: 3rem;
  height: 1.25rem;
  background-image: linear-gradient(to left, #ff9625, #ffdf6e);
  font-size: 0.6rem;
  color: #fff;
  text-align: center;
  line-height: 1.25rem;
  border-radius: 0.625rem;
}

.cb_my_interl .list_box_4 {
  padding-top: 12rem;
}

.cb_my_interl .list_box_4 .item {
  width: 17.2rem;
  margin: 0 auto;
  border-bottom: 1px solid #eeeeee;
  border-top: none;
}

.cb_my_interl .list_box_4 .item .line {
  background-color: rgba(233, 51, 37, 0.15);
}

.cb_my_interl .list_box_4 .item_2 {
  width: 15rem;
  border-bottom: none;
}

.cb_my_interl .list_box_4 .date_picker {
  color: #191c22;
  font-size: 0.65rem;
  box-sizing: border-box;
  width: 18.75rem;
  padding: 0.6rem 0.75rem;
}

.cb_my_interl .list_box_4 .down_icon {
  width: 0.45rem;
  height: 0.25rem;
  background: url("../images/ico_down.png") no-repeat center center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.connect_kf_btn {
  width: 8.5rem;
  line-height: 1.85rem;
  border-radius: 0.925rem;
  text-align: center;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #ff0000;
  margin-top: 1rem;
  color: #ff0000;
}

.connect_kf_btn .icon_kf {
  margin-right: 0.4rem;
}

.connect_kf_btn .icon_kf img {
  width: 1rem;
  height: 0.86rem;
}

.index_box_style {
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 18.75rem;
  margin: 0 auto;
  padding: 0 0.75rem;
}

.index_box_style .index_box_style_item {
  width: 8.5rem;
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
  margin-bottom: 0.6rem;
}

.index_box_style .index_box_style_item .img_box_style {
  width: 100%;
  height: 6.35rem;
  overflow: hidden;
  color: #333;
  border-radius: 0.15rem;
}

.index_box_style .index_box_style_item .img_box_style img {
  width: 100%;
  object-fit: cover;
  border-radius: 0.3rem;
}

.index_box_style .index_box_style_item .info_box {
  width: 100%;
  padding-top: 0.33rem;
}

.index_box_style .index_box_style_item .info_box .title {
  padding-top: 0.2rem;
  font-size: 0.7rem;
  width: 100%;
  margin-bottom: 0.13rem;
  color: #333;
}

.index_box_style .index_box_style_item .info_box .lesson_inf2 {
  width: 100%;
  font-size: 0.55rem;
  color: #999;
  background: url("../images/4.3icon/lesson_icon.png") no-repeat left center;
  background-size: 0.7rem 0.57rem;
  padding-left: 1rem;
}

.no_data {
  text-align: center;
  font-size: 0.75rem;
  color: #dcdcdc;
  padding-top: 0.4rem;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}

.red_dian {
  position: relative;
}

.red_dian::after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #e43943;
  right: -0.25rem;
  top: -0.25rem;
  border: 2px solid #fff;
}

.no_img_show {
  width: 17.25rem;
  height: 7.5rem;
  background: url("../images/4.3icon/no_img_show.jpg") no-repeat center center;
  background-size: 100% 100%;
}

.open_app {
  width: 18.75rem;
  box-sizing: border-box;
  padding: 0 0.75rem;
  box-shadow: -1px 0px 12px 1px #dddddd73;
  margin-bottom: 0.3rem;
}

.open_app .open_app_icon {
  width: 2.25rem;
  height: 2.25rem;
}

.open_app .app_title {
  font-size: 0.8rem;
  font-weight: bold;
}

.open_app .open_app_btn {
  width: 3.75rem;
  line-height: 1.25rem;
  text-align: center;
  color: #fff;
  background-color: #ff0000;
  border-radius: 0.625rem;
}

@keyframes circleAnimal {
  0% {
    transform: rotateZ(-45deg);
  }
  100% {
    transform: rotateZ(45deg);
  }
}

.lidang_move_ {
  animation: circleAnimal 0.4s infinite linear;
  animation-direction: alternate;
  transform-origin: center center;
  animation-timing-function: cubic-bezier(0.19, 0.41, 0.74, 0.51);
}

@keyframes circleAnimal2 {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1.2);
  }
}

.lidang_scale_ {
  animation: circleAnimal2 0.6s infinite linear;
  animation-direction: alternate;
}

.cb_user_info {
  background-color: #fff;
}

.cb_user_info .item_info {
  width: 17.55rem;
  height: 2.1rem;
  margin: 0 auto;
  border-bottom: 1px solid #f4f4f4;
  font-size: 0.7rem;
  line-height: 2.1rem;
  color: #333;
}

.cb_user_info .item_info.averbox {
  height: 3rem;
}

.cb_user_info .item_info .avar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
}

.cb_user_info .item_info .avar img {
  width: 100%;
  object-fit: fill;
}

.topTipList {
  background-color: #fff;
}

.topTipList .search_box {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  margin: 0 auto;
}

.topTipList .search_box .van-search__content {
  border-radius: 0.2rem;
}

.topTipList .search_box .van-field__left-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.topTipList .search_box .icon_left_box {
  width: 0.8rem;
  height: 0.8rem;
}

.topTipList .top_tip_box {
  padding-top: 2.5rem;
}

.topTipList .top_tip_box .item_ht {
  font-size: 0.7rem;
  color: #121212;
  width: 16.75rem;
  margin: 0 auto;
  padding: 0.8rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.topTipList .top_tip_box .item_ht .ht_img {
  width: 1.85rem;
  height: 1.85rem;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 00rem;
  margin-right: 0.75rem;
}

.topTipList .top_tip_box .item_ht .ht_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.topTipList .top_tip_box .item_ht .right_info {
  width: 14rem;
}

.topTipList .top_tip_box .item_ht .right_info .ht_item_title {
  margin-bottom: 0.23rem;
  font-size: 0.7rem;
}

.topTipList .top_tip_box .item_ht .right_info .read_info {
  color: #999;
  font-size: 0.55rem;
}

.search_header {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 18.75rem;
  border-radius: 0.15rem;
  padding: 0.7rem 0;
  background-color: #fff;
}

.search_header .search_box {
  width: 15.5rem;
  height: 1.7rem;
  background-color: #f2f2f3;
}

.search_header .search_box::before {
  content: "";
  display: block;
  width: 0.71rem;
  height: 0.71rem;
  background: url("../images/medicine_icon/search_icon.png") no-repeat center center;
  background-size: 100% 100%;
  margin: 0 0.55rem;
}

.search_header .search_box .voice_icon {
  width: 1.5rem;
  height: 1.7rem;
  background: url("../images/medicine_icon/yuyin@2x.png") no-repeat center center;
  background-size: 0.55rem 0.81rem;
}

.search_header .search_box .clear_icon {
  width: 1.5rem;
  height: 1.7rem;
  background: url("../images/medicine_icon/shanchu-4@2x.png") no-repeat center center;
  background-size: 0.71rem 0.71rem;
}

.search_header .search_box .input_box {
  flex: 1;
  height: 1.7rem;
  background-color: transparent;
}

.search_header .search_box .input_box input {
  width: 100%;
  background-color: transparent;
}

.search_header .search_btn {
  font-size: 0.7rem;
  color: #fd0d1b;
  line-height: 1.7rem;
  width: 1.5rem;
  text-align: center;
  margin-left: 0.2rem;
}

.voice_box {
  width: 100%;
  padding-top: 1rem;
  flex-direction: column;
}

.voice_box .voice_icon {
  width: 1.5rem;
  height: 1.7rem;
  background: url("../images/medicine_icon/yuyin@2x.png") no-repeat center center;
  background-size: 0.55rem 0.81rem;
  transform: translateY(3rem) scale(3.5);
  position: relative;
}

.voice_box .voice_icon .line_v {
  height: 0.1rem;
  width: 0.75rem;
  background: #8a8a86;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.1rem;
  border-radius: 0.05rem;
}

.voice_box .voice_icon .line_v:nth-child(2) {
  top: 0.1rem;
  width: 0.45rem;
}

.voice_box .voice_icon .line_v:nth-child(3) {
  top: 0.3rem;
  width: 0.25rem;
}

.voice_box .voice_icon .one_1 {
  animation: 0.5s linear 0s infinite alternate opacityAni;
  -webkit-animation: 0.6s linear 0s infinite alternate opacityAni;
}

.voice_box .voice_icon .one_2 {
  animation: 0.9s linear 0.3s infinite opacityAni;
  -webkit-animation: 0.6s linear 0.3s infinite alternate opacityAni;
}

.voice_box .voice_icon .one_3 {
  animation: 1s linear 0s infinite alternate opacityAni;
  -webkit-animation: 1s linear 0s infinite alternate opacityAni;
}

@keyframes opacityAni {
  from {
    transform: translateX(-50%) scale(0);
  }
  to {
    transform: translateX(-50%) scale(1);
  }
}

@-webkit-keyframes opacityAni {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}

.medicine_page_index .cb_left_one_class {
  position: fixed;
  width: 4rem;
  left: 0;
  top: 3.4rem;
  bottom: 0;
  background: #fff;
  overflow-y: scroll;
  padding-bottom: 2.3rem;
  box-sizing: border-box;
  border-right: 1px solid #eaeaea;
}

.medicine_page_index .cb_left_one_class .cb_left_one_class_item {
  min-height: 2.88rem;
  width: 100%;
  flex-direction: column;
  margin-bottom: 1.7rem;
  position: relative;
}

.medicine_page_index .cb_left_one_class .cb_left_one_class_item.active {
  font-size: 0.7rem;
  color: #242f44;
}

.medicine_page_index .cb_left_one_class .cb_left_one_class_item.active::before {
  width: 0.1rem;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #fd0d1b;
}

.medicine_page_index .cb_left_one_class .cb_left_one_class_item .icon {
  width: 1.8rem;
  margin-bottom: 0.38rem;
}

.medicine_page_index .cb_left_one_class .cb_left_one_class_item .icon img {
  width: auto;
}

.medicine_page_index .cb_container_box_right {
  padding-left: 5rem;
  padding-top: 3.1rem;
}

.medicine_page_index .cb_container_box_right .cb_yao_item {
  color: #121212;
  font-size: 0.7rem;
  padding: 0.74rem 0;
  border-bottom: 1px solid #eaeaea;
}

.medicine_page_index .cb_container_box_right .cb_yao_item .yao_title {
  width: 85%;
}

.medicine_page_index .cb_container_box_right .cb_yao_item .more_icon {
  width: 0.55rem;
  height: 0.55rem;
  background: url("../images/medicine_icon/xiangyou-2@2x.png") no-repeat center center;
  background-size: 100% 100%;
  margin-right: 0.69rem;
}

.medicine_page_index .collect_btn {
  position: fixed;
  width: 2.5rem;
  height: 2.5rem;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.1);
  bottom: 1.78rem;
  right: 0.68rem;
  color: #fd0d1b;
  font-size: 0.45rem;
  flex-direction: column;
}

.medicine_page_index .collect_btn .collect_icon {
  width: 0.83rem;
  height: 0.79rem;
  background: url("../images/medicine_icon/shoucang-3@2x.png") no-repeat center center;
  background-size: 100% 100%;
}

.medicine_classify_page .medicine_classify_nav {
  position: fixed;
  z-index: 9999;
  width: 18.75rem;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background-color: #fff;
  overflow-x: scroll;
  word-break: keep-all;
  box-sizing: border-box;
  padding: 1rem 0.75rem;
}

.medicine_classify_page .medicine_classify_nav .nav_ul_cb li:nth-child(1) > a {
  padding: 0.1rem 0.35rem;
  border: 1px solid #fd0d1b;
  border-radius: 0.1rem;
  color: #fd0d1b;
}

.medicine_classify_page .medicine_classify_nav .nav_ul_cb li {
  margin-right: 0.4rem;
}

.medicine_classify_page .medicine_classify_nav .nav_ul_cb li .before {
  display: block;
  margin-right: 0.4rem;
}

.medicine_classify_page .medicine_classify_nav .nav_ul_cb li.active_a {
  color: #fd0d1b;
}

.medicine_classify_page .medicine_classify_nav .nav_ul_cb li:nth-child(1)::before {
  content: none;
}

.medicine_classify_page .medicine_classify_nav .nav_ul_cb li a {
  word-break: keep-all;
}

.medicine_classify_page .medicine_classify_nav .nav_ul_cb li a.active_a {
  color: #fd0d1b;
}

.medicine_classify_page .cb_container_box_classify .cb_yao_classify_item {
  width: 17.25rem;
  padding: 0.66rem 0;
  margin: 0 auto;
  border-bottom: 1px solid #eaeaea;
}

.medicine_classify_page .cb_container_box_classify .cb_yao_classify_item .yao_title {
  color: #666666;
  font-size: 0.7rem;
  width: 90%;
}

.medicine_classify_page .cb_container_box_classify .cb_yao_classify_item .more_icon {
  width: 0.55rem;
  height: 0.55rem;
  background: url("../images/medicine_icon/xiangyou-2@2x.png") no-repeat center center;
  background-size: 100% 100%;
  margin-right: 0.69rem;
}

.medicine_page_detail {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.medicine_page_detail .title_box {
  box-sizing: border-box;
  padding: 1.13rem 0;
  width: 17.25rem;
  margin: 0 auto;
  font-size: 0.9rem;
  color: #121212;
  border-bottom: 1px solid #eaeaea;
}

.medicine_page_detail .title_box .medicine_title {
  margin-bottom: 0.69rem;
}

.medicine_page_detail .title_box .medicine_time {
  font-size: 0.6rem;
  color: #999;
}

.medicine_page_detail .medicine_detail {
  padding-bottom: 2.3rem;
  padding-top: 1.05rem;
}

.medicine_page_detail .medicine_detail .medicine_item {
  font-size: 0.65rem;
  color: #666666;
  padding: 1.05rem 0rem;
  padding-top: 0;
}

.medicine_page_detail .medicine_detail .medicine_item .title_item {
  font-size: 0.75rem;
  color: #121212;
  font-weight: bold;
  margin-bottom: 0.55rem;
  margin-left: 0.33rem;
}

.medicine_page_detail .medicine_detail .medicine_item .title_bg_box {
  margin-left: 0.33rem;
  position: relative;
}

.medicine_page_detail .medicine_detail .medicine_item .title_bg_box::before {
  display: block;
  content: "";
  width: 0.9rem;
  height: 1.725rem;
  background: url("../images/medicine_icon/l.png") no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  left: 1px;
}

.medicine_page_detail .medicine_detail .medicine_item .title_bg_box::after {
  display: block;
  content: "";
  width: 0.9rem;
  height: 1.725rem;
  background: url("../images/medicine_icon/r.png") no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  left: -1px;
}

.medicine_page_detail .medicine_detail .medicine_item .title_bg_box .middle {
  background: url("../images//medicine_icon/c.png") repeat-x left center;
  line-height: 1.725rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  height: 1.725rem;
}

.medicine_page_detail .medicine_detail .medicine_item .title_bg_box .middle .text_g {
  background-image: -webkit-linear-gradient(top, #fff, #fff, #e68611);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.medicine_page_detail .medicine_detail .medicine_item .title_bg_box .middle::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1rem;
  background: url("../images/medicine_icon/g.png") no-repeat center center;
  background-size: 100% 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.medicine_page_detail .medicine_detail .medicine_item .desc_item {
  padding: 0 0.78rem;
}

.medicine_page_detail .bottom_control {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  height: 2.17rem;
  overflow: hidden;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
}

.medicine_page_detail .bottom_control .nav_list_bar {
  padding: 0.78rem 0.4rem;
  padding-right: 0.75rem;
  background: url("../images/medicine_icon/caidan-2@2x.png") no-repeat center center;
  background-size: 0.95rem 0.72rem;
  width: 0.95rem;
  height: 0.72rem;
}

.medicine_page_detail .bottom_control .collect_icon {
  padding: 0.78rem 0.4rem;
  background: url("../images/medicine_icon/shoucang-3@2x.png") no-repeat center center;
  background-size: 0.95rem 0.91rem;
  width: 0.95rem;
  height: 0.91rem;
}

.medicine_page_detail .medicine_list_box {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all linear 0.2s;
  opacity: 0;
  pointer-events: none;
}

.medicine_page_detail .medicine_list_box.open {
  opacity: 1;
  pointer-events: all;
}

.medicine_page_detail .medicine_list_box .medicine_list_ml {
  position: absolute;
  left: -300px;
  top: 0;
  bottom: 0;
  width: 7.25rem;
  overflow-y: scroll;
  background-color: #fff;
  transition: all linear 0.3s;
  transition-delay: 0.1s;
}

.medicine_page_detail .medicine_list_box .medicine_list_ml.open {
  left: 0;
}

.medicine_page_detail .medicine_list_box .medicine_list_ml .medicine_list_ml_item {
  line-height: 2.24rem;
  box-sizing: border-box;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  color: #121212;
  font-size: 0.7rem;
  border-bottom: 1px solid #eaeaea;
}

.medicine_page_detail .medicine_list_box .medicine_list_ml .medicine_list_ml_item.active_btn {
  color: #fd1020;
}

.__bottom_control__ {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  height: 2.17rem;
  overflow: hidden;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
}

.__bottom_control__ .nav_list_bar {
  padding: 0.78rem 0.4rem;
  padding-right: 0.75rem;
  background: url("../images/medicine_icon/caidan-2@2x.png") no-repeat center center;
  background-size: 0.95rem 0.72rem;
  width: 0.95rem;
  height: 0.72rem;
}

.__bottom_control__ .collect_icon {
  padding: 0.78rem 0.4rem;
  background: url("../images/medicine_icon/shoucang-3@2x.png") no-repeat center center;
  background-size: 0.95rem 0.91rem;
  width: 0.95rem;
  height: 0.91rem;
}

.medicine_search_page .medicine_search_container {
  padding-top: 3.1rem;
}

.medicine_search_page .medicine_search_container .cb_yao_item {
  width: 17.15rem;
  color: #121212;
  font-size: 0.7rem;
  padding: 0.74rem 0;
  border-bottom: 1px solid #eaeaea;
  margin: 0 auto;
}

.medicine_search_page .medicine_search_container .cb_yao_item .yao_title {
  width: 85%;
}

.medicine_search_page .medicine_search_container .cb_yao_item .more_icon {
  width: 0.55rem;
  height: 0.55rem;
  background: url("../images/medicine_icon/xiangyou-2@2x.png") no-repeat center center;
  background-size: 100% 100%;
  margin-right: 0.69rem;
}

.medicine_search_page .history {
  padding-top: 4rem;
}

.medicine_search_page .history .history_box {
  box-sizing: border-box;
  padding: 0 0.6rem;
  margin-bottom: 1.3rem;
}

.medicine_search_page .history .history_box .his_box {
  margin-bottom: 0.5rem;
}

.medicine_search_page .history .history_box .his_box .title_box {
  font-size: 0.75rem;
  color: #121212;
}

.medicine_search_page .history .history_box .his_box .clear_his {
  width: 1rem;
  height: 1rem;
  background: url("../images/medicine_icon/shanchu-5@2x.png") no-repeat center center;
  background-size: 0.8rem 0.78rem;
}

.medicine_search_page .history .history_box .his_list {
  flex-wrap: wrap;
}

.medicine_search_page .history .history_box .his_list .his_item {
  padding: 0.23rem 0.68rem;
  background-color: #f2f2f3;
  font-size: 0.6rem;
  color: #666;
  border-radius: 0.7rem;
  margin-right: 0.25rem;
  margin-bottom: 0.3rem;
}

.medicine_search_page .history .history_box .hot_list {
  flex-wrap: wrap;
}

.medicine_search_page .history .history_box .hot_list .hot_item {
  width: 8.25rem;
  border-bottom: 1px solid #eaeaea;
  padding: 0.65rem 0;
  font-size: 0.65rem;
  color: #666;
}

.medicine_search_page .history .history_box .hot_list .hot_item .rm_icon {
  width: 0.7rem;
  height: 0.83rem;
  background: url("../images/medicine_icon/remen@2x.png") no-repeat center center;
  background-size: 100% 100%;
  margin-left: 0.7rem;
}

.no_info {
  text-align: center;
  line-height: 1.3rem;
  font-size: 0.65rem;
  color: #666;
}

.vote_box {
  background-color: #f6f7f8;
  padding: 0.55rem 0.63rem;
}

.vote_box .title {
  margin-bottom: 0.6rem;
}

.vote_box .vote_item {
  font-size: 0.65rem;
  color: #121212;
}

.vote_box .vote_item .choise_item {
  width: 100%;
  height: 2rem;
  border: 1px solid #e8e8e8;
  border-radius: 1rem;
  margin: 0 auto;
  margin-bottom: 0.38rem;
  box-sizing: border-box;
  padding: 0 1.13rem;
}

.vote_box .vote_item .choise_item .content_top {
  font-size: 0.65rem;
  color: #666666;
  width: 90%;
}

.vote_box .vote_item .choise_item .select_icon {
  width: 0.7rem;
  height: 0.7rem;
}

.vote_box .vote_item .choise_item .select_icon img {
  width: 100%;
}

.vote_box .total_num {
  color: #999999;
  font-size: 0.55rem;
  line-height: 1.4rem;
}

.vote_box .total_num .submit_btn {
  width: 2.75rem;
  line-height: 1.4rem;
  background-image: linear-gradient(to left, #fb4d2b, #fb7c37);
  text-align: center;
  font-size: 0.6rem;
  border-radius: 0.7rem;
  color: #fff;
}

.vote_box .vote_success {
  font-size: 0.7rem;
  color: #121212;
  padding: 0.4rem 0;
}

.vote_box .process_box {
  padding-top: 0.5rem;
  box-sizing: border-box;
}

.vote_box .process_box .process_item {
  width: 15.25rem;
  margin: 0 auto;
  height: 1.85rem;
  line-height: 1.85rem;
  border-radius: 0.975rem;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 0.4rem;
  position: relative;
  overflow: hidden;
}

.vote_box .process_box .process_item .vote_result {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 1.1rem;
  padding-right: 0.95rem;
  box-sizing: border-box;
}

.vote_box .process_box .process_item .vote_mark {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #e8e8e8;
}

.vote_box .process_box .process_item .vote_title {
  color: #666666;
}

.vote_box .process_box .process_item .vote_ticket {
  color: #fd0d1b;
  font-size: 0.65rem;
}

.gif_box {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

._swiper_box {
  width: 17.63rem;
  margin: 0 auto;
  background-color: rgba(253, 13, 27, 0.1);
  border-radius: 0.25rem;
  height: 1.8rem;
  box-sizing: border-box;
  padding: 0 0.45rem;
}

._swiper_box .top_one img {
  width: 3.76rem;
  height: 1rem;
}

.index_box_style,
.classList {
  width: 17.65rem;
  margin: 0 auto;
  box-sizing: border-box;
  background: #fff;
  padding: 0.55rem;
  box-shadow: 0px 0px 0.53rem 0.17rem rgba(96, 102, 123, 0.08);
  border-radius: 0.1rem;
}

.index_box_style .index_box_style_item,
.classList .index_box_style_item {
  width: 8rem;
}

.bookList {
  width: 17.65rem;
  margin: 0 auto;
  box-sizing: border-box;
  background: #fff;
  padding: 0.55rem;
  box-shadow: 0px 0px 0.53rem 0.17rem rgba(96, 102, 123, 0.08);
  border-radius: 0.1rem;
}

.bookList a {
  width: 4.9rem;
}

.classList .right {
  width: 10.7rem;
}

.scrollSilder2 .swiper-slide .iconcenter {
  width: 3.5rem !important;
}

.d3_page {
  padding-top: 4rem;
  padding-left: 3.85rem;
}

.d3_page .left {
  font-size: 0.37rem;
  color: #252525;
  width: 3.85rem;
  height: 100vh;
  background: #fafafa;
  display: flex;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 9999;
}

.d3_page .left .every {
  width: 3.85rem;
  padding: 0.6rem 0.88rem 0.6rem 0.88rem;
  box-sizing: border-box;
}

.d3_page .left .every .txt {
  width: 2.1rem;
  font-size: 0.6rem;
}

.d3_page .left .active {
  color: #f63d20;
  padding: 0.6rem 0;
  background: #fff;
  position: relative;
}

.d3_page .left .active::before {
  content: "";
  width: 0.15rem;
  height: 0.95rem;
  background: #f63d20;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.d3_page .right .top_header {
  width: 14.65rem;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3;
}

.d3_page .right .top_header.mark {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
}

.d3_page .right .header {
  align-items: flex-start;
  background: #fff;
  height: 2rem;
  overflow: hidden;
}

.d3_page .right .header .header_left {
  padding: 0.18rem;
  padding-right: 0rem;
  flex-wrap: wrap;
  width: 13rem;
}

.d3_page .right .header .header_left .every {
  margin-bottom: 0.3rem;
  border: 1px solid #dfe0e1;
  border-radius: 0.2rem;
  margin-left: 0.2rem;
  padding: 0.28rem 0.22rem;
  color: #666666;
  font-size: 0.5rem;
}

.d3_page .right .header .header_left .active {
  border: 1px solid #f63d20;
  color: #f63d20;
}

.d3_page .right .header .header_right {
  margin-top: 0.2rem;
  width: 1.83rem;
  height: 1.25rem;
}

.d3_page .right .header .header_right .dowAarrow {
  width: 0.45rem;
  height: 0.25rem;
  transition: 0.3s all linear;
}

.d3_page .list .list_every {
  border-bottom: 1px solid #f8f8f8;
  height: 3.35rem;
  padding-right: 0.93rem;
  box-sizing: border-box;
}

.d3_page .list .list_every .list_every_left {
  width: 4.75rem;
  position: relative;
  padding-left: 0.63rem;
  padding-right: 0.4rem;
}

.d3_page .list .list_every .list_every_left .img1 {
  width: 4.75rem;
  height: 3rem;
  border-radius: 0.15rem;
}

.d3_page .list .list_every .list_every_left .img2 {
  position: absolute;
  left: 17px;
  bottom: 3px;
  width: 0.8rem;
  height: 0.8rem;
}

.d3_page .list .list_every .list_every_right .list_title {
  width: 8.18rem;
  font-size: 0.65rem;
  color: #252525;
  padding-bottom: 0.23rem;
  font-weight: bold;
}

.d3_page .list .list_every .list_every_right .list_con {
  width: 8.18rem;
  font-size: 0.5rem;
  color: #999999;
}