* {
  touch-action: pan-y; 
  -webkit-touch-callout: none;
   -webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
  }
input{-webkit-user-select:auto;}
@font-face {
  font-family: 'icomoon';
  src: url("../../dist/fonts/iphone-icomoon-font.eot");
  src: url("../../dist/fonts/iphone-icomoon-font.eot") format("embedded-opentype"), url("../../dist/fonts/iphone-icomoon-font.ttf") format("truetype"), url("../../dist/fonts/iphone-icomoon-font.woff") format("woff"), url("../../dist/fonts/iphone-icomoon-font.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-size: .44rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-eye:before {
  content: "\e900"; }

.icon-talk:before {
  content: "\e901"; }

.icon-play:before {
  content: "\e902"; }

.icon-clock:before {
  content: "\e903"; }

.icon-good:before {
  content: "\e904"; }

.icon-spinner-j:before {
  content: "\e97c"; }

.icon-spinner-x:before {
  content: "\e984"; }

.icon-star-full:before {
  content: "\e9d9"; }

.mui-icon-share {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTUzNjc2MDkwNTAwIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyOTMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg4My4wMzcwOTEgNTEyLjY1MTYzNmwyMy4yNzI3MjcgMGMtMTguNzgxMDkxIDAtMjMuMjcyNzI3IDQuMzUyLTIzLjI3MjcyNyAyMy4yNzI3MjdsMCAzMjUuODE4MTgyYy0xLjc5MiA1LjQ0NTgxOCAxLjQ2NjE4MiAyMS44OTk2MzYgMCAyMy4yNzI3MjdsLTc0NC43MjcyNzMgMGMtNi4xNDQtNS4wMjY5MDkgMC4xNjI5MDktMC43MjE0NTUgMCAwbDAtNzIxLjQ1NDU0NWMwLTYuMzA2OTA5IDMuMzUxMjczLTI0LjU1MjcyNyA5LjU4ODM2NC0yNC41NTI3MjdsMzYyLjc3NTI3MyAxLjI4YzE4Ljc4MTA5MSAwIDI0LjEzMzgxOC0yMS45MjI5MDkgMjMuMjcyNzI3LTIzLjI3MjcyNy0xLjMwMzI3My0yLjAyNDcyNy0wLjExNjM2NC0zMS4wMjI1NDUtMjMuMjcyNzI3LTIzLjI3MjcyN0wxNzEuMTcwOTA5IDkzLjc0MjU0NWMtNDMuNzc2IDAtNzkuNDA2NTQ1IDM1Ljg4NjU0NS03OS40MDY1NDUgNzkuOTY1MDkxbDAgNjc3Ljg2NDcyN2MwIDQ0LjEwMTgxOCAzNS42MzA1NDUgNzkuOTY1MDkxIDc5LjQwNjU0NSA3OS45NjUwOTFMODQ4LjA1ODE4MiA5MzEuNTM3NDU1YzQzLjc3NiAwIDgxLjUyNDM2NC0yNS43MTYzNjQgODEuNTI0MzY0LTY5LjgxODE4MmwwLTMyNS44MTgxODJDOTM3LjU4ODM2NCA1MDYuODMzNDU1IDkwMS44NDE0NTUgNTEyLjY1MTYzNiA4ODMuMDM3MDkxIDUxMi42NTE2MzZ6TTY1MC4zMDk4MTggMTQwLjI4OGwyMDkuNDU0NTQ1IDBjLTEyMi45MDMyNzMgMTI3LjQ2NDcyNy0yODkuNjUyMzY0IDI3OC44MDcyNzMtNDEyLjUzMjM2NCA0MDYuMjcyLTMwLjM0NzYzNiAzMS40ODggOS43NzQ1NDUgNjcuNDQ0MzY0IDQwLjE2ODcyNyAzNS45MDk4MTggMTIyLjM0NDcyNy0xMjYuODgyOTA5IDI3My4yOTE2MzYtMjY4Ljc1MzQ1NSAzOTUuNjM2MzY0LTM5NS42MzYzNjRsMCAyMDkuNDU0NTQ1YzIuOTA5MDkxIDMxLjUzNDU0NSA0OS42ODcyNzMgMzAuNTU3MDkxIDQ2LjU0NTQ1NSAwTDkyOS41ODI1NDUgMTMwLjExNzgxOGMwLTEwLjU2NTgxOCA1Ljk1NzgxOC03LjYzMzQ1NSAwLTEzLjEwMjU0NSAzLjA3Mi02LjU4NjE4Mi0xMy40MDUwOTEtMjIuNjIxMDkxLTIzLjI3MjcyNy0yMy4yNzI3MjctMy4yODE0NTUtMC4yMDk0NTUtMTkuOTQ0NzI3LTAuNDg4NzI3LTIzLjI3MjcyNyAwbC0yMzIuNzI3MjczIDBDNjIwLjE5NDkwOSA5My42MDI5MDkgNjE4LjIxNjcyNyAxNDAuMTcxNjM2IDY1MC4zMDk4MTggMTQwLjI4OHoiIHAtaWQ9IjEyOTQiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=);
  background-size: cover;
  height: .4rem;
  width: .4rem; }

.container {
  padding: 0 .3rem; }

.fixedbody {
  overflow: hidden !important; }

.mui-icon,
.mui-title {
  color: #fff; }

.tabview-fixed {
  position: fixed !important;
  top: .88rem;
  left: 0;
  height: .92rem; }

.no-fixed-tabview {
  padding-top: 0 !important; }

.tabview {
  background: #fff;
  min-height: .92rem; }
  .tabview:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #f7f7f7 !important; }
  .tabview .mui-slider-indicator,
  .tabview .mui-scroll {
    height: .92rem; }
    .tabview .mui-slider-indicator .mui-control-item,
    .tabview .mui-slider-indicator .mui-control-item-link,
    .tabview .mui-scroll .mui-control-item,
    .tabview .mui-scroll .mui-control-item-link {
      display: table-cell !important;
      padding: 0 0.3rem !important;
      border-bottom: 2px solid #f7f7f7 !important;
      color: #666;
      font-size: .26rem;
      line-height: .88rem; }
    .tabview .mui-slider-indicator .mui-active,
    .tabview .mui-scroll .mui-active {
      background: #fff !important; }

.tabview-tab-zoom .mui-active {
  font-size: 0.34rem !important; }

.tabcont {
  padding-top: .3rem;
  padding-bottom: .3rem; }

.control-content {
  padding-top: .92rem; }

.column-title {
  display: flex;
  position: relative;
  padding-top: .4rem;
  padding-bottom: .2rem;
  line-height: .66rem; }
  .column-title > * {
    flex: auto; }
  .column-title .column-title-word {
    color: #5D5D5D;
    font-size: .48rem;
    width: 80%; }
  .column-title .the-more {
    position: relative;
    color: #9b9b9b;
    font-size: .24rem;
    text-align: right; }
    .column-title .the-more .mui-icon-arrowright {
      color: #9b9b9b;
      font-size: .28rem; }

.main-content .main-card {
  display: block;
  padding-bottom: .4rem; }
  .main-content .main-card .main-card-content {
    position: relative; }
    .main-content .main-card .main-card-content img {
      width: 100%; }
  .main-content .main-card .main-card-title {
    padding: .2rem 0;
    height: 1.28rem;
    align-content: center;
    overflow: hidden; }
  .main-content .main-card .main-card-footer {
    padding-bottom: .2rem; }
    .main-content .main-card .main-card-footer .day-date {
      color: #9d9d9d;
      font-size: .24rem; }

.card-shop {
  position: absolute;
  left: .3rem;
  bottom: .2rem; }
  .card-shop > * {
    margin-top: .16rem; }
  .card-shop .shop-play {
    position: relative;
    display: block;
    height: .8rem;
    width: .8rem; }
    .card-shop .shop-play::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      background: #fff;
      border-radius: 50%;
      width: 100%;
      height: 100%;
      opacity: .6; }
    .card-shop .shop-play::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      border-top: .18rem solid transparent;
      border-bottom: .18rem solid transparent;
      transform: translate(-40%, -50%); }
  .card-shop .shop-play-time {
    padding: 0 .08rem;
    border-radius: 2px;
    color: #fff;
    font-size: .24rem;
    line-height: .32rem;
    height: .32rem;
    width: max-content; }

.fenge-1 {
  border-bottom: 1px solid #EAEAEA; }

.fenge-2 {
  border-bottom: 2px solid #EAEAEA; }

.float-content {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 100;
  background: #fff;
  box-shadow: 0 0 0.24rem rgba(0, 0, 0, 0.6);
  min-height: 100px;
  width: 100%;
  transition: bottom .3s; }
  .float-content .safe-mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .05;
    z-index: 5; }

.float-right-show .float-right {
  left: 0.6rem !important; }
.float-right-show .mui-back-drop {
  display: block; }

.float-right {
  position: fixed;
  top: 50%;
  left: 100%;
  bottom: 0;
  padding: .6rem;
  background: #fff;
  height: 9.6rem;
  width: calc(100% - .6rem);
  z-index: 997;
  transform: translateY(-50%);
  transition: all .3s; }
  .float-right .show-float-right {
    display: flex;
    padding: 0 .1rem;
    position: absolute;
    top: 1rem;
    left: -.6rem;
    background: #415980;
    color: #fff;
    font-size: .26rem;
    text-align: center;
    align-items: center;
    writing-mode: lr-tb;
    height: 1rem;
    width: .6rem; }
  .float-right a {
    margin-bottom: .6rem;
    float: left;
    width: calc(50% - .25rem); }
    .float-right a:nth-child(2n+1) {
      margin-left: .5rem; }
    .float-right a img {
      width: 100%; }
    .float-right a span {
      color: #333;
      font-size: .28rem;
      line-height: .4rem;
      max-height: .8rem; }

.mui-back-drop {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all .3s; }

.close-btn,
.open-show {
  position: absolute;
  top: 0;
  left: 50%;
  background: #e1e1e1;
  height: .4rem;
  width: 1rem;
  transform: translateX(-50%);
  opacity: 0;
  z-index: 10; }
  .close-btn:after,
  .open-show:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent;
    transform: translate(-50%, -50%); }

.open-show {
  display: block;
  position: relative;
  left: unset;
  background: #304A74;
  opacity: 1;
  transform: translate(0, 0); }
  .open-show:after {
    border-top-color: #e1e1e1; }

.radio-scroll-wrapper {
  padding-top: .2rem;
  padding-bottom: .4rem;
  margin-left: -.3rem;
  height: 2.3rem;
  width: calc(100% + .6rem) !important; }
  .radio-scroll-wrapper .radio-slider {
    margin-right: .3rem;
    margin-left: .3rem;
    line-height: .88rem;}
    /* .radio-scroll-wrapper .radio-slider:first-child {
      margin-left: .3rem; } */
    .radio-scroll-wrapper .radio-slider img {
      border-radius: 50%;
      border: 1px solid #9D9D9D;
      height: 1rem;
      width: 1rem;
      overflow: hidden; }
    .radio-scroll-wrapper .radio-slider .text {
      display: block;
      padding-top: .1rem;
      color: #111;
      font-size: .28rem; }

.reco-scroll-wrapper {
  padding-top: .4rem;
  padding-bottom: .6rem;
  margin-left: -.3rem;
  height: 5rem;
  width: calc(100% + .6rem) !important; }
  .reco-scroll-wrapper .reco-slider {
    margin-right: .3rem;
    width: 2.6rem; }
    .reco-scroll-wrapper .reco-slider:first-child {
      margin-left: .3rem; }
    .reco-scroll-wrapper .reco-slider img {
      height: 1.46rem;
      width: 2.6rem; }
    .reco-scroll-wrapper .reco-slider .text {
      padding: .2rem 0;
      color: #333;
      font-size: .28rem;
      text-align: justify;
      white-space: initial; }

.aod-table-view a {
  display: flex;
  padding: .3rem;
  border-bottom: 1px solid #EAEAEA; }
  .aod-table-view a:last-child {
    border-bottom: none; }
  .aod-table-view a * {
    flex: auto; }
  .aod-table-view a span, .aod-table-view a img {
    height: 1.46rem;
    width: 1.46rem; }
  .aod-table-view a .aod-text {
    padding-left: .3rem;
    width: calc(100% - 1.46rem); }

.relevancy-video {
  background: #f7f7f7; }

.off-float {
  bottom: -2.2rem; }

.slide-up {
  bottom: 0 !important; }
  .slide-up .close-btn {
    opacity: 1; }
  .slide-up .safe-mask {
    display: none; }

.dplayer-menu,
.dplayer-setting,
.dplayer-volume,
.dplayer-full-in-icon,
.dplayer-comment-box {
  display: none !important; }

.dplayer-full-icon::after {
  display: none; }

.play-shop {
  padding-bottom: .8rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .play-shop * {
    display: inline-block;
    flex: auto;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: .4rem;
    max-width: .34rem; }
  .play-shop .prev {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTcgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjYgKDY3NDkxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5sZWZ0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjMt6Z+z6aKR6K+m57uGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA0LjAwMDAwMCwgLTQ0NC4wMDAwMDApIiBmaWxsPSIjNjY2NjY2Ij4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjAwMDAwMCwgMzgzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg5LjAwMDAwMCwgNTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguNTAwMDAwLCAxNS4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTguNTAwMDAwLCAtMTUuMDAwMDAwKSB0cmFuc2xhdGUoMC4wMDAwMDAsIDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS41LDkuMDcwNDIzNzEgQzE0LjQ0NDQ0NDUsOC40MDMxMjg1OSAyLjE2NjY2NjY2LDAuNTYyNDExMDkgMS41NTU1NTU1NiwwLjE3MzE1NTYgQzAuNzc3Nzc3NzgsLTAuMzI3MzE1NzMxIDAsMC4zMzk5NzkzNyAwLDEuMTE4NDkwMzMgTDAsMTguOTEzMDI2NSBDMCwxOS44MDI3NTMzIDAuODMzMzMzMzQsMjAuMjQ3NjE2OCAxLjUsMTkuODU4MzYxMyBDMi4zODg4ODg4OCwxOS4zMDIyODIgMTQuNzIyMjIyMiwxMS40NjE1NjQ1IDE1LjUsMTAuOTYxMDkzMiBDMTYuMTY2NjY2NywxMC41MTYyMjk4IDE2LjE2NjY2NjcsOS40NTk2NzkxOCAxNS41LDkuMDcwNDIzNzEgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMTUiIHk9IjEiIHdpZHRoPSIyIiBoZWlnaHQ9IjE4IiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
  .play-shop .play {
    margin: 0 1rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjYgKDY3NDkxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5ib2Zhbmc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMy3pn7PpopHor6bnu4YiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzYuMDAwMDAwLCAtNDM5LjAwMDAwMCkiIGZpbGw9IiM2NjY2NjYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwLCAzODMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODkuMDAwMDAwLCA1Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iYm9mYW5nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3Mi4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMy4yNDAwNDg4LDEzLjYwMTgwODggQzIxLjY1ODc2MDUsMTIuNjAxMTQ3OCAzLjI2NTg4MDU4LDAuODQzMzgyMDUzIDIuMzUwMzk3ODgsMC4yNTk2NjMxNjcgQzEuMTg1MjM4MDcsLTAuNDkwODMyNTIyIDAuMDIwMDc4MjUzNywwLjUwOTgyODM4NyAwLjAyMDA3ODI1MzcsMS42NzcyNjYxMyBMMC4wMjAwNzgyNTM3LDI4LjM2MTU1NzMgQzAuMDIwMDc4MjUzNywyOS42OTU3NzE4IDEuMjY4NDYzNzgsMzAuMzYyODc5MSAyLjI2NzE3MjE4LDI5Ljc3OTE2MDMgQzMuNTk4NzgzMzgsMjguOTQ1Mjc2MiAyMi4wNzQ4ODksMTcuMTg3NTEwNCAyMy4yNDAwNDg4LDE2LjQzNzAxNDcgQzI0LjIzODc1NzIsMTUuNzY5OTA3NCAyNC4yMzg3NTcyLDE0LjE4NTUyNzYgMjMuMjQwMDQ4OCwxMy42MDE4MDg4IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    height: .64rem;
    max-width: .5rem; }
  .play-shop .next {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTcgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjYgKDY3NDkxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5yaWdodDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIzLemfs+mikeivpue7hiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1NC4wMDAwMDAsIC00NDQuMDAwMDAwKSIgZmlsbD0iIzY2NjY2NiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMDAwMDAsIDM4My4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4OS4wMDAwMDAsIDU2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJyaWdodCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUwLjAwMDAwMCwgNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjQ5MzM2NTksOS4wNjc4NzI1MSBDMTQuNDM5MTczNyw4LjQwMDc2NTIyIDIuMTc3MjUzNzIsMC41NjIyNTQ3MDIgMS41NjY5MzE5MiwwLjE3MzEwODc3OCBDMC43OTAxNTg3MTIsLTAuMzI3MjIxNjgxIDAuMDEzMzg1NTAyNCwwLjMzOTg4NTU5MSAwLjAxMzM4NTUwMjQsMS4xMTgxNzc0MiBMMC4wMTMzODU1MDI0LDE4LjkwNzcwNDkgQzAuMDEzMzg1NTAyNCwxOS43OTcxODEyIDAuODQ1NjQyNTE3LDIwLjI0MTkxOTQgMS41MTE0NDgxMiwxOS44NTI3NzM1IEMyLjM5OTE4ODkyLDE5LjI5Njg1MDggMTQuNzE2NTkyNiwxMS40NTgzNDAzIDE1LjQ5MzM2NTksMTAuOTU4MDA5OCBDMTYuMTU5MTcxNSwxMC41MTMyNzE2IDE2LjE1OTE3MTUsOS40NTcwMTg0MiAxNS40OTMzNjU5LDkuMDY3ODcyNTEgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMTUiIHk9IjEiIHdpZHRoPSIyIiBoZWlnaHQ9IjE4IiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
  .play-shop .pause {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU0MTA4MDczNzQwIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE3NDEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTc1Ny41MiA3My4xMDdoLTYyLjQ5M2MtMzQuNTI2IDAtNjIuNDk4IDI3Ljk4NC02Mi40OTggNjIuNTExdjc0OS45NDhjMCAzNC41MjYgMjcuOTc0IDYyLjQ5MyA2Mi40OTggNjIuNDkzaDYyLjQ5M2MzNC41MTYgMCA2Mi41MDItMjcuOTY4IDYyLjUwMi02Mi40OTN2LTc0OS45NTNjLTAuMDAxLTM0LjUyNC0yNy45ODQtNjIuNTA5LTYyLjUwMi02Mi41MDl6IiBwLWlkPSIxNzQyIiBmaWxsPSIjNjY2NjY2Ij48L3BhdGg+PHBhdGggZD0iTTMyMC4wNTQgNzMuMTA3aC02Mi41MDJjLTM0LjUyNiAwLTYyLjQ5OCAyNy45ODQtNjIuNDk4IDYyLjUxMXY3NDkuOTQ4YzAgMzQuNTI2IDI3Ljk3NCA2Mi40OTMgNjIuNDk4IDYyLjQ5M2g2Mi41MDJjMzQuNTA1IDAgNjIuNDkzLTI3Ljk2OCA2Mi40OTMtNjIuNDkzdi03NDkuOTUzYy0wLjAwMS0zNC41MjQtMjcuOTg0LTYyLjUwOS02Mi40OTMtNjIuNTA5eiIgcC1pZD0iMTc0MyIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPjwvc3ZnPg==) !important;
    background-position: center !important; }

.talk-fixed {
  display: flex;
  position: fixed;
  right: .3rem;
  bottom: .6rem;
  background: #000;
  box-shadow: 0 2px 6px #888;
  border-radius: 50%;
  text-align: center;
  line-height: .9rem;
  height: .9rem;
  width: .9rem; }
  .talk-fixed .icon-talk {
    font-size: .36rem;
    color: #fff; }

.collect {
  position: absolute;
  top: 1.28rem;
  right: .3rem;
  height: .4rem;
  width: .4rem;
  color: #E9E9E9; }

.sure-collect #collect {
  color: #F5A623 !important; }

.video-info > .video-title, .video-info > .ado-title,
.ado-info > .video-title,
.ado-info > .ado-title {
  padding: .3rem;
  color: #111;
  font-size: .36rem;
  height: 1.6rem; }
.video-info .video-info-in,
.ado-info .video-info-in {
  position: relative;
  padding: .3rem; }
  .video-info .video-info-in .add-course,
  .ado-info .video-info-in .add-course {
    position: absolute;
    top: .3rem;
    right: .3rem;
    padding: 0 .2rem;
    border: 1px solid #000;
    border-radius: 10px;
    color: #000;
    font-size: .2rem;
    line-height: .36rem; }
  .video-info .video-info-in .video-title,
  .ado-info .video-info-in .video-title {
    padding-bottom: .1rem;
    width: calc(100% - 1.6rem); }
  .video-info .video-info-in .video-shop > span,
  .ado-info .video-info-in .video-shop > span {
    margin-right: .6rem;
    color: #9D9D9D;
    font-size: .26rem; }
  .video-info .video-info-in .video-shop i[class^="icon-"], .video-info .video-info-in .video-shop [class*=" icon-"],
  .ado-info .video-info-in .video-shop i[class^="icon-"],
  .ado-info .video-info-in .video-shop [class*=" icon-"] {
    display: inline-block;
    font-size: .2rem; }
  .video-info .video-info-in .video-shop .icon-eye,
  .ado-info .video-info-in .video-shop .icon-eye {
    transform: scale(0.7); }

.ado-info {
  background: #F7F7F7; }

.curriculum {
  padding-top: .06rem;
  padding-bottom: .2rem; }
  .curriculum .title {
    padding: .2rem 0;
    color: #111;
    font-size: .26rem;
    line-height: .36rem; }
  .curriculum .episode-grup {
    margin-left: -1%;
    width: calc(100% + 2%); }
    .curriculum .episode-grup .episode-item {
      display: block;
      float: left;
      margin: 0 1% 2%;
      border-radius: 5px;
      background: #E9E9E9;
      font-size: .32rem;
      height: .96rem;
      min-width: 18%;
      line-height: .96rem;
      text-align: center; }
    .curriculum .episode-grup .active {
      background: #941E78;
      color: #fff; }

.editor-main {
  padding-bottom: .6rem;
  color: #666;
  font-size: .26rem;
  line-height: .6rem;
  letter-spacing: 1px;
  text-align: justify; }

.search #search {
  margin: .08rem 0;
  padding: .1rem .3rem;
  border: none;
  border-radius: 0.5rem !important;
  height: .64rem; }
.search #cancel {
  display: block;
  margin-left: .3rem;
  color: #fff;
  font-size: .32rem;
  white-space: nowrap; }

.hot-search .title {
  padding: .4rem 0;
  color: #4A4A4A;
  font-size: .32rem;
  line-height: .44rem; }
.hot-search .associate li {
  float: left;
  margin-right: .3rem;
  margin-bottom: .3rem; }
  .hot-search .associate li a {
    padding: 0 .5rem;
    border: 1px solid #999;
    border-radius: .5rem;
    color: #999;
    font-size: .28rem;
    line-height: .64rem; }

.state-item {
  display: flex;
  padding: .4rem;
  border-bottom: 1px solid #EAEAEA !important; }
  .state-item > * {
    flex: auto; }
  .state-item:last-child {
    border-bottom: none !important; }
  .state-item .item-left {
    position: relative;
    width: 2.6rem;
    overflow: hidden; }
    .state-item .item-left img {
      width: 100%; }
    .state-item .item-left span {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0 .08rem;
      background: #F7F7F7;
      color: #00B084;
      font-size: .2rem;
      line-height: .36rem; }
  .state-item .item-right {
    position: relative;
    padding-left: .3rem;
    width: calc(100% - 2.6rem); }
    .state-item .item-right .text {
      line-height: .44rem;
      color: #111;
      font-size: .32rem;
      height: .88rem;
      overflow: hidden; }
    .state-item .item-right .teacher {
      position: absolute;
      bottom: 0;
      left: .3rem;
      color: #676767;
      font-size: .2rem; }

.series-course .mui-control-content {
  padding-top: .3rem;
  background: #F7F7F7;
  min-height: 300px; }
  .series-course .mui-control-content .teacher-info-content {
    display: flex; }
    .series-course .mui-control-content .teacher-info-content > * {
      flex: auto; }
    .series-course .mui-control-content .teacher-info-content .teacher-pic {
      max-height: 1.68rem;
      max-width: 1.68rem;
      border-radius: 50%;
      overflow: hidden; }
      .series-course .mui-control-content .teacher-info-content .teacher-pic img {
        display: block;
        height: 100%;
        width: 100%; }
    .series-course .mui-control-content .teacher-info-content .teacher-name {
      padding-left: .56rem;
      width: calc(100% - 1.68rem); }
      .series-course .mui-control-content .teacher-info-content .teacher-name span {
        display: block; }
        .series-course .mui-control-content .teacher-info-content .teacher-name span:first-child {
          color: #333;
          font-size: .36rem; }
        .series-course .mui-control-content .teacher-info-content .teacher-name span:last-child {
          color: #666;
          font-size: .2rem; }
  .series-course .mui-control-content .teacher-info-main {
    padding-top: .52rem; }
    .series-course .mui-control-content .teacher-info-main .editor-main {
      color: #333;
      font-size: .26rem;
      line-height: .44rem; }
.series-course .item-title {
  padding: 0 .3rem .4rem;
  color: #111;
  font-size: .26rem;
  line-height: .36rem; }
.series-course .course-outline-list .course-outline-item {
  padding: 0 .3rem;
  border-bottom: 1px solid #EAEAEA;
  color: #666;
  font-size: .26rem;
  line-height: 1rem;
  height: 1rem; }
  .series-course .course-outline-list .course-outline-item:last-child {
    border-bottom: none; }
  .series-course .course-outline-list .course-outline-item span {
    padding-right: .2rem;
    width: 1.4rem; }
  .series-course .course-outline-list .course-outline-item p {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 1.2rem); }

.menu-left,
.menu-right {
  height: calc(100vh - 1.76rem);
  overflow-y: auto; }

.menu-left {
  width: 3.2rem; }

#segmentedControls {
  background: #F3F4F4; }
  #segmentedControls .mui-control-item {
    color: #333;
    font-size: .26rem; }
    #segmentedControls .mui-control-item:last-child {
      border-bottom: none; }
  #segmentedControls .mui-active {
    position: relative;
    background: #fff;
    color: #2D594E; }
    #segmentedControls .mui-active::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      background: #2D594E;
      height: 100%;
      width: .12rem; }

.menu-right {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 3.2rem); }
  .menu-right .mui-table-view::before, .menu-right .mui-table-view::after {
    display: none; }
  .menu-right .mui-table-view-cell {
    padding: 0 0 0 .48rem;
    color: #666;
    font-size: .26rem;
    line-height: 1rem; }
    .menu-right .mui-table-view-cell::after {
      display: none; }

.mui-segmented-control .mui-control-item {
  line-height: 1rem;
  width: 100%; }

.inform-top {
  position: relative;
  padding-top: .3rem;
  max-height: calc(.3rem + 3.26rem);
  overflow: hidden;
  transition: all .3s; }
  .inform-top > * {
    float: left; }
  .inform-top .kcgg {
    display: inline-block;
    background: #D0021B;
    border-radius: 15px;
    color: #fff;
    font-size: .2rem;
    line-height: .4rem;
    text-align: center;
    height: .4rem;
    min-width: 1.2rem; }
  .inform-top .word {
    padding-bottom: .2rem;
    padding-left: .2rem;
    color: #121212;
    font-size: .24rem;
    text-align: justify;
    line-height: .4rem;
    width: calc(100% - 1.2rem); }
  .inform-top .pic {
    width: 100%; }
    .inform-top .pic img {
      width: 100%; }

.inform-show-all .inform-top {
  max-height: unset; }
.inform-show-all .open-show:after {
  border-top: 0;
  border-bottom: .1rem solid #e1e1e1; }

.open-left-side-menu .side-menu {
  left: 0 !important; }
.open-left-side-menu .mui-bar-nav,
.open-left-side-menu .mui-content {
  left: 85% !important; }
.open-left-side-menu .mui-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  height: 100%;
  width: 100%;
  z-index: 1000;
  opacity: .7; }

.have-menu .mui-bar-nav {
  right: unset !important;
  transition: all .3s; }
.have-menu .mui-content {
  transition: all .3s;
  left: 0; }
.have-menu .menu-header {
  position: absolute !important; }
.have-menu .side-menu {
  position: fixed;
  top: 0;
  left: -100%;
  background: #fff;
  width: 85%;
  height: 100%;
  z-index: 999;
  transition: all .3s; }
.have-menu .side-menu-content {
  padding: 1.2rem 0 0 .6rem; }
  .have-menu .side-menu-content #some-user {
    border-radius: 50%;
    height: 1.6rem;
    width: 1.6rem;
    overflow: hidden; }
    .have-menu .side-menu-content #some-user img {
      width: 100%; }
  .have-menu .side-menu-content .side-menu-list {
    height: 8rem;
    overflow: scroll; }
    .have-menu .side-menu-content .side-menu-list li {
      margin-bottom: .74rem; }
      .have-menu .side-menu-content .side-menu-list li:first-child {
        margin-top: .34rem; }
      .have-menu .side-menu-content .side-menu-list li:last-child {
        margin-bottom: 0; }
      .have-menu .side-menu-content .side-menu-list li a {
        display: inline-block;
        color: #fff;
        font-size: .32rem;
        line-height: .44rem; }
  .have-menu .side-menu-content .menu-bottom-alink {
    position: absolute;
    left: .6rem;
    bottom: .6rem; }
    .have-menu .side-menu-content .menu-bottom-alink a {
      float: left;
      margin-right: .4rem;
      padding: 0 .46rem;
      background: #99856B;
      color: #fff;
      font-size: .32rem;
      line-height: 1rem; }
      .have-menu .side-menu-content .menu-bottom-alink a:last-child {
        margin: 0; }

.myclassroom .off-float {
  bottom: -6rem; }
.myclassroom .reco-scroll-wrapper {
  height: 3.5rem; }

.inform-top-wrap {
  border-bottom: 10px solid #F7F7F7; }

.result-share .result-share-list .result-share-item {
  display: flex;
  padding: 0 .3rem;
  border-bottom: 1px solid #F7F7F7;
  color: #4A4A4A;
  font-size: .26rem;
  line-height: 1.2rem; }
  .result-share .result-share-list .result-share-item:last-child {
    border-bottom: none; }
  .result-share .result-share-list .result-share-item a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .result-share .result-share-list .result-share-item .tag {
    border: 1px solid #4A4A4A;
    color: #4A4A4A;
    font-size: .24rem;
    line-height: .34rem;
    text-align: center;
    width: .64rem; }
  .result-share .result-share-list .result-share-item .text {
    margin-left: .56rem; }

.share-up-btn {
  display: block;
  background: #A0ACBF;
  color: #fff;
  font-size: .32rem;
  line-height: 1rem;
  height: 1rem;
  width: 100%; }

.discuss-content .title {
  padding-top: .4rem;
  padding-bottom: .3rem;
  color: #111;
  font-size: .36rem;
  line-height: .5rem; }
.discuss-content .user-discuss-content .some-user {
  display: flex;
  padding: .3rem;
  border-bottom: 1px solid #F7F7F7; }
  .discuss-content .user-discuss-content .some-user > * {
    flex: auto; }
  .discuss-content .user-discuss-content .some-user .user-photo {
    display: block;
    border-radius: 50%;
    height: .8rem;
    width: .8rem;
    overflow: hidden; }
    .discuss-content .user-discuss-content .some-user .user-photo img {
      display: block;
      height: 100%;
      width: 100%; }
  .discuss-content .user-discuss-content .some-user .user-discuss {
    padding-left: .2rem;
    width: calc(100% - .8rem); }
    .discuss-content .user-discuss-content .some-user .user-discuss .name {
      color: #4A4A4A;
      font-size: .32rem;
      line-height: .8rem; }
    .discuss-content .user-discuss-content .some-user .user-discuss .text {
      font-size: .24rem;
      color: #666;
      letter-spacing: 1px;
      line-height: .48rem;
      text-align: justify; }
    .discuss-content .user-discuss-content .some-user .user-discuss .footer {
      display: flex;
      padding-top: .2rem;
      color: #9D9D9D;
      font-size: .24rem;
      justify-content: space-between; }
      .discuss-content .user-discuss-content .some-user .user-discuss .footer .icon-good {
        font-size: .3rem; }

.spdt header {
  background: #941E78; }
.spdt .tabview .mui-slider-indicator .mui-active,
.spdt .tabview .mui-scroll .mui-active {
  border-bottom: 2px solid #941E78 !important;
  color: #941E78 !important; }
.spdt .card-shop .shop-play::after {
  border-left: .24rem solid #941E78; }
.spdt .card-shop .shop-play-time {
  background: #941E78; }
.spdt .video-info-in .add-course {
  border-color: #941E78;
  color: #941E78; }
.spdt .close-btn:after,
.spdt .open-show:after {
  border-top: .1rem solid #941E78; }
.spdt i[class^="icon-"], .spdt [class*=" icon-"] {
  color: #941E78 !important; }
.spdt .talk-fixed,
.spdt .course header {
  background: #941E78 !important; }

.course-menu {
  overflow: hidden; }

.course header {
  background: #2D594E; }
.course .tabview .mui-slider-indicator .mui-active,
.course .tabview .mui-scroll .mui-active {
  border-bottom: 2px solid #2D594E !important;
  color: #2D594E !important; }
.course .card-shop .shop-play::after {
  border-left: .24rem solid #2D594E; }
.course .card-shop .shop-play-time {
  background: #2D594E; }
.course .video-info-in .add-course {
  border-color: #2D594E;
  color: #2D594E; }
.course .close-btn:after,
.course .open-show:after {
  border-top: .1rem solid #2D594E; }
.course i[class^="icon-"], .course [class*=" icon-"] {
  color: #2D594E !important; }
.course .talk-fixed,
.course .course header {
  background: #2D594E !important; }

.myclassroom header {
  background: #415980 !important;
  width: 100%; }
.myclassroom .tabview .mui-slider-indicator .mui-active,
.myclassroom .tabview .mui-scroll .mui-active {
  border-bottom: 2px solid #415980 !important;
  color: #415980 !important; }
.myclassroom .card-shop .shop-play::after {
  border-left: .24rem solid #415980; }
.myclassroom .card-shop .shop-play-time {
  background: #415980; }
.myclassroom .video-info-in .add-course {
  border-color: #415980;
  color: #415980; }
.myclassroom .close-btn:after,
.myclassroom .open-show:after {
  border-top: .1rem solid #fff; }
.myclassroom i[class^="icon-"], .myclassroom [class*=" icon-"] {
  color: #415980 !important; }
.myclassroom .side-menu {
  background: #415980 !important; }
.myclassroom .talk-fixed,
.myclassroom .course header {
  background: #415980 !important; }

/*# sourceMappingURL=mobile.css.map */